Il est crucial pour beaucoup de sites internet. Son nom tient en quatre lettres. Et on le voit souvent très vite en haut de la page, quand on débarque sur un nouveau site. 

Cet élément incontournable, c’est le menu.

Un menu de site, c’est un peu comme un menu de restaurant. Il doit permettre de voir rapidement les options proposées et donner envie de rester.

C’est pourquoi votre menu de navigation doit être épuré, clair et bien organisé pour mettre l’eau à la bouche de vos visiteurs.

Une femme lit un menu.
Voilà un menu qui a l’air appétissant…

Alors, comment créer un menu WordPress et comment le configurer ? C’est ce que nous allons voir tout de suite.

Initialement rédigé en décembre 2014, cet article a été mis à jour pour la dernière fois en juin 2024.

Un menu ne se construit pas au hasard

Apprenez à concevoir une bonne navigation sur votre site WordPress avec la formation à distance la plus généreuse du marché (éligible au CPF).

WPChef, la formation WordPress de référence

Quelles sont vos options pour configurer un menu WordPress ?

On peut distinguer deux grands types de thèmes WordPress :

  • les thèmes « classiques », qui intègrent un Outil de personnalisation permettant d’effectuer tout un ensemble de modifications sur votre site (dont la création de menus 😉) ;
  • les thèmes basés sur des blocs, plus récents, avec lesquels la personnalisation de votre site s’effectue au sein de l’Éditeur de site.

Selon le thème que vous utilisez, la façon de créer un menu sera différente. Les étapes à suivre et l’interface sont propres au type de thème WordPress installé sur votre site.

Pour que vous vous en sortiez quel que soit votre thème de prédilection, on vous présente les deux méthodes de création d’un menu WordPress dans ce tutoriel.

Besoin d’aide pour lancer votre site rapidement et sans vous embêter avec la technique ? Découvrez WPMarmite Start.

Option n°1 : la méthode « classique »

Si vous avez déjà parcouru l’administration de WordPress, votre première intuition pour créer un menu de navigation est probablement d’aller dans Apparence > Menus (chiffre 1 sur la capture suivante).

Si c’est le cas, vous n’avez pas tort, puisque vous pourriez tout à faire arriver à vos fins de cette manière-là.

Cependant, en passant par Apparence > Personnaliser (chiffre 2), vous tomberez sur l’Outil de personnalisation de votre site, qui contient un élément « Menus » :

Le menu Apparence de l'administration de WordPress.

Cliquez sur ce dernier pour arriver sur un autre module de création de menu, plus intuitif, qui vous donne accès à une prévisualisation de vos actions sur votre site en direct.

L’Outil de personnalisation est disponible avec les thèmes WordPress dits « classiques », comme le célèbre Astra par exemple (que nous allons utiliser dans ce tutoriel). Mais qu’en est-il des autres thèmes ?

Option n°2 : le bloc Navigation

Depuis la sortie de la version 5.9 de WordPress, en janvier 2022, un autre type de thème a fait son apparition : les thèmes basés sur les blocs. Ils sont le fruit du projet appelé Full Site Editing (depuis rebaptisé Éditeur de site).

Ce dernier, qui repose sur l’éditeur de contenu (Gutenberg), vous permet de créer et d’éditer un site entier à l’aide de blocs.

Grâce à lui, vous avez désormais la main sur toutes les parties de votre thème (en-tête, pied de page, pages personnalisées), et plus seulement sur le contenu.

Avec l’arrivée de l’Éditeur de site, de nouveaux blocs ont aussi fait leur apparition, dont le bloc « Navigation ».

Celui-ci permet de créer et gérer vos menus de navigation au sein de l’Éditeur de site.

Les derniers thèmes natifs proposés par WordPress (Twenty Twenty-Four, Twenty Twenty-Three etc.) sont par exemple basés sur des blocs. 

Lorsque vous utilisez ce type de thème, vous pouvez accéder à l’Éditeur de site via Apparence > Éditeur (les options de l’Outil de personnalisation sont alors masquées).

Dans ce tutoriel, nous allons nous pencher sur ces deux méthodes de création d’un menu sur WordPress, pour que vous puissiez en créer un en béton, quel que soit le thème que vous utilisez.

Mais d’abord, intéressons-nous aux bonnes pratiques en matière de création de menu.

Quelles sont les caractéristiques d’un bon menu ?

Le menu de votre site est le point d’entrée de la navigation de vos utilisateurs, vous devez donc le soigner.

Pour ce faire, un menu doit posséder 3 caractéristiques :

  1. Un nombre limité d’éléments ;
  2. Des intitulés concis et clairs ;
  3. Peu, voire pas de sous-menus.

Nous sommes d’accord, il peut y avoir des exceptions en fonction des sites (en particulier pour les sous-menus). Toutefois, si votre site est un blog ou un petit site vitrine, n’y allez pas trop fort.

Dans tous les cas, faites simple. Plus vous donnerez de choix à vos visiteurs, plus ils devront réfléchir sur quel élément cliquer, plus cela prendra de temps et au final, ils risqueront d’aller voir ailleurs.

C’est un peu comme le menu d’un restaurant, plus il y en a, plus c’est difficile de choisir.

Rappelez-vous donc d’aller droit au but.

Notez également qu’il n’est pas nécessaire d’ajouter un lien vers la page d’accueil de votre site dans le menu de celui-ci, l’accueil étant en général déjà accessible à partir du logo.

Quant à vos mentions légales et votre politique de confidentialité, il vaut mieux insérer un lien vers ces dernières dans votre pied de page.

Quels éléments ajouter à votre menu ?

Si les pages sont les principaux éléments que vous allez ajouter à vos menus, ce ne sont pas les seuls proposés par WordPress.

Ajouter des liens personnalisés dans votre menu

Pour le bien de votre navigation, vous aurez peut-être besoin de recourir aux liens personnalisés dans vos menus, pour emmener vos visiteurs vers un autre site (celui d’un partenaire par exemple, n’allez pas envoyer vos visiteurs vers n’importe quel site !).

Vous pouvez également vous servir des liens personnalisés pour ajouter un élément de menu non cliquable (un élément contenant des sous-menus par exemple).

Pour ce faire, ajoutez un lien personnalisé et insérez le caractère # dans le champ de l’URL. Une fois l’élément ajouté, supprimez le # pour ne pas nuire à votre référencement.

Ajouter des articles à votre menu

WordPress vous laisse aussi la possibilité d’ajouter des articles à votre menu, mais je vous le déconseille.

Si vous êtes tenté d’en ajouter un, c’est que vous auriez probablement dû créer une page à la place.

Pour connaître les différences entre les articles et les pages, consultez cet article.

Ajouter des catégories ou des étiquettes

Il est également possible d’incorporer des catégories dans votre menu. C’est très pratique sur des blogs.

D’ailleurs, c’est ce que WPMarmite utilise dans son pied de page pour vous permettre de trouver plus facilement les articles qui vous intéressent. 😉

Le pied de page du site de WPMarmite.

Contrairement aux pages, vous devrez avoir préalablement créé vos catégories pour pouvoir les ajouter à votre menu, vous ne pourrez pas les créer à partir de l’interface de gestion des menus de WordPress.

Enfin, l’ajout d’étiquettes à un menu WordPress peut également être intéressant sur un blog, dans une sidebar (colonne latérale) ou un footer (pied de page) par exemple.

Passons désormais à la pratique en voyant comment créer votre menu sur WordPress.

Comment créer un menu WordPress avec un thème basé sur des blocs ?

Rendez-vous dans l’Éditeur de site de WordPress, dans le menu Apparence > Éditeur, puis cliquez sur « Navigation » dans le menu situé à gauche de l’écran.

Le menu "Apparence" de l'Éditeur de site.

Cliquez dans la partie droite de l’écran (sur votre site). Un bandeau vous informe que vous devez modifier votre modèle pour modifier ce bloc, cliquez alors sur « Modifier le modèle ».

Modification d'un modèle avec l'Éditeur de site de WordPress.

Ensuite, cliquez sur l’icône « Réglages » en haut à droite de l’écran, puis sur votre menu.

Création d'un menu avec l'Éditeur de site.

À partir de cette interface, vous pouvez soit :

  • éditer le menu existant, en cliquant sur ce dernier ;
  • créer un nouveau menu, en cliquant sur les 3 points verticaux dans le menu latéral de droite, puis sur « Créer un nouveau menu ».
Création d'un nouveau menu avec le bloc Navigation sur WordPress.

Comment structurer un menu sur WordPress ?

Votre menu se présente dans un bloc « Navigation ». Vous pouvez donc ajouter, supprimer et personnaliser vos menus comme vous le feriez avec n’importe quel autre bloc WordPress (« Titre », « Paragraphe », « Image », etc.).

Directement à partir de votre menu ou de la liste des éléments de votre menu dans le volet de droite, vous allez pouvoir :

  • changer l’ordre des éléments ;
  • ajouter des liens de sous-menu ;
  • retirer des éléments, ou en ajouter grâce à l’icône « + ».
Gestion d'un menu sur WordPress via le bloc Navigation.

Notez que vous pouvez ajouter tout un éventail de blocs à votre menu :

  • lien de page : afin d’ajouter des pages à votre menu, tout simplement ;
  • lien personnalisé ;
  • une barre de recherche ;
  • des icônes de réseaux sociaux ;
  • un lien de catégorie ou d’étiquette : pratique si vous disposez d’un blog ;
  • un lien de connexion/déconnexion ;
  • etc.

Si besoin, il est possible d’ajouter de nouvelles pages directement à partir de ce menu.

Comment personnaliser un menu ?

Grâce aux onglets « Réglages » et « Styles » du panneau de droite, vous allez pouvoir personnaliser la mise en page et le style de votre nouveau menu.

Dans l’onglet « Réglages », vous pouvez notamment :

  • modifier la justification et l’orientation de votre menu ;
  • agir sur le responsive de ce dernier, en définissant une icône pour l’affichage sur mobile, et en activant ou désactivant la superposition de votre menu sur mobile par exemple.

Lorsque cette option est activée, votre menu s’affichera sous la forme d’un « menu burger », c’est-à-dire que l’utilisateur devra cliquer sur une icône pour le voir s’afficher verticalement.

Les réglages du bloc Navigation sur WordPress.
L’onglet « Réglages » du bloc Navigation.

Tout en bas, dans le menu « Avancé », vous pouvez également définir un nom de menu afin de vous y retrouver si vous en créez plusieurs.

L’onglet « Styles » quant à lui, vous permet de modifier :

  • les couleurs de votre menu (texte, arrière-plan, sous-menu, etc.) ;
  • la typographie (taille et famille de police, décoration de texte, etc.) ;
  • l’espacement entre les différents éléments de menu, et la largeur du contenu.
Les réglages de style du bloc Navigation sur WordPress.
L’onglet « Styles » du bloc Navigation.

Enfin, cliquez sur le bouton « Enregistrer » afin d’enregistrer votre travail.

Comment placer des menus à d’autres endroits de votre site WordPress ?

Jusqu’à présent, nous avons édité le menu principal déjà présent dans l’en-tête de notre site.

Qu’en est-il si vous souhaitez créer un nouveau menu, à un autre endroit de votre site ?

Grâce à l’Éditeur de site de WordPress, c’est très simple.

Rendez-vous dans Apparence > Éditeur, et sélectionnez le modèle ou l’élément de modèle dans lequel vous souhaitez afficher votre menu.

À l’endroit où vous souhaitez faire apparaître ce dernier, ajoutez un bloc « Navigation ».

Ajout d'un bloc Navigation sur WordPress.

Dans le menu latéral de droite, cliquez sur les 3 points verticaux pour créer un nouveau menu ou sélectionner un menu existant.

Créer un nouveau menu ou sélectionner un menu existant sur WordPress.

Comment créer un menu WordPress avec un thème classique ?

Une fois dans Apparence > Personnaliser, cliquez sur l’élément « Menus », puis sur le bouton « Créer un nouveau menu ».

Donnez-lui un nom et attribuez-lui un emplacement sur votre site (sinon, votre menu ne s’affichera pas).

Pour créer un menu WordPress, commencez par lui donner un nom et lui attribuer un emplacement.

Les emplacements de menus disponibles diffèrent selon le thème WordPress actif sur votre site. Sur la capture ci-dessus, vous pouvez voir les 5 emplacements proposés par le thème WordPress Astra.

Comment ajouter des éléments à votre menu ?

Ensuite, c’est le moment d’ajouter des éléments à votre menu grâce au bouton dédié. Pour ce faire, cliquez sur le bouton « Ajouter des éléments » puis appréciez les différents types d’éléments prêts à intégrer votre menu :

  • des liens personnalisés ;
  • des pages ;
  • des articles ;
  • des catégories ;
  • des étiquettes.

Si vous cherchez un élément en particulier, vous pouvez utiliser la barre de recherche à votre disposition en haut de cette liste.

Une fois votre menu créé, voyons comment y ajouter des pages.

Comment ajouter des pages dans votre menu WordPress ?

Lorsque vous cliquez sur le bouton « Ajouter des éléments », vous voyez immédiatement les pages que vous avez préalablement créées.

Il est aussi possible de créer de nouvelles pages rapidement grâce au champ et au bouton situés en dessous de la liste de vos pages.

Ajout de pages à un menu WordPress.
Les trois étapes de la création d’un menu WordPress.

Pour en ajouter une dans votre menu, cliquez sur le « + » qui précède le titre de la page.

Ajouter une page à un menu avec l'Outil de personnalisation.

Pour la retirer, cliquez sur la croix rouge qui suit le titre de la page ajoutée.

Retirer une page d'un menu WordPress.

Comment inclure des liens dans votre menu ?

Pour ajouter un lien personnalisé dans votre menu, entrez le lien en question dans le champ « URL », puis le texte du lien (l’ancre) dans le champ « Texte du lien ».

Cliquez ensuite sur « Ajouter au menu » pour inclure votre lien.

Comment ajouter des catégories à votre menu ?

Contrairement aux pages, vous devrez avoir préalablement créé vos catégories pour pouvoir les ajouter à votre menu, vous ne pourrez pas les créer à partir de l’interface de gestion des menus de WordPress.

Cliquez donc sur « Catégories » pour voir s’afficher la liste des catégories créées sur votre site WordPress. Seulement, vous remarquerez qu’une catégorie supplémentaire s’est incrustée sans que vous l’ayez demandé, en première position, et en anglais en plus.

La catégorie de WordPress par défaut « Uncategorized ».
HORREUUUUUUUR !!!!!!! 😱

Cette catégorie « Uncategorized » est la catégorie par défaut de WordPress et contient les articles « non classés ». Sa présence n’est bonne ni pour l’expérience utilisateur, ni pour le référencement de votre site.

On vous montre comment définir une autre catégorie par défaut et éliminer cette indésirable dans cet article.

Pour ajouter ou retirer des catégories à votre menu, procédez de la même manière que pour les pages.

Enfin, n’oubliez pas d’enregistrer votre menu pour que WordPress se souvienne de ce que vous avez fait.

Comment organiser les éléments d’un menu sous WordPress ?

Comment changer l’ordre des éléments ?

À ce stade, votre menu n’est pas encore bien structuré. Il embarque plusieurs éléments, mais ils ne sont pas forcément agencés comme vous le désirez.

Pour réorganiser votre menu, rien de plus simple : vous pouvez changer l’ordre des éléments le contenant d’un simple glisser-déposer.

Procédez ainsi jusqu’à ce que votre menu ressemble à ce que vous imaginez.

Notez que l’élément de menu en première position sera affiché en premier sur votre site, c’est-à-dire sur la gauche.

Comment créer un sous-menu (menu déroulant) ?

Si vous avez pas mal d’éléments à ajouter (attention à la surcharge), vous pouvez créer des menus déroulants en déplaçant un élément légèrement sur la droite sous un autre élément, toujours en glisser-déposer.

Création d'un sous-menu avec l'Outil de personnalisation.

Dans l’exemple ci-dessus, les catégories « Entrées », « Plats » et « Desserts » sont des sous-menus de la page « Recettes ».

Comme je vous l’ai dit plus tôt, même s’il est possible de créer de nombreux niveaux de menus, tenez-vous-en à l’essentiel. Imaginez un sous-menu de sous-menu de sous-menu de sous-menu ! Vos visiteurs risqueraient de ne pas voir le bout du tunnel.

En règle générale, si vous avez trop de niveaux de sous-menus, c’est que votre menu est mal structuré.

Pour tout savoir sur la création d’un menu déroulant sur WordPress, consultez notre tutoriel détaillé.

Sans transition, on passe à la suite !

Comment modifier les éléments d’un menu ?

À ce stade, votre menu est presque prêt, mais vous réalisez que vous avez commis une erreur. Comment faire pour supprimer un élément d’un menu WordPress ?

Vous l’avez probablement remarqué, chacun des éléments de votre menu possède une petite flèche sur la droite. En cliquant dessus, vous déplierez cet élément pour afficher des informations supplémentaires.

Modifier les éléments d'un menu WordPress.

Le champ « Titre de la navigation » qui apparaît sous vos yeux permet de modifier l’intitulé de l’élément dans votre menu.

Un lien « Retirer » est présent pour retirer un élément de votre menu.

Quelles sont les options cachées des menus WordPress ?

Il faut savoir que par défaut, WordPress masque certaines possibilités des menus. Cela permet de gagner en clarté et surtout d’éviter aux débutants d’accomplir de mauvaises actions.

Pour afficher ces fameuses options, cliquez sur la roue crantée dans Apparence > Personnaliser > Menus :

Options cachées d'un menu WordPress.

En cochant ces cases, de nouveaux champs apparaîtront au sein des éléments de votre menu :

Options avancées des menus WordPress.

Voyons à quoi ces options correspondent :

  • Cible du lien : Permet d’afficher une case pour ouvrir la page de destination dans un nouvel onglet. Dans le cas d’un lien externe, la cocher permet de garder les utilisateurs sur votre site plus longtemps.
  • Attribut de titre : Cette option sert à afficher une description de l’élément de menu au survol de ce dernier. Son utilité est donc réduite et elle est très peu utilisée à présent.
  • Classes CSS : Si vous voulez personnaliser l’apparence d’un élément de votre menu avec du CSS, placez les classes dont vous avez besoin dans ce champ.
  • Relation avec le propriétaire du site lié (XFN) : Si vous liez un site et que vous tenez à préciser la relation qui vous lie, vous pouvez utiliser les propriétés XFN. En pratique, je ne me suis jamais servi de cela. Il y a de grandes chances pour que vous n’en ayez pas besoin.
  • Description : Certains thèmes permettent d’afficher une description sous le titre du menu, ils sont toutefois assez rares.

Voilà, vous savez désormais mettre en forme un menu avec WordPress. Peaufinons maintenant les derniers détails.

Comment procéder à des réglages sur votre menu ?

Une fois que vous aurez ajouté tous les éléments nécessaires pour constituer votre menu, rendez-vous dans Apparence > Menus, puis allez faire un tour dans la section consacrée aux « Réglages du menu », située sous les éléments de votre menu.

Réglages des menus dans WordPress.

Plusieurs cases à cocher vous sont proposées :

  • Ajouter automatiquement des pages : Cocher cette case ajoutera automatiquement les pages que vous créerez à votre menu. Cela présente peu d’intérêt car votre menu ne sera pas personnalisé. Veillez donc à ne pas cocher cette case.
  • Emplacements du thème : Les cases à cocher listées ici permettent de déterminer à quel endroit afficher le menu que vous venez de créer.
    Il est nécessaire de cocher une de ces cases pour que votre menu s’affiche sur votre site.
    Les intitulés des emplacements de menus disponibles seront différents en fonction de votre thème. Vous devrez normalement y trouver une case pour le menu principal (« main menu » ou « primary menu » en anglais).

Une fois que les réglages seront configurés, cliquez sur le bouton bleu « Enregistrer le menu » pour mettre votre nouveau menu en service. Un lien pour supprimer votre menu est également présent en bas à gauche pour effacer un menu dont vous n’avez plus besoin.

Un site vitrine dans les cartons ? On s’en occupe !

Concevoir un site WordPress de A à Z n’est pas de tout repos. Entre les choix techniques, graphiques et marketing, il y a de quoi se perdre…

WPMarmite Start simplifie le processus pour vous permettre de vous concentrer sur l’essentiel : votre activité.

✓ 100% propriétaire de votre site ✓ Optimisé pour Google ✓ Sécurité et support inclus

WPMarmite Start

Comment gérer les emplacements de votre menu ?

Nous allons à présent nous pencher sur ce que renferme le second onglet de la page de gestion des menus de WordPress, nommé « Gérer les emplacements ».

L'onglet "Gérer les emplacements".

Comme son nom le suggère, cet onglet va vous donner la possibilité d’assigner les menus que vous aurez créés aux emplacements proposés par votre thème.

En fait, cet onglet vous permet de voir où s’affichent vos menus d’un seul coup d’œil. Et pour un coup d’œil en direct, cliquez sur le bouton « Gérer avec la prévisualisation en direct » en haut de l’onglet.

Pour attribuer ou modifier le menu pour un emplacement, utilisez le menu déroulant. Si vous avez besoin de créer un nouveau menu, cliquez sur le bouton « Utiliser le nouveau menu ».

La liste des menus présents dans cet onglet sera différente en fonction de votre thème.

Un clic sur « Modifier » vous emmènera sur la page d’édition du menu associé.

Une fois que tous les menus seront à leur place, n’oubliez pas de cliquer sur « Enregistrer les modifications ».

Comment placer des menus à d’autres endroits de votre site WordPress ?

Au-delà des emplacements proposés par votre thème, vous pouvez insérer des menus dans la barre latérale de votre site (si votre thème en propose une) et dans le pied de page via le widget « Menu de navigation ».

Pour cela, créez un nouveau menu et ne lui attribuez pas d’emplacement.

Ensuite, rendez-vous dans Apparence > Widgets et ajoutez un widget « Menu de navigation » à la zone de widgets de votre choix.

Utiliser le widget Menu de navigation de WordPress.

Rédigez éventuellement un titre puis sélectionnez le menu à afficher dans le widget. Cliquez ensuite sur « Enregistrer » pour mettre ce nouveau menu en service.

Il va de soi que cette manipulation est facultative. Il y a de grandes chances pour que les emplacements par défaut de votre thème suffisent largement.

Pour créer des menus avancés, consultez notre article 7 plugins pour vitaminer votre menu WordPress.

Conclusion

Quel que soit le site que vous allez concevoir avec WordPress, vous aurez forcément besoin d’un ou plusieurs menus pour rendre votre contenu accessible à vos visiteurs.

WordPress possède une interface relativement simple pour créer des menus, cependant il ne faut pas tomber dans certains pièges (menu trop long, éléments inutiles, etc.).

Pour aller plus loin dans la conception de votre site, découvrez la formation WordPress de WPChef. Non seulement, vous verrez comment créer des menus en vidéo, mais surtout, vous apprendrez à créer des sites professionnels pas à pas.

Et vous, combien de menus WordPress avez-vous sur votre site ? À quels endroits de votre site les avez-vous placés ? Dites-nous tout dans l’espace commentaires au-dessous de cet article.