Utiliser le bloc Navigation

Le bloc Navigation affiche le menu de votre site pour aider les visiteurs à naviguer entre les pages. Dans ce guide, vous apprendrez comment ajouter et personnaliser le bloc Navigation.

Le bloc Navigation est généralement ajouté aux modèles de votre site, le plus souvent dans l’en-tête ou le pied de page.

Pour ajouter un bloc Navigation, procédez comme suit :

1. Consultez le tableau de bord de votre site.
2. Accédez à Apparence → Éditeur.
3. Cliquez sur l’aperçu de la page d’accueil à droite pour modifier votre page d’accueil ou sélectionnez le modèle ou l’élément de modèle où vous souhaitez que le menu de navigation apparaisse (comme l’en-tête).
4. Cliquez sur l’outil d’insertion de bloc + et recherchez « navigation ».
5. Cliquez sur le bloc Navigation pour l’ajouter à votre site.

Des instructions détaillées sur l’ajout de blocs sont disponibles ici.

Lorsque vous ajoutez un bloc Navigation pour la première fois, il affiche le menu de votre site. Si vous n’avez pas encore créé de menu personnalisé, il inclura automatiquement un bloc Liste des pages qui affichera toutes les pages publiées et sera mis à jour automatiquement à chaque publication.

Pour personnaliser les pages qui s’affichent, ajouter des liens personnalisés ou modifier l’ordre des éléments de menu, le système vous demandera d’abord de convertir le bloc Liste des pages en liens individuels.

Suivez ces étapes pour convertir le bloc Liste des pages :

1. Utilisez la Vue en liste pour accéder au bloc Liste des pages de votre bloc Navigation.

2. Cliquez sur le bouton Modifier dans la barre d’outils du bloc :

3. Un avertissement s’affichera pour indiquer que la liste des pages ne sera plus mise à jour automatiquement. Cliquez sur Modifier pour continuer.

Vous pouvez désormais ajouter de nouveaux liens et de nouvelles pages, supprimer des éléments de menu et réorganiser les liens.

Pour modifier des liens spécifiques dans votre bloc Navigation, procédez comme suit :

1. Utilisez la Vue en liste pour accéder au lien individuel que vous souhaitez personnaliser dans le bloc Navigation.
2. Dans la colonne latérale des réglages du bloc, vous pouvez modifier les éléments suivants :
   • Texte : modifier le libellé textuel qui apparaît dans le menu de navigation.
   • Lien : modifier la page ou l’URL de destination.
   • Ouvrir dans un nouvel onglet : cocher cette case pour que le lien s’ouvre dans un nouvel onglet.
   • Description : ajouter du texte qui s’affiche si votre thème prend en charge les descriptions de liens.
   • Attribut rel : définir des relations comme « nofollow » à des fins de référencement.
   • Styles : cliquer sur l’onglet Styles pour modifier la taille de la police et d’autres réglages de typographie.

3. Dans la barre d’outils du bloc, vous pouvez réaliser les actions suivantes :
   • Modifier le lien : cliquez sur l’icône du lien pour modifier l’URL ou le définir de sorte qu’il s’ouvre dans un nouvel onglet.
   • Ajouter une mise en forme : appliquez une mise en forme au texte (gras, italique ou autre).
   • Ajouter un sous-menu : cliquez sur l’icône du sous-menu pour créer un menu déroulant.
   • Déplacer le lien : utilisez les flèches gauche/droite pour repositionner le lien dans le menu.

Pour en savoir plus sur la gestion des éléments de menu, consultez l’article Modifier des éléments de menu.

Si vous avez créé plusieurs menus, vous pouvez choisir un autre menu pour le bloc Navigation.

Suivez ces étapes pour choisir un autre menu :

1. Utilisez la Vue en liste pour sélectionner le bloc Navigation.
2. Dans la colonne latérale des réglages du bloc, cliquez sur l’icône ⋮. en regard de Menu.

3. Choisissez parmi les options suivantes :
   • Menus : choisissez parmi les menus que vous avez déjà créés.
   • Importer des menus classiques : convertissez un menu WordPress classique à utiliser avec l’éditeur de blocs. Vous ne verrez cette option que si vous avez des menus WordPress classiques à convertir.
   • Créer un nouveau menu : créez un tout nouveau menu.

Pour en savoir plus sur la gestion détaillée des menus, consultez nos guides sur l’ajout de liens, la création de menus déroulants et la réorganisation des éléments.

Pour personnaliser l’apparence de votre bloc Navigation pour les visiteurs, procédez comme suit :

1. Utilisez la Vue en liste pour sélectionner le bloc Navigation.
2. Dans la colonne latérale des réglages du bloc, cliquez sur l’icône des réglages.

3. Ajustez les réglages de la Mise en page :
   • Justification : choisissez un alignement à gauche, au centre, à droite, ou harmonisez l’espacement entre les éléments de menu.
   • Orientation : sélectionnez la mise en page horizontale (par défaut) ou verticale pour le menu.
   • Autoriser le regroupement de lignes multiples : désactivez cette option pour conserver la navigation sur une seule ligne.
4. Configurez les réglages de l’Affichage :
   • Afficher l’icône du bouton : activez cette option pour afficher une icône de type hamburger ou désactivez-la pour afficher le texte « Menu ».
   • Icône : choisissez entre deux ou trois lignes horizontales pour l’icône hamburger.
   • Menu superposé : sélectionnez Désactivé, Mobile (par défaut) ou Toujours pour contrôler le comportement de réduction du menu, qui passe alors en mode superposé. Concevez un modèle de superposition pour personnaliser l’apparence de la superposition du menu mobile.
5. Si vous avez des sous-menus, ajustez leur comportement dans Sous-menu :
   • Ouvrir en cliquant : activez cette option pour que les sous-menus s’ouvrent au clic ou désactivez-la pour les ouvrir en les survolant.
   • Afficher la flèche : activez cette option pour afficher les flèches indiquant la présence des sous-menus.

Pour plus d’options de personnalisation du menu, voir Personnaliser le design du menu.

Pour personnaliser l’apparence de votre bloc Navigation, procédez comme suit :

1. Utilisez la Vue en liste pour sélectionner le bloc Navigation.
2. Dans la colonne latérale des réglages du bloc, cliquez sur l’icône Styles.

3. Pour modifier l’apparence, vous disposez de plusieurs options :
   • Réglages de couleur : modifiez les couleurs du texte, de l’arrière-plan et des liens.
   • Réglages de typographie : ajustez le type de police, sa taille et sa graisse.
   • Réglages des dimensions : modifiez les marges intérieures, les marges normales et l’espacement.

Pour plus d’options de style de menu, voir Personnaliser le design du menu.