Vous venez d’installer WordPress et votre site commence à prendre forme. Vos pages sont créées, vos articles publiés.
Et pourtant, quelque chose cloche : vos visiteurs ne trouvent pas facilement ce qu’ils cherchent. La raison est souvent simple : votre menu WordPress n’est pas encore configuré correctement.
Un menu de navigation bien construit, c’est bien plus qu’une simple liste de liens. C’est le fil conducteur qui guide vos visiteurs, structure votre contenu et, accessoirement, envoie de bons signaux aux moteurs de recherche.
Négliger cet élément, c’est prendre le risque de perdre des visiteurs dès les premières secondes.
Dans cet article, on vous explique tout ce qu’il faut savoir sur les menus : comment les créer, les personnaliser, les positionner. Et ce, que vous utilisiez un thème classique ou un thème basé sur des blocs.
En bonus, vous trouverez également des conseils pour aller plus loin dans leur gestion.
Présentation des menus WordPress et leur rôle dans la navigation
Un menu WordPress est une liste ordonnée de liens affichée à un endroit précis de votre site. Comme l’indique la documentation de WordPress, il s’agit d’« une section du site qui aide les visiteurs à naviguer » sur vos contenus.
En général, un menu se trouve en haut de page (menu de navigation principal), comme sur le site de notre agence WordPress, Maintenance WP :
Cependant, il peut aussi apparaître dans un pied de page (footer), une barre latérale (sidebar) ou tout autre emplacement défini par votre thème.
Son rôle premier est de faciliter la navigation : un menu permet à vos visiteurs d’accéder rapidement aux pages, catégories, articles ou URLs de leur choix. Mais son importance dépasse largement cet aspect fonctionnel.
En effet, un menu bien structuré est stratégique pour votre site à plusieurs niveaux :
- Expérience utilisateur (UX) : un menu clair réduit le taux de rebond et augmente le temps passé sur le site. Vos visiteurs restent s’ils trouvent ce qu’ils cherchent.
- Référencement naturel (SEO) : les moteurs de recherche analysent la structure de navigation pour comprendre l’architecture de votre site. Un menu cohérent facilite l’indexation de vos pages et valorise votre maillage interne.
- Image de marque : la navigation reflète l’organisation de votre activité. Un menu bien pensé inspire confiance et professionnalisme.
Dans la pratique, un menu WordPress peut contenir différents types d’éléments : des pages, des articles, des catégories, des étiquettes, des liens personnalisés (vers une URL externe ou une section spécifique) ou même des CPT (Custom Post Types) si vous avez des contenus sur mesure.
Il est important de noter que WordPress permet de créer plusieurs menus distincts sur un même site, chacun affecté à un emplacement différent. Cette flexibilité est un vrai atout pour adapter votre navigation selon vos besoins.
Quelles sont les caractéristiques d’un bon menu ?
Dans la pratique, créer un menu WordPress ne suffit pas : encore faut-il qu’il soit réellement efficace.
Un menu mal pensé peut frustrer vos visiteurs et nuire à votre référencement, même si votre contenu est de qualité. Alors, à quoi ressemble un bon menu ?
Selon nous, il doit revêtir plusieurs critères essentiels :
- La simplicité avant tout. Un menu surchargé perd ses visiteurs. Limitez-vous à 5 à 7 éléments principaux, en réservant les sous-niveaux aux catégories qui le justifient vraiment. Chaque élément doit avoir une raison d’être.
- Des libellés clairs et explicites. Évitez les formulations vagues ou créatives comme “Univers” ou “Découvrir”. Préférez des intitulés directs — “Services”, “Blog”, “Contact” — que l’internaute comprend immédiatement, sans effort d’interprétation.
- Une hiérarchie logique. L’organisation de votre menu doit refléter la structure de votre site. Les pages les plus importantes et les plus visitées occupent les premières positions. Les sous-menus regroupent des contenus naturellement liés entre eux.
- Une navigation responsive. Plus de 60% du trafic web mondial provient aujourd’hui des appareils mobiles. Un bon menu s’adapte à toutes les tailles d’écran, avec un menu hamburger fonctionnel sur mobile et des zones de clic suffisamment grandes.
- La cohérence avec votre objectif. Votre menu doit guider le visiteur vers vos pages clés, celles qui convertissent. Si votre priorité est la prise de contact, l’élément “Contact” doit être visible et accessible en un clic depuis n’importe quelle page.
En résumé, un bon menu WordPress est invisible dans le bon sens du terme : il ne se remarque pas parce qu’il fonctionne parfaitement.
Le visiteur trouve ce qu’il cherche sans y réfléchir. C’est précisément cet objectif que vous devez garder en tête lors de sa conception.
Où peut-on créer et modifier un menu WordPress ?
En parlant de ça, il y a une donnée très importante à garder en tête avant de vous atteler à la création d’un menu WordPress.
La marche à suivre va dépendre du type de thème que vous utilisez. Pour bien comprendre, découvrez les deux cas de figure possibles :
- Vous utilisez un thème classique (comme Astra, GeneratePress ou tout thème développé avant l’ère des blocs) ? Les menus se gèrent depuis l’interface d’administration WordPress, via le chemin suivant : Apparence > Menus. Vous disposez d’un panneau dédié, intuitif, avec des options en glisser-déposer.
Autre possibilité : vous servir de l’Outil de personnalisation (Customizer) dans Apparence > Personnaliser > Menus. - Vous vous servez d’un thème basé sur des blocs (aussi appelé FSE pour Full Site Editing, comme Twenty Twenty-Five, par exemple) ? Les menus ne passent plus par Apparence > Menus. Ce chemin n’existe même plus sur votre tableau de bord. La navigation se gère directement depuis l’éditeur de site (Apparence > Éditeur), en insérant un bloc « Navigation » dans votre en-tête ou vos modèles de pages.
Vous ne savez pas quel type de thème vous utilisez ? Rendez-vous dans Apparence de votre tableau de bord. Si vous voyez une option « Menus », vous êtes sur un thème classique. Si vous ne la voyez pas et qu’une option « Éditeur » est disponible à la place, vous êtes sur un thème basé sur des blocs (FSE). Ci-dessous, vous pouvez voir qu’on utilise un thème basé sur des blocs, par exemple.
Comment créer un menu WordPress avec un thème classique ?
Étape 1 : Création du menu WordPress
Rendez-vous dans votre tableau de bord WordPress, puis cliquez sur Apparence > Menus. Vous arrivez sur la page de gestion des menus.
Donnez un nom à votre menu, par exemple « Menu principal ». Ce nom est uniquement visible dans l’administration, pas sur votre site.
Poursuivez en sélectionnant un emplacement d’affichage pour votre menu, par exemple « Menu principal ». Cliquez enfin sur le bouton « Créer le menu » pour valider.
Votre menu est désormais créé. Il est pour l’instant vide. Passons à l’étape suivante.
Étape 2 : Ajout d’éléments à votre menu
Une fois votre menu WordPress créé, la partie de gauche (menu « Ajouter des éléments de menu ») devient éditable (elle n’est plus grisée).
Ce panneau contient tous les éléments que vous pouvez ajouter à votre menu : pages, articles, catégories, étiquettes et liens personnalisés.
Pour ajouter des éléments :
- Cochez les cases des pages ou des contenus que vous souhaitez intégrer (par exemple : Accueil, À propos, Services, Blog, Contact).
- Cliquez sur le bouton « Ajouter au menu ».
- Les éléments apparaissent alors dans la zone de construction du menu, à droite.
Par défaut, sur chaque installation WordPress « fraîche », vous pouvez ajouter des pages, des articles, des liens personnalisés, des catégories et des étiquettes à votre menu.
Pour ajouter un lien personnalisé (par exemple, vers une URL externe ou une ancre), déroulez le panneau Liens personnalisés, saisissez l’URL et un texte d’affichage, puis cliquez sur Ajouter au menu.
Nativement, l’interface n’affiche que les pages les plus récentes. Si vous ne trouvez pas une page en particulier, cliquez sur l’onglet « Tous » dans chaque panneau, ou utilisez la barre de recherche.
Étape 3 : Personnaliser le menu
Une fois vos éléments ajoutés à votre menu, ils apparaissent les uns en-dessous des autres dans la partie de droite, au niveau de la partie « Structure du menu ».
Par défaut, l’élément situé le plus haut se placera sur la gauche de votre menu de navigation, si l’on imagine que vous allez le positionner dans l’en-tête de votre site.
Vous pouvez placer chaque élément de votre menu où vous le souhaitez, par une simple action de glisser-déposer.
Pour personnaliser un élément de menu de votre choix, cliquez sur la petite flèche descendante pour ouvrir un menu contextuel avec différentes options.
Lorsque vous avez terminé, pensez à cliquer sur le bouton « Enregistrer le menu ».
Comment créer un menu avec un thème basé sur des blocs ?
Avec un thème FSE, la logique est différente. Il n’y a plus de panneau de menus dédié. Tout se passe dans l’Editeur de site, qui vous permet de modifier directement les modèles de votre thème, notamment l’en-tête, où se trouve généralement la navigation principale.
Étape 1 : Ajout d’un menu WordPress
Depuis votre back office WordPress, cliquez sur Apparence > Éditeur. Vous entrez dans l’éditeur de site complet.
Cliquez sur « Navigation », puis sur le lien « Créer un nouveau menu » situé en haut, à droite :
Puisque votre menu est vide, cliquez sur le petit bouton « + » pour ajouter des éléments (blocs, pages, liens, etc.).
Étape 2 : Personnalisation du menu
Dans la pratique, vous pouvez aussi créer des sous-menus (pour les menus déroulants) en glissant un élément sous un autre, en glisser-déposer.
La personnalisation visuelle s’effectue également dans le panneau de droite, à travers deux onglets différents.
L’onglet « Réglages » (petite roue crantée) vous donne la main sur :
- La mise en page : justification et orientation du menu.
- L’affichage d’un menu Hamburger (superposé) soit sur mobile, soit sur tous les écrans.
- L’ajout de classes CSS additionnelles dans la partie « Avancé ».
Au niveau de l’onglet « Styles », vous pouvez modifier la couleur, la typographie, les dimensions et la largeur de votre menu WordPress.
Étape 3 : Choix de l’emplacement du menu
Dans un thème FSE, l’emplacement du menu est défini par la position du bloc « Navigation » dans le modèle de thème.
Si vous l’avez placé dans l’en-tête, il apparaîtra dans l’en-tête. Si vous souhaitez un menu dans le pied de page, vous devrez éditer le modèle de pied de page et y insérer un autre bloc « Navigation ».
Une fois vos modifications effectuées, cliquez sur le bouton « Enregistrer », en haut à droite de l’Editeur. Votre menu est immédiatement publié et visible sur l’ensemble des pages de votre site.
Aller plus loin dans la gestion et la personnalisation des menus WordPress
Maintenant que vous savez comment créer un menu WordPress, voyons comment tirer le meilleur parti des options disponibles pour le personnaliser, l’organiser et l’optimiser.
Le menu Options de l’écran
Si vous vous servez d’un thème classique (ex : Astra), il y a un menu que vous devez impérativement connaître. D’autant que celui-ci peine à montrer le bout de son museau.
Lorsque vous êtes dans Apparence > Menus, jetez un œil en haut à droite de l’écran. Vous apercevrez un petit encart appelé « Options de l’écran ».
Cela permet de masquer ou d’afficher d’autres options de personnalisation en cochant les cases qui vous intéressent.
Vous pourrez alors sélectionner des propriétés avancées pour votre menu, qui s’afficheront lorsque vous modifierez un élément au cas par cas :
- Cible du lien. Cochez la case Ouvrir le lien dans un nouvel onglet pour que la cible du lien s’affiche dans un nouvel onglet du navigateur. Ne la cochez pas pour une ouverture dans le même onglet du navigateur.
- Attribut de titre. La valeur de l’attribut title du lien de l’élément de menu. Il sera affiché lorsque le curseur survolera l’élément de menu.
- Classes CSS. Classes CSS facultatives pour cet élément de menu.
- Relation avec le propriétaire du site lié (XFN). Permet la génération automatique d’attributs XFN afin que vous puissiez montrer comment vous êtes lié aux auteurs ou autrices ou propriétaires du site vers lequel vous créez un lien.
- Description. Description de ce lien. La description sera affichée dans le menu si le thème actuel le prend en charge.
Comment créer des menus déroulants ?
Un menu déroulant (aussi appelé submenu ou dropdown) permet d’organiser une navigation à plusieurs niveaux. C’est particulièrement utile si votre site comporte de nombreuses pages regroupées par thématiques.
Avec un thème classique, la création d’un sous-menu est intuitive : dans la zone de construction du menu, faites glisser un élément légèrement vers la droite, sous un autre élément.
Un petit texte apparaît (sous-élément), signifiant que cet élément devient un enfant du précédent.
Le menu déroulant sera automatiquement affiché au survol de l’élément parent, selon le style défini par votre thème.
Avec un thème FSE, la logique est similaire dans le bloc « Navigation » : vous sélectionnez un élément et vous le glissez-déposez en dessous et à droite d’un élément parent pour créer la hiérarchie.
Nous vous recommandons de ne pas dépasser deux niveaux de profondeur dans vos menus déroulants. Au-delà, l’expérience utilisateur se dégrade, surtout sur mobile.
Comment supprimer des éléments de menu ?
Avec un thème classique, cliquez sur la flèche à droite de l’élément que vous souhaitez supprimer dans la zone de construction du menu.
Une option « Retirer » apparaît en bas des informations de l’élément. Cliquez dessus, puis enregistrez votre menu.
Si vous le souhaitez, vous pouvez aussi supprimer plusieurs éléments en même temps en cochant la case « Sélection groupée » :
Avec un thème basé sur des blocs, sélectionnez l’élément directement dans le bloc Navigation, puis utilisez le menu contextuel (les trois points “…”) pour le supprimer. N’oubliez pas de sauvegarder.
Comment personnaliser le design d’un menu ?
Le style visuel d’un menu dépend en grande partie de votre thème. Mais vous disposez tout de même de plusieurs leviers pour gérer vous-même certains réglages :
- Via l’Outil de Personnalisation de WordPress (thèmes classiques) : Apparence > Personnaliser > Menus peut vous donner accès à des options visuelles comme la couleur du texte, la taille de la police ou la couleur de fond du menu principal.
- Via les classes CSS : dans les options d’écran du panneau Menus (thèmes classiques), activez la colonne Classes CSS. Vous pouvez alors attribuer une classe personnalisée à chaque élément et le styliser précisément dans votre feuille de style.
- Via l’éditeur de site (thèmes FSE) : le panneau « Styles » du bloc Navigation offre des options graphiques directes, sans toucher au code, comme on l’a vu plus haut.
Comment gérer les emplacements de votre menu ?
Un emplacement de menu est une zone prédéfinie par votre thème dans laquelle vous pouvez afficher une navigation : en-tête, pied de page, barre latérale, menu mobile, etc.
Le nombre et le nom de ces emplacements varient d’un thème à l’autre.
Avec un thème classique, la gestion des emplacements se fait de deux manières complémentaires.
La première consiste à affecter un menu à un emplacement directement depuis la page Apparence > Menus, dans la section Réglages du menu en bas de page.
La seconde passe par l’onglet « Gérer les emplacements », accessible en haut de cette même page, qui offre une vue d’ensemble de tous les emplacements disponibles et des menus qui leur sont assignés. Pratique pour vérifier d’un coup d’œil la configuration globale de votre navigation.
Avec un thème FSE, la notion d’emplacement est gérée différemment : c’est la position du bloc « Navigation » dans le modèle de thème qui détermine où le menu apparaît.
Vous pouvez ainsi placer un bloc « Navigation » dans l’en-tête pour votre menu principal, et un autre dans le modèle de pied de page pour une navigation secondaire.
Il est tout à fait possible d’assigner plusieurs menus différents à plusieurs emplacements simultanément.
Par exemple, un menu principal en haut de page, un menu simplifié dans le pied de page et un menu de liens légaux séparé. Chaque emplacement peut recevoir un menu indépendant.
Comment réorganiser et configurer vos éléments de menu ?
L’ordre des éléments dans un menu WordPress a une importance à la fois ergonomique et SEO.
Placez les pages les plus importantes (et les plus visitées) en premier. Sur mobile, les premiers éléments sont souvent les seuls visibles avant interaction.
Dans la pratique, appliquez les conseils suivants :
- Limitez votre menu principal à 5 ou 7 éléments de premier niveau au maximum.
- Utilisez des libellés courts et explicites (évitez les formulations vagues comme “En savoir plus”).
- Pensez au parcours de l’utilisateur : logique de découverte (Accueil > Services > Références > Contact) ou logique de conversion selon votre tunnel.
- Testez régulièrement l’affichage sur mobile. Un menu qui fonctionne bien sur desktop peut devenir inutilisable sur smartphone si la hiérarchie est trop profonde.
Quelles options pour créer un mega menu ?
Un mega menu est une version enrichie du menu déroulant. Il affiche, au survol d’un élément parent, un grand panneau structuré avec plusieurs colonnes, des icônes, des images ou des descriptions.
On le retrouve fréquemment sur des sites e-commerce, des portails ou des sites à fort volume de contenus, comme celui de la marque Nike ci-dessous :
WordPress ne propose pas de fonctionnalité de mega menu nativement. Pour en créer un, plusieurs approches existent :
- Certains thèmes l’intègrent nativement, comme Astra (encore lui), par exemple.
- Des extensions dédiées permettent d’ajouter cette fonctionnalité à n’importe quel thème (voir ci-dessous).
- Un développement sur mesure peut être envisagé si vous avez des besoins très spécifiques en termes de design ou de comportement.
Quels plugins pour améliorer les menus WordPress ?
L’écosystème WordPress regorge d’extensions dédiées à l’amélioration des menus. On vous en dévoile quelques-uns qui peuvent être des plus utiles selon vos besoins :
- Max Mega Menu : l’extension de référence pour créer des mega menus responsive, avec un éditeur visuel intuitif et une grande compatibilité avec les thèmes populaires.
- WP Menu Cart : ajoute un icône de panier dans le menu, très utile pour les sites WooCommerce.
- If Menu : permet d’afficher ou masquer certains éléments de menu selon des conditions (utilisateur connecté, type de page, rôle, etc.).
- Nav Menu Roles : similaire au précédent, mais axé sur les rôles utilisateurs. Pratique pour les sites à accès restreint ou les intranets.
- Sticky Menu & Sticky Header : rend votre menu fixe au défilement de la page, améliorant l’accessibilité sur les longues pages.
L’installation de trop nombreuses extensions peut alourdir votre site. Choisissez celles qui répondent à un besoin précis, et désactivez celles que vous n’utilisez pas. Vérifiez aussi, avant d’en installer une, que votre thème ne propose pas déjà une fonctionnalité similaire, pour éviter de faire doublon.
Récapitulatif
En conclusion, un menu WordPress bien conçu permet d’améliorer l’expérience utilisateur de vos visiteurs.
Qu’il s’agisse de créer une navigation principale avec un thème classique, d’exploiter le bloc « Navigation » d’un thème FSE, ou de configurer des menus déroulants et mega menus, WordPress vous offre une grande liberté d’organisation.
L’essentiel est de garder en tête deux priorités :
- La clarté pour vos visiteurs.
- La cohérence pour les moteurs de recherche.
Un menu structuré, avec des libellés explicites et une hiérarchie logique, est un levier concret d’amélioration pour votre site.
Si vous souhaitez aller plus loin – que ce soit pour refondre l’architecture de navigation de votre site, personnaliser votre thème en profondeur ou optimiser votre référencement WordPress – Maintenance WP est là pour vous accompagner.
Besoin d’en savoir plus ? Notre équipe est à votre disposition pour répondre à vos questions.