Aller au contenu

Modifier le menu

Les réglages de navigation se trouvent dans l’onglet Paramètres de chaque page. Chaque page se règle indépendamment des autres et se place sur le menu principal ou non en fonction des options choisies.

Le fil d’Ariane est la ligne qui indique, en dessous de la navigation, sa position dans le site : Accueil › Documentation › Gérer la navigation. Son réglage se fait lui aussi indépendament au niveau de chaque pages.

L’espace d’administration affiche lui aussi un fil d’Ariane, qui suit la même structure puisque les deux reflètent l’organisation du site. Attention à ne pas les confondre, celui dont il est question ici est celui que voient les visiteurs.

Onglet Paramètres de la page Documentation dans l’espace d’administration.

Les options s’adaptent

L’interface vous aide dans vos choix : elle affiche ou masque les options selon ce que vous avez déjà réglé. La liste dépend donc du type de page et des options activées.

Une page simple, qui ne contient aucune autre page, n’a que les options de base. Une page de groupement, qui contient d’autres pages, reçoit en plus les options du menu déroulant et de la navigation secondaire.

Désactiver une option fait disparaître les options qui en dépendent. Retirer la page du menu principal efface par exemple l’alignement et le menu déroulant. Les valeurs ne sont pas perdues, elles reviennent si vous réactivez l’option.

Visibilité dans le menu

Ces options décident si une page apparaît dans la barre de navigation, et à quel endroit.

  • garder à l’esprit que des pages peuvent rester hors du menu principal : les pages légales ou le plan du site se placent dans le pied de page.
  • choisir l’alignement du menu selon l’effet voulu. Il peut aussi bien aller à gauche qu’à droite, ou même combiner les deux en séparant les éléments principaux des éléments secondaires.

Exemple : rendre la page visible dans le menu


Options sur la navigation dans l'onglet paramètre d'une page sur l’espace d’administration, annoté
1. Page présente dans le menu

Quand cette option est désactivée, la page existe sur le site mais n’apparaît pas dans le menu.

2. Alignement dans le menu

Place la page à gauche (début de la barre) ou à droite (fin de la barre).

Lien ou sous-menu

L’entrée de menu d’une page de groupement prend deux formes : un lien direct vers la page, ou un bouton qui ouvre un sous-menu. Les sous-pages publiées et visibles dans le menu composent ce sous-menu. La suite de cette section traitera les trois cas possibles en prenant pour exemple la page Documentation et ses sous-pages.

L’entrée de menu reste un lien

L’entrée de menu reste un lien direct vers la page Documentation. Les sous-pages ne sont pas accessibles depuis le menu.

  • à choisir quand la page de groupement a son propre contenu, sinon affichera la page avec un contenu vide.
  • se combine avec le lien actif au niveau du fil d'Ariane, pour permettre au visiteur de retourner facilement sur la page parent.

Exemple : un lien direct


Modification des options sur la navigation de la page Documentation sur l’espace d’administration : menu déroulant désactivé. Annoté
1. Lien actif dans le fil d'Ariane

Quand cette option est activée, la page de groupement devient cliquable dans le fil d’Ariane de ses sous-pages.

2. Créer un menu déroulant

Active la liste déroulante sur cette entrée de menu. Les sous-pages publiées, dont l’option Page présente dans le menu est activée, s’y affichent automatiquement.

Rendu sur le site :

La page documentation est affichée sur le site après avoir cliqué sur l'entrée "Documentation" du menu.

Le lien sur sa propre page

Une fois le lien cliqué, l’entrée Documentation mène directement à sa page.

Sur cette page, le fil d’Ariane affiche Documentation sans lien, même quand l’option est active. C’est normal : le dernier élément d’un fil d’Ariane est toujours la page où l’on se trouve, et il n’y a rien à cliquer puisqu’on y est déjà.

Le lien devient cliquable seulement sur ses sous-pages, comportement qui sera visible dans les exemples suivants.

L’entrée de menu ouvre un sous-menu

L’entrée de menu devient un bouton déroulant. Un clic ouvre un sous-menu qui affiche automatiquement les sous-pages publiées et visibles dans le menu.

La page de groupement elle-même n’est alors plus accessible par un clic sur l’entrée de menu.

Exemple : afficher toutes les sous-pages


Activation du menu déroulant pour la page Documentation sur l’espace d’administration, annoté
1. Créer un menu déroulant

Active la liste déroulante sur cette entrée de menu. Les sous-pages publiées, dont l’option Page présente dans le menu est activée, s’y affichent automatiquement.

2. Inclure la page dans le menu déroulant

Ajoute un lien vers la page parente en tête de son propre sous-menu.

Rendu sur le site :

Rendu du menu déroulant pour la page Documentation sur le site.
Les sept sous-pages de Documentation sont toutes réglées pour apparaître dans le menu.

Exemple : afficher toutes les sous-pages ainsi que la page parent


En activant Inclure la page dans le menu déroulant, un lien vers la page de groupement est ajouté en tête du sous-menu, séparé des autres entrées par une ligne. Son libellé peut être raccourci et une icône ajoutée. À choisir quand la page de groupement a du contenu à garder accessible.

Activation de l'inclusion de la page Documentation dans le menu déroulant sur l’espace d’administration, annoté
1. Inclure la page dans le menu déroulant

L'activation de l'option fait apparaitre un groupement d'options supplémentaires dans une section dédiée Icône dans le sous-menu déroulant

2. Icône dans le sous-menu déroulant

Cette section n'apparaît que lorsque l'option Inclure la page dans le menu déroulant est active.

3. Texte du lien dans le sous menu

Le libellé du sous-menu est indépendant de celui du menu principal. L'entrée du menu porte le titre de la page, et le lien dans le menu déroulant reprend ce même titre par défaut, ce qui affiche deux fois le même mot. Le champ Texte du lien dans le sous menu permet de remplacer le titre pour le seul lien du sous-menu.

Icône dans le sous-menu

Ajoute une icône devant le texte du lien. Dans cet exemple, la petite maison évoque une page d'accueil à consulter en premier, et renforce le choix du texte "Introduction".

Rendu sur le site :

Rendu du menu déroulant avec son propre lien pour la page Documentation sur le site.