Créer un Héro réutilisable avec Gutenberg

Le bloc Hero est souvent la première chose que voient tes visiteurs. Découvrons comment le créer une fois, puis le réutiliser partout grâce aux patterns synchronisés de Gutenberg.

Exemple de Hero sur un écran d'ordinateur

Pourquoi créer un Hero réutilisable ?

Un Hero bien conçu met en valeur ton titre, ton message et ton appel à l’action. En le transformant en pattern réutilisable, tu gagnes du temps et tu garantis une cohérence graphique sur toutes tes pages.

Étapes de création

  • Ajoute un bloc Couverture ou un Row Layout Kadence.
  • Place ton titre (bloc Heading) + un sous-titre (paragraphe).
  • Ajoute un bouton menant vers ta page clé (ex : Blog ou Contact).
  • Sélectionne tout → clique sur Créer un modèle pour l’enregistrer en pattern.

Astuce bonus

Crée deux variantes de ton Hero : un clair (fond blanc, texte noir) et un sombre (fond foncé, texte blanc). Tu pourras les alterner selon la page pour dynamiser ton site.

Conseil : nomme clairement tes patterns (ex : « Hero – clair » ou « Hero – sombre ») pour les retrouver facilement dans ta bibliothèque.

Conclusion

Le Hero est la vitrine de ton site. Avec Gutenberg, tu peux en créer un une fois et le réutiliser partout. C’est un gain de temps énorme et une garantie de cohérence.

Publications similaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *