Blocs de navigation

Ces blocs permettent d'ajouter des éléments de navigation à vos pages : boutons, séparateurs, listes de liens et table des matières.

Table des matières

Ce bloc génère automatiquement une liste de liens ancrés vers les titres présents sur la page. Il est particulièrement utile sur les pages longues pour permettre au lecteur de naviguer rapidement d'une section à l'autre.

Options

Niveau de titre: Choisissez à partir de quel niveau (H2 à H6) les titres sont collectés. Seuls les titres correspondant exactement à ce niveau sont inclus dans la liste.
Titre: Texte affiché au-dessus de la liste de liens (facultatif).
Affichage: Liste verticale ou horizontale. En mode horizontal, un style souligné est disponible en plus du style sans formatage.

Exemple

La table des matières est générée à partir des titres H2 de cette page (Table des matières, Bouton, Séparateur, Liste de liens).

Bouton

Le bloc Bouton transforme un lien en bouton cliquable. Il peut pointer vers une page du site, une URL externe ou une adresse email. Son apparence et son positionnement sont entièrement configurables.

Options

Texte: Le libellé affiché sur le bouton.
Lien: La destination du bouton : une page du site, une URL externe ou une adresse email. Un titre de lien peut être ajouté pour l'accessibilité.
Texte alternatif: Description du lien destinée aux lecteurs d'écran.
Couleur: Couleur de fond du bouton, avec une variante atténuée disponible. Sans sélection, la couleur principale du thème est utilisée.
Taille: Trois tailles disponibles : normale, gros, petit.
Position: Quatre options : dans le texte (sans rupture de ligne), à gauche, centré ou à droite.

Exemple

Le même bouton avec les trois positionnements distincts (gauche, centré, droite).

Envoyer

Séparateur

Le bloc Séparateur trace une ligne horizontale pour délimiter visuellement des sections dans une page. Son seul paramètre porte sur les marges au-dessus et en dessous de la ligne.

Exemple

Liste de liens

Ce bloc génère une liste de liens de navigation. Trois modes d'alimentation sont disponibles selon le cas d'usage.

Options

Générée à partir d'une page parent: Sélectionnez une page parent : toutes ses sous-pages s'affichent automatiquement comme liens. La liste se met à jour si des pages sont ajoutées ou supprimées.
Sélection manuelle de pages: Choisissez manuellement les pages du site à inclure dans la liste. L'ordre de sélection est respecté.
Liens externes: Créez une liste de liens vers des adresses externes. Pour chaque lien, vous pouvez définir un texte, une icône parmi une sélection de réseaux sociaux et services courants, et choisir d'ouvrir le lien dans un nouvel onglet.
Affichage: Deux formats disponibles : liste verticale ou liste horizontale. En mode horizontal, trois styles s'ajoutent : classique, pastilles ou souligné. En mode vertical, une pagination peut être activée pour les longues listes.
Titre: Un titre optionnel peut être affiché au-dessus de la liste.

Exemple

Trois liens en mode horizontal avec style pastilles, puis les mêmes en mode vertical.