Il blocco Copertina è un blocco contenitore che ospita il contenuto del tuo banner. Puoi regolare il layout modificando l’allineamento, la posizione del contenuto e altre impostazioni. In questa guida ti mostreremo come personalizzare il layout del tuo banner.
In questo video imparerai a creare una sezione in stile banner con il blocco Copertina. Scoprirai come aggiungere testo o altri blocchi sopra un’immagine o un video di sfondo, regolare il layout e il punto focale, personalizzare la sovrapposizione e visualizzare l’anteprima del design su dispositivi mobili.
Puoi allineare il banner all’interno della tua pagina, articolo o template. Per allineare il banner, segui questi passaggi:
- Fai clic sul blocco Copertina per selezionarlo.
- Nella barra degli strumenti del blocco che compare, fai clic sul pulsante Allinea.
- Scegli tra le seguenti opzioni:
- Larghezza intera: espande il banner alla larghezza intera dello schermo.
- Larghezza ampia: rende il banner più largo dell’area del contenuto principale, ma non a larghezza intera.
- Allineamento a sinistra, al centro o a destra: allinea il banner all’interno dell’area del contenuto.
Puoi posizionare il testo, i pulsanti e gli altri contenuti all’interno del banner. Per regolare la posizione del contenuto nel banner, segui questi passaggi:
- Fai clic sul blocco Copertina per selezionarlo.
- Nella barra degli strumenti del blocco che compare, fai clic sul pulsante “Cambia posizione del contenuto“.
- Seleziona una delle opzioni predefinite per spostare il contenuto in alto, al centro o in basso nel banner.
Per fare in modo che l’immagine mostri sempre l’altezza intera, puoi attivare l’opzione “Attiva/disattiva altezza intera” nella barra degli strumenti del blocco.
- Fai clic sul blocco Copertina per selezionarlo.
- Nella barra degli strumenti del blocco che compare, fai clic sul pulsante “Altezza intera” (l’icona assomiglia a un quadrato con visibili solo gli angoli):
Puoi fare di nuovo clic sul pulsante per rimuovere l’impostazione di altezza intera.
Puoi modificare la disposizione del contenuto all’interno del blocco Copertina seguendo questi passaggi:
- Fai clic sul blocco Copertina.
- Nella barra laterale delle impostazioni del blocco, attiva “I blocchi interni usano la larghezza del contenuto” per regolare la visualizzazione del contenuto all’interno del blocco Copertina.
- Quando “I blocchi interni usano la larghezza del contenuto” è attiva, i blocchi interni al blocco Copertina rispetteranno queste impostazioni di larghezza:
- Contenuto: la larghezza dell’area del contenuto per i blocchi non impostati su larghezza ampia o piena.
- Ampia: la larghezza del contenuto per i blocchi impostati su larghezza ampia.
Scopri di più su come modificare la larghezza di un blocco.
Puoi aggiungere padding e margini al blocco Copertina seguendo questi passaggi:
- Fai clic sul blocco Copertina.
- Nella barra laterale delle impostazioni del blocco, fai clic sull’icona Stili. Ha l’aspetto di un cerchio bianco e nero.
- Individua la sezione Dimensioni.
- Regola il padding, i margini e la spaziatura tra i blocchi.
Per garantire dimensioni coerenti del banner, imposta un’altezza minima seguendo questi passaggi:
- Fai clic sul blocco Copertina.
- Nella barra laterale delle impostazioni del blocco, fai clic sull’icona Stili. Ha l’aspetto di un cerchio bianco e nero.
- Individua l’impostazione “Altezza minima“.
- Inserisci un’altezza specifica in unità per garantire che il banner mantenga dimensioni coerenti.
Supporto 