Hero : construire une section d'ouverture

Objectif : donner à une page une vraie ouverture au lieu de démarrer à froid sur un titre.
Durée : 4 minutes
Il vous faut : une page et, idéalement, une image large dans la médiathèque

Étapes

  1. Dans le slot Main, sélectionnez Add Block, puis Hero.
  2. Remplissez les textes : Eyebrow / Label est la petite ligne au-dessus du titre, Title l'accroche et Subtitle / Intro la phrase en dessous.
  3. Ajoutez jusqu'à deux actions : Primary CTA Label et Primary CTA URL, puis la paire secondaire si besoin.
  4. Choisissez une image de fond si vous en avez une, et réglez Background Position et Overlay pour que le texte reste lisible.
  5. Choisissez une Variant (default, muted, accent, soft) et un Layout (left, centered, split).
  6. Mettez Title Tag sur h1 quand le Hero porte le titre principal de la page — ce qui est en général tout l'intérêt d'un Hero.
  7. Sélectionnez 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.

Remarques

  • Un Hero par page, tout en haut. Un second Hero à mi-page est un bloc CTA en costume emprunté.
  • Les boutons CTA font partie du Hero, ce ne sont pas des blocs séparés que vous ajoutez. Remplir un libellé et une URL les crée ; vider les deux les supprime.
  • Overlay existe pour que le texte survive à une photo chargée. Si le titre est difficile à lire, augmentez l'overlay avant de partir chercher une autre image.
  • Mettez Title Tag sur h2 si la page a déjà un h1 ailleurs. Deux éléments h1 sur une page sont une erreur de structure, pas un choix de style.
Suite : boutons et CTA