Républiquefrançaise
Sites Conformes
Créez un site aux standards de l'État
Dans cette vidéo, je vous explique comment gérer les menus de votre site.
À l’écran, vous voyez la page d’accueil d’un site de démonstration. Il s’agit d’un faux site que j’utilise pour réaliser mes tutoriels. Nous allons commencer par faire un tour d’horizon des différents types de menus que l’on retrouve généralement sur un site web.
Sur tous les sites, on trouve d’abord le menu principal, situé en haut de la page. Il peut contenir plusieurs éléments qui peuvent être soit des liens simples, soit des liens plus complexes.
Il peut également exister un menu secondaire en haut à droite, facultatif. Tous les sites n’en disposent pas. Dans cet exemple, il contient un lien vers un autre site.
Enfin, en bas de page, on trouve le menu de pied de page. Celui-ci permet d’accéder à certaines pages souvent générées automatiquement, comme les paramètres d’affichage, la gestion des cookies ou encore le plan du site. Vous pouvez également y ajouter vos propres pages.
Ces trois types de menus se gèrent globalement au même endroit. Pour cela, il faut se rendre dans le back-office, dans la section d’administration du site, puis ouvrir la gestion des menus.
Vous pouvez alors choisir quel menu modifier : le menu principal, le menu du haut ou celui du bas de page. Dans cet exemple, nous allons nous concentrer sur le menu principal, sachant que les autres fonctionnent de manière similaire.
Si vous gérez plusieurs sites depuis une même instance, vous pouvez avoir plusieurs menus principaux. Sinon, un seul menu principal sera disponible.
En entrant dans ce menu, vous retrouvez les éléments déjà existants, comme un lien vers la page d’accueil ou un “méga menu” intitulé “Publication”.
Nous allons ajouter un nouveau lien vers une page de contact.
Pour cela, on utilise le bouton “+” afin d’ajouter une entrée de type lien simple. Ce lien peut pointer vers :
Ici, nous choisissons une page interne : la page “Contact”, qui doit être publiée pour fonctionner.
On peut personnaliser le libellé affiché dans le menu, par exemple “Contactez-nous”. Une fois enregistré, le lien apparaît dans le menu et redirige correctement vers la page choisie.
Nous allons maintenant créer un menu déroulant intitulé “Services”.
Dans la gestion des menus, on ajoute un sous-menu à l’endroit souhaité. Ce type d’entrée sert de rubrique : elle n’est pas cliquable directement, mais contient des liens.
On y ajoute ensuite plusieurs pages, par exemple :
Chaque élément du sous-menu redirige vers une page spécifique.
⚠️ Attention : si une page n’est pas publiée, elle ne sera pas accessible et affichera une erreur (type 404). Il faut donc vérifier son statut avant.
Le méga menu est une version plus avancée du menu déroulant. Il permet d’organiser les contenus en colonnes.
Pour en créer un :
Ensuite, on crée plusieurs colonnes, chacune contenant des liens vers des pages. Pour gagner du temps, il est possible de dupliquer des colonnes ou des éléments, puis de les modifier.
Une fois enregistré, le méga menu apparaît sur le site avec :
Le menu de pied de page fonctionne de manière similaire, avec toutefois une limitation : il ne permet pas de créer des menus déroulants.
On peut y ajouter ou modifier des liens internes ou externes. Certaines pages (comme les mentions légales ou l’accessibilité) peuvent être obligatoires et non modifiables.
Pour modifier l’ordre des liens, il suffit d’utiliser les flèches pour les déplacer. Les changements sont immédiatement visibles après enregistrement.