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

  1. Nello slot Main selezionate Add Block, poi Hero.
  2. Compilate i testi: Eyebrow / Label è la riga piccola sopra il titolo, Title è il titolo principale e Subtitle / Intro la frase sotto.
  3. Aggiungete fino a due azioni: Primary CTA Label e Primary CTA URL, poi la coppia secondaria se serve.
  4. Scegliete un'immagine di sfondo, se l'avete, e regolate Background Position e Overlay perché il testo resti leggibile.
  5. Scegliete una Variant (default, muted, accent, soft) e un Layout (left, centered, split).
  6. Impostate Title Tag su h1 quando l'Hero porta il titolo principale della pagina, che di solito è il senso di un Hero.
  7. Selezionate Save New Block.
Hero block form showing eyebrow, title, intro, CTA fields, variant, and layout.
Public page showing a centred hero with a title, intro sentence, and two buttons.

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 h2 se la pagina ha già un h1 altrove. Due elementi h1 nella stessa pagina sono un errore di struttura, non una scelta di stile.
Avanti: pulsanti e CTA