Vous venez de créer votre site WordPress et vous voulez ajouter un menu de navigation ? Ou peut-être avez-vous déjà un menu, mais il est… comment dire… basique ? Voire même ... anarchique ? Pas de panique, vous êtes au bon endroit.
Dans cet article, je vous montre deux façons de créer un menu WordPress :
- Avec WordPress seul (gratuit et limité, amis qui fait le job) ;
- Avec Divi (pour un résultat un peu plus personnalisé).
Si vous voulez un menu qui fait vraiment pro (sticky, mega menu, transparent au scroll, pleine page ou autre…), WordPress seul ne suffira pas. Mais commençons par les bases.
💡Vous recherchez des infos pour créer votre site WordPress avec Divi ?
Explorez le guide : comment ça marche, combien ça coûte, comment utiliser un template, etc.
➡️ Comment créer un site avec Divi et WordPress ? Le guide complet 2026
Partie 1 : Créer un menu avec WordPress natif
Si vous utilisez simplement WordPress et un thème classique (Twentu Twenty-Five par exemple) voici comment procéder pour ajouter vos pages dans le menu.
Étape 1 : Accéder à l'éditeur de menus
Dans votre tableau de bord WordPress, allez dans :
Apparence > Menus
Vous arrivez sur l'interface de gestion des menus. C'est ici que tout se passe.
Étape 2 : Créer un nouveau menu
- Cliquez sur "Créer un nouveau menu" ;
- Donnez-lui un nom (exemple : "Menu principal") ;
- Cliquez sur "Créer le menu".
Voilà, votre menu existe. Maintenant, il faut y ajouter des liens.
Étape 3 : Ajouter des pages au menu WordPress
Sur la gauche, vous voyez une liste d'éléments que vous pouvez ajouter :
- Pages : vos pages (Accueil, À propos, Contact…) ;
- Articles : vos articles de blog ;
- Liens personnalisés : pour ajouter un lien externe (ex : vos réseaux sociaux) ;
- Catégories : vos catégories d'articles.
Pour ajouter une page :
- Cochez les pages que vous voulez (ex : Accueil, Services, Portfolio, Contact)
- Cliquez sur "Ajouter au menu".*
Les pages apparaissent maintenant dans votre menu, sur la droite.
Étape 4 : Organiser votre menu
Vous pouvez réorganiser l'ordre des liens en faisant un glisser-déposer (drag & drop).
Pour créer un sous-menu (menu déroulant) :
- Prenez un lien (ex : "Articles") ;
- Faites-le glisser légèrement vers la droite, sous un autre lien (ex : "Accueil") ;
- Il devient un sous-élément : Accueil > Articles, qui s'affichera sous forme de menu déroulant.
Étape 5 : Choisir l'emplacement du menu
En bas de la page, vous voyez une section "Réglages du menu".
La plupart du temps, on utilise un seul menu : celui qui se trouvent tout en haut de chaque page. Néanmoins, si vous en avez plusieurs, cochez l'emplacement où vous voulez afficher votre menu :
- Menu principal (en haut du site, dans le header) ;
- Menu footer (en bas du site, dans le pied de page) ;
- Autres emplacements (selon votre thème).
Cliquez sur "Enregistrer le menu".
Voilà, votre menu est en ligne ! 🎉
Pensez à ne pas ajouter trop de liens pour ne pas perdre les visiteurs : accueil, services, boutique, à propos sont généralement suffisants.
Si tout va bien, vous pouvez maintenant passer aux réglages de l'apparence.
La personnalisation des couleurs et des typographies dépendra ensuite de votre thème.
Si vous n'êtes pas sur.e, allez dans Apparence > Personnaliser : si vous ne voyez pas la partie "En-Tête et navigation", reportez vous à la documentation de votre thème.
💡Vous cherchez plus de conseils sur la création d'un site avec WordPress ?
Téléchargez la checklist : 20 étapes concrètes pour lancer votre site sans coder. 👇
Les limites du menu WordPress natif
Vous avez maintenant ajouté les pages dans votre menu, mais la personnalisation reste ensuite plutôt limitée. Par exemple, sans coder, vous ne pourrez peut-être pas créer :
- ❌ Menu sticky, qui reste fixé en haut lorsque la page défile ;
- ❌ Menu transparent qui s'adapte selon la section de la page ;
- ❌ Mega menu (menu déroulant avec colonnes, images, boutons) ;
- ❌ Animations au survol ;
- ❌ Personnalisation visuelle (couleurs, typographies, espacements personnalisés) ;
- ❌ Menu burger (sur mobile) personnalisé ;
- ❌ Menu vertical (pour les sites one-page) ;
- ❌ Bouton directement dans le menu (ex : "Réserver", "Demander un devis").
En gros, WordPress vous donne un menu fonctionnel, mais pas forcément très beau.
Pour le personnaliser à 100% il vous faudra donc :
- Ajouter du code (CSS) pour modifier l'apparence ;
- Soit installer un plugin ;
- Ou trouver un thème qui offre plus d'options.
Pour vous éviter de passer de heures à bricoler un menu qui reste moyen, regardons comment ça fonctionne avec un thème premium, comme Divi ou Elementor.
Partie 2 : Personnaliser l’apparence du menu avec Divi
Déjà : Divi, c'est quoi ?
En résumé c'est un thème (on l'installe dans la partie Thèmes du tableau de bord).
Il ajoute un éditeur visuel en glisser déposer à votre site, qui permet de modifier l'apparence des pages en direct.
Il inclut aussi 3 choses qui nous intéressent :
- Un constructeur de thème : qui sert tout simplement à afficher la même chose sur toutes les pages ➡️ le menu et le pied de page.
- Un module menu : vous le mettez où vous voulez (enfin, de préférence en haut des pages !) et vous personnalisez les couleurs, les polices, la largeur, etc.
- Et désormais, avec Divi 5, des modules supplémentaires permettant de créer ce qu'on appelle un "mega menu".
Le point positif : tout se règle dans les paramètres, sans écrire une ligne de code.
👉 Essayer Divi gratuitement pendant 30 jours
Comment créer un menu avec Divi (en 5 minutes)
Étape 1 : Installer Divi
Évidemment, si vous n'avez pas encore Divi, téléchargez-le ici, installez le dans vos thèmes (Apparence > Themes) et cliquez sur Activer.
Une fois installé et activé, vous avez accès au Divi Builder : l'éditeur visuel.
Étape 2 : Créer votre header avec le Theme Builder
Allez dans :
Divi > Theme Builder
Les cases représentent des parties de vos pages :
- en haut : Header, l'en-tête ;
- au milieu, le corps des pages ;
- en bas, Footer, le pied de page.
Vous allez donc cliquer sur la partie haute d'une case et choisir ("Global Header" ici, mais le votre est peut-être en français).
Vérifiez bien que ce modèle s'applique partout sur le site : la case doit être en vert (= Global), et vous devez voir l'inscription "Template par défaut" ou équivalent. C'est généralement le tout premier en haut à gauche.
💡Vous pourrez utiliser les autres cases pour les appliquer à d'autres besoins.
Par exemple : un modèle pour vos articles de blog où vous n'affichez pas le pied de page, un autre modèle pour les fiches produits d'une boutique en ligne, ou ce que vous voulez.
Étape 3 : Ajouter le module Menu
Ok, vous avez fait en sorte que votre menu s'affiche partout. Maintenant il faudrait peut-être le créer.
Double-cliquez sur "En-tête Global". Vous arrivez dans le l'éditeur visuel.
1 - Cliquez sur "Ajouter une nouvelle section" (le + bleu) ;
2 - Cette section ne contiendra qu'une seule ligne, avec une seule colonne. Choisissez la toute première disposition dans la fenêtre qui s'ouvre.
3 - Une fenêtre va s'ouvrir pour vous proposer d'y ajouter un module.
Cherchez le module "Menu"
Un menu assez basique apparait.
ET vous voyez qu'il contient les liens que vous aviez ajouté à la navigation juste avant, depuis le tableau de bord de WordPress.
Étape 4 : Optionnel - Choisir votre menu WordPress
Si vous aviez crée plusieurs menus, vous devrez peut-être choisir lequel vous voulez afficher ici.
Allez dans les réglages du module Menu, qui s'affichent (en général) à droite de la fenêtre.
Allez dans :
Contenu > Menu
Sélectionnez le menu que vous avez créé plus tôt dans WordPress (ex : "Menu principal").
Vos liens apparaissent automatiquement.
Personnaliser votre menu WordPress (la magie commence)
Maintenant, on va personnaliser l'apparence du menu de navigation avec Divi. Voici ce que vous pouvez faire :
Personnaliser les couleurs et typos
Allez dans l'onglet "Design" (celui du milieu). Vous y trouverez de nombreux réglages (en français pour vous).
Vous pouvez changer :
- La police (des centaines de polices Google sont disponibles) ;
- La taille du texte ;
- La couleur (au repos, au survol, actif) ;
- L'espacement entre les lettres ;
- L'animation au survol :
- L'apparence des listes déroulantes, etc.
Quelques exemples de réglages du menu
A. Activer le menu sticky (reste fixe lorsque la page défile)
Allez dans :
Avancé > Scroll Effects (tout en bas)
Choisissez "Stick on top".
Voilà, votre menu reste toujours fixé en haut lorsque les visiteurs se déplacent sur la page.
B. Ajouter un bouton dans le menu WordPress
Vous voulez un bouton "Réserver" ou "Demander un devis" dans votre menu ?
Allez dans : Contenu (1er onglet) > Elements
Cliquez sur "Ajouter un élément"
La liste des modules va s'ouvrir.
Choisissez un module "Bouton".
Et c'est tout !
Vous pourrez ensuite régler le lien associé (votre page contact par exemple) et l'apparence du bouton dans ses paramètres.
Si vous ne souhaitez pas qu'il soit visible sur mobile, allez dans Avancé > Visibilité et cochez "Mobile".
Désormais, depuis Divi 5, il est possible de créer des méga menus en combinant plusieurs modules, ou d'afficher le menu en plein écran. Si vous voulez aller plus loin, vous trouverez plus d'informations sur cette page.
Contenu > Éléments > Bouton d'action
Activez-le, ajoutez votre texte et votre lien. Boom, bouton CTA intégré au menu.
Étape 6 : Enregistrer et admirer
Avant de partir, n'oubliez pas de cliquer sur "Enregistrer" en haut à droite. Puis faites la même chose lorsque vous reviendrez dans le Divi Builder.
Mais avant, ouvrez votre site dans un nouvel onglet ET sur votre téléphone, et vérifiez que tout s'affiche bien.
Dans cet exemple, nous sommes partis du cas le plus courant.
Mais vous pouvez créer différents menus et ajouter ce module Menu où vous le souhaitez, comme dans une barre latérale ou dans le pied de page.
Comment afficher son logo dans le menu WordPress ?
Si à cette étape, vous constatez que votre logo ne s'affiche pas (et si vous avez envie qu'il soit là, rien d'obligatoire), peut-être que vous avez oublié une étape.
Vous avez plusieurs choix.
Afficher le logo dans le menu avec le Divi Theme Builder
Retournez dans les réglages du module Menu.
Dans le premier onglet (Contenu), vous verrez une partie "Logo".
Oui tout simplement.
Vous pourrez directement ajouter votre logo depuis la médiathèque WordPress.
Afficher le logo dans la barre de navigation depuis les réglages
Mais en général, le logo va s'afficher tout seul si vous l'avez défini dans les réglages du thème Divi.
- Retournez dans le tableau de bord WordPress ;
- Allez dans Divi > Options du thème ;
- Tout en haut, dans la partie "Général", vous verrez "Logo". Cliquez sur "Mettre en ligne" pour ouvrir la médiathèque et rechercher votre logo.
Créer un menu simple ou personnalisé avec WordPress et Divi
WordPress seul, c'est bien si :
- Vous voulez juste un menu de base (Accueil, À propos, Contact) ;
- Ce site n'est pas primordial pour votre activité et vous préférez des outils gratuits ;
- Vous êtes partant pour ajouter du code ;
- Vous ne cherchez pas spécialement à créer un joli design.
Un éditeur visuel comme Divi, vous conviendra mieux si :
- Vous voulez un site qui a l'air plus professionnel ;
- Vous voulez contrôler TOUS les détails mais vous n'avez pas envie de chercher comment ajouter du code ;
- Vous voulez des fonctionnalités avancées (menu sticky, fond transparent, mega menu, appels à l'action, etc.) ;
- Vous ne voulez pas passer des heures à bricoler du CSS.
Mon conseil : Si vous êtes entrepreneur·e, freelance, thérapeute, photographe, architecte d'intérieur… bref, si votre site représente votre activité, investissez dans un éditeur visuel comme Elementor ou Divi. C'est le meilleur compromis pour obtenir un résultat professionnel soi-même, sans trop se prendre la tête.
👉 Essayer Divi pendant 30 jours
💡Vous recherchez des infos pour créer votre site WordPress avec Divi ?
Explorez le guide : comment ça marche, combien ça coûte, comment utiliser un template, etc.
➡️ Comment créer un site avec Divi et WordPress ? Le guide complet 2026
Créer un menu WordPress - Questions fréquentes
Est-ce que je peux avoir plusieurs menus sur mon site WordPress ?
Oui ! Vous pouvez créer autant de menus que vous voulez. Par exemple :
- Un menu principal (header) ;
- Un menu footer (pied de page) ;
- Un menu sidebar (barre latérale).
Allez dans Apparence > Menus, créez un nouveau menu, et assignez-le à l'emplacement de votre choix.
Comment créer un menu déroulant (sous-menu) dans WordPress ?
Dans Apparence > Menus, glissez un lien légèrement vers la droite sous un autre lien. Il devient un sous-élément (menu déroulant).
Est-ce que je peux ajouter des liens externes (réseaux sociaux) dans mon menu ?
Oui. Dans Apparence > Menus, ouvrez la section "Liens personnalisés". Ajoutez l'URL de votre réseau social (ex : https://instagram.com/votre-compte) et donnez-lui un nom (ex : "Instagram").
Mon menu ne s'affiche pas, que faire ?
Vérifiez que :
- Vous avez bien assigné le menu à un emplacement (ex : Menu principal) ;
- Votre thème supporte cet emplacement (certains thèmes proposent plus ou moins d'emplacements) ;
- Vous avez bien cliqué sur "Enregistrer le menu".
Est-ce que Divi fonctionne avec le menu WordPress natif ?
Oui ! Divi utilise les menus que vous créez dans Apparence > Menus. Mais au lieu de les afficher avec le style de base de WordPress, Divi les affiche avec son propre module Menu (beaucoup plus puissant).
Est-ce que je peux créer un menu sans Divi ?
Oui, heureusement ! Mais c'est au niveau du design que vous serez limité.
Conclusion : WordPress seul ou Divi ?
Créer un menu WordPress de base, c'est simple : c'est la base de n'importe quel site. Mais si vous voulez aller un peu plus loin et obtenir un résultat un peu plus soigné ou original, vous allez rapidement être confronté.e à quelques limites.
Avec un éditeur visuel, vous gagnez :
- ✅ Du temps (tout est visuel, aucun code) ;
- ✅ De la flexibilité (plus de possibilités).
Vous bloquez toujours sur la création de votre menu ? (ou de votre site en général), réservez une journée VIP : 8h de travail intensif sur votre site, pour débloquer tout ce qui traîne.
👉 En savoir plus sur les Journées VIP WordPress.
👉 Essayer Divi gratuitement pendant 30 jours
