Construire un en-tête en Shared Slot

Objectif : avoir un seul en-tête utilisé par toutes les pages, au lieu d'une copie par page.
Durée : 5 minutes
Il vous faut : un accès à Shared Slots et un menu de navigation avec quelques liens

Étapes

  1. Sélectionnez Shared Slots dans la barre latérale. On y liste les zones réutilisables du site courant, avec les pages que chacune dessert.
  2. Ouvrez le Shared Slot d'en-tête et sélectionnez Edit Blocks. Un Shared Slot contient des blocs exactement comme un slot de page.
  3. Un en-tête qui fonctionne, c'est une Navbar contenant un Container, contenant un Cluster, contenant un Navbar Brand, une Navbar Navigation liée à une clé de menu et Header Actions.
  4. Pour le poser sur une page, ouvrez la page, repérez le slot dans la carte Slots et sélectionnez Manage Source.
  5. Choisissez Shared Slot, sélectionnez celui que vous avez construit et validez par Save Source.
Shared Slots screen listing reusable areas and their usage.
Shared slot block list showing a navbar with brand, navigation, and header actions nested inside.
Manage source dialog offering page content, shared slot, or disabled for a slot.

Les trois sources

Chaque slot de page rend l'une de trois choses, et Manage Source est l'endroit où l'on choisit :

  • Page Content — les blocs propres à cette page. Le réglage par défaut.
  • Shared Slot — des blocs qui vivent ailleurs et sont partagés avec d'autres pages.
  • Disabled — rien n'est rendu ici sur cette page.

Changer de source préserve les blocs propres de la page. Pointez un slot vers un Shared Slot, changez d'avis, revenez en arrière : vos blocs sont toujours là.

Remarques

  • Navbar Brand et Navbar Navigation ne fonctionnent qu'à l'intérieur d'une navbar. Ailleurs, ils ne sont pas proposés : c'est le CMS qui vous empêche de construire un en-tête incapable de s'afficher.
  • Navbar Navigation ne contient pas de liens — elle pointe vers une clé de menu et affiche ce que ce menu contient.
  • Un Shared Slot dessert un seul type de slot. Un slot conçu pour header ne peut pas être affecté à un pied de page.
  • Header Actions porte les commandes de recherche, de thème et de langue. Ses interrupteurs sont des réglages du bloc, pas des blocs distincts.
Suite : construire un pied de page en Shared Slot