Hero: costruire una sezione di apertura
Obiettivo: dare a una pagina una vera apertura invece di partire a freddo con un titolo.
Tempo: 4 minuti
Serve: una pagina e, possibilmente, un'immagine larga nella libreria media
Passaggi
- Nello slot Main selezionate Add Block, poi Hero.
- Compilate i testi: Eyebrow / Label è la riga piccola sopra il titolo, Title è il titolo principale e Subtitle / Intro la frase sotto.
- Aggiungete fino a due azioni: Primary CTA Label e Primary CTA URL, poi la coppia secondaria se serve.
- Scegliete un'immagine di sfondo, se l'avete, e regolate Background Position e Overlay perché il testo resti leggibile.
- Scegliete una Variant (default, muted, accent, soft) e un Layout (left, centered, split).
- Impostate Title Tag su
h1quando l'Hero porta il titolo principale della pagina, che di solito è il senso di un Hero. - Selezionate Save New Block.
Note
- Un Hero per pagina, in cima. Un secondo Hero a metà pagina è un blocco CTA travestito.
- I pulsanti CTA fanno parte dell'Hero, non sono blocchi separati che aggiungete. Compilare etichetta e URL li crea; svuotarle entrambe li rimuove.
- Overlay esiste perché il testo sopravviva a una fotografia affollata. Se il titolo è difficile da leggere, alzate l'overlay prima di andare in cerca di un'altra immagine.
- Impostate Title Tag su
h2se la pagina ha già un h1 altrove. Due elementi h1 nella stessa pagina sono un errore di struttura, non una scelta di stile.