TL;DR : Comment modifier votre barre de navigation WordPress (2 méthodes)
Vous pouvez modifier votre barre de navigation WordPress en utilisant SeedProd pour un contrôle visuel complet, ou l'éditeur de menu intégré de WordPress pour des modifications rapides.
Voici comment chaque méthode fonctionne.
- Choisissez votre méthode : SeedProd pour le contrôle de la conception et les menus déroulants ; Apparence > Menus pour des modifications rapides avec votre thème existant.
- Installer SeedProd (Méthode 1) : Téléchargez depuis votre compte, activez et vérifiez votre clé de licence dans SeedProd > Paramètres.
- Modifier votre en-tête : Ouvrez le constructeur de thème, choisissez un modèle, puis cliquez sur Modifier la conception dans l'en-tête pour accéder au bloc Menu de navigation.
- Ajouter des liens ou un bouton : Utilisez le Menu simple pour des liens rapides, l'option Menu WordPress pour les menus existants, ou faites glisser un bloc Bouton pour un appel à l'action.
- Publier ou enregistrer : Activez le thème SeedProd (Méthode 1) ou cliquez sur Enregistrer le menu dans Apparence > Menus (Méthode 2).
Votre barre de navigation vous semble correcte, mais les visiteurs atterrissent sur les mauvaises pages, ou abandonnent et partent.
Les liens sont là, mais ils ne mènent pas là où ils devraient. Le design semble décalé. Ou vous venez de lancer une nouvelle page de service et vous ne savez pas où l'ajouter sans casser tout l'agencement.
Je crée des sites WordPress depuis plus de 13 ans, et la barre de navigation est l'une de ces choses qui semblent simples jusqu'à ce que vous essayiez réellement de la modifier. Dans ce guide, je vais vous montrer deux façons de modifier votre menu de navigation WordPress : une utilisant SeedProd pour un contrôle visuel complet, et une utilisant l'éditeur de menu intégré de WordPress pour des mises à jour rapides.
Comment modifier ma barre de navigation WordPress ?
Vous pouvez modifier votre barre de navigation WordPress avec un constructeur de site web par glisser-déposer comme SeedProd, ou avec l'éditeur de menu WordPress intégré dans Apparence » Menus. Les deux conviennent aux débutants, mais ils vous offrent différents niveaux de contrôle.
| Fonctionnalité | SeedProd | Éditeur intégré |
|---|---|---|
| Modification par glisser-déposer visuelle | Oui | Non |
| Support des menus déroulants (sous-menus) | Oui (via l'option Menu WordPress) | Oui |
| Navigation mobile | Oui | Dépend du thème |
| CSS requis pour le style | Non | Souvent oui |
| Gratuit à utiliser | Payant (Pro) | Oui (intégré) |
| Fonctionne avec n'importe quel thème | Remplace le thème | Oui |
Méthode 1. Comment modifier la barre de navigation dans WordPress avec SeedProd
SeedProd est un constructeur de sites web par glisser-déposer pour WordPress qui vous donne un contrôle visuel complet sur votre barre de navigation sans toucher au code. Vous voyez chaque changement en direct au fur et à mesure que vous l'effectuez. Les polices, les couleurs, les liens du menu, les boutons et la mise en page s'ajustent en temps réel.
Avec SeedProd, vous pouvez créer des thèmes WordPress personnalisés, construire des pages de destination et modifier des éléments de site entiers comme les en-têtes et les menus en un seul endroit. Le bloc Nav Menu facilite le pointage, le clic et la modification visuelle de votre barre de navigation.
Au-delà des menus, SeedProd vous aide également à :
- Créer une page "Bientôt disponible"
- Activer le mode maintenance
- Créer des pages 404 et de connexion personnalisées
- Intégrer du contenu de médias sociaux
- Concevoir des boutiques WooCommerce
Étape 1. Installer le plugin SeedProd
Pour modifier votre barre de navigation WordPress avec SeedProd, installez et activez d'abord le plugin. Rendez-vous sur la page de tarification de SeedProd, choisissez un plan et téléchargez le plugin depuis votre tableau de bord de compte.
Ensuite, téléchargez le plugin sur votre site WordPress et cliquez sur Activer. Rendez-vous ensuite dans SeedProd » Paramètres, collez votre clé de licence et cliquez sur Vérifier la clé pour débloquer la fonctionnalité Theme Builder.
Accédez maintenant à SeedProd » Theme Builder dans votre tableau de bord WordPress pour commencer à créer votre thème personnalisé et votre menu de navigation.
Remarque : Si vous ne souhaitez pas remplacer votre thème, vous pouvez toujours modifier une barre de navigation dans SeedProd en créant une page de destination et en personnalisant son en-tête.
Étape 2. Choisir un modèle de thème WordPress
La façon la plus rapide de configurer votre barre de navigation dans SeedProd est de commencer avec un modèle de thème WordPress prédéfini. Chaque modèle comprend toutes les parties d'un site — en-tête, pied de page, page d'accueil et blog — vous n'avez donc qu'à personnaliser le design.
Depuis le tableau de bord du Theme Builder, cliquez sur Thèmes pour ouvrir la galerie de modèles. Vous pouvez prévisualiser les designs dans un nouvel onglet et choisir celui qui convient à votre entreprise.
Pour ce tutoriel, nous utiliserons le thème d'entretien automobile, mais vous pouvez choisir n'importe quel modèle. Cliquez sur la coche orange pour l'importer sur votre site.
Une fois importé, SeedProd crée automatiquement la structure de votre site, y compris l'en-tête, le pied de page et les pages de blog. Vous pouvez maintenant ouvrir n'importe quelle partie dans l'éditeur par glisser-déposer pour commencer la personnalisation.
Étape 3. Personnaliser la partie modèle d'en-tête
Votre barre de navigation se trouve dans le modèle d'en-tête. Les thèmes prédéfinis de SeedProd en ajoutent généralement un automatiquement, il vous suffit donc d'ouvrir l'en-tête et de le personnaliser.
Pour modifier votre en-tête, survolez le modèle d'en-tête dans le Theme Builder et cliquez sur Modifier le design. Cela ouvre l'éditeur glisser-déposer en direct.
Cliquez sur n'importe quel élément dans l'aperçu pour le modifier. Le panneau des paramètres apparaît sur la gauche, où vous pouvez modifier le texte, le style et les fonctionnalités.
Par exemple, cliquez sur le bloc logo pour supprimer le logo de remplacement et téléverser le vôtre depuis la médiathèque WordPress.
Vous pouvez également faire glisser de nouveaux blocs, tels que des icônes de médias sociaux, une barre de recherche ou des boutons personnalisés, dans l'en-tête pour étendre votre barre de navigation.
Une fois les bases de l'en-tête couvertes, vous êtes prêt à modifier le menu de navigation lui-même à l'étape suivante.
Étape 4. Modifier votre barre de navigation WordPress
SeedProd utilise un bloc Menu de navigation pour afficher la navigation de votre site. Ce bloc vous offre deux façons de gérer les menus : une option simple pour des liens rapides ou une option Menu WordPress pour un contrôle avancé.
Option 1 : Menu simple
Ajoutez des liens directement dans le constructeur vers n'importe quelle page, article, catégorie, étiquette ou URL externe. C'est rapide à configurer mais ne prend pas en charge les menus déroulants ou les menus WordPress existants.
Vous pouvez styliser le menu simple avec des options d'alignement, de taille de police, d'espacement et de séparateurs. Dans l'onglet Avancé, basculez entre les dispositions horizontale ou verticale et ajustez la typographie, les couleurs et les bordures.
Option 2 : Menu WordPress
Sélectionnez un menu que vous avez déjà créé dans l'éditeur de menu WordPress à partir de la liste déroulante. Cette option prend en charge la navigation mobile et hérite de la flexibilité des paramètres intégrés d'Apparence » Menus de WordPress.
Vous verrez également un lien rapide vers la page de menu WordPress par défaut, où vous pourrez ajuster votre mise en page. Comme avec le menu Simple, l'onglet Avancé vous permet de personnaliser les polices, les couleurs, les ombres, la visibilité par appareil, et plus encore.
Comment ajouter un bouton de menu dans WordPress
Un bouton de menu est un excellent moyen de mettre en évidence des actions telles que « S’inscrire » ou « Commencer ». Dans SeedProd, vous pouvez en ajouter un avec le bloc Bouton.
Depuis la barre latérale gauche, faites glisser le bloc Bouton dans votre en-tête. Ensuite, personnalisez le texte de l’appel à l’action, le lien et le style directement dans le panneau des paramètres.
Astuce Pro : Supprimez tous les éléments dont vous n’avez pas besoin en les survolant et en cliquant sur l’icône de la corbeille.
Lorsque votre menu vous convient, cliquez sur Enregistrer dans le coin supérieur droit et fermez l’éditeur pour revenir au tableau de bord du Theme Builder.
Vous pouvez répéter ce même processus pour personnaliser d’autres parties de votre thème WordPress.
Astuce de conversion : Votre barre de navigation ne doit pas se limiter à des liens. L'ajout d'un bouton « Obtenir un devis » ou « Réserver une démo » qui renvoie vers une page de destination dédiée transforme votre en-tête en un outil de conversion. J'ai vu des sites doubler leurs soumissions de formulaires de prospects simplement en rendant ce CTA visible sur chaque page.
Étape 5. Publiez votre thème WordPress personnalisé
Après avoir modifié vos modèles de menu et d'en-tête WordPress, vous êtes prêt à rendre les modifications publiques. Trouvez le bouton bascule Activer le thème SeedProd sur la page Theme Builder et mettez-le sur la position « On ».
Rendez-vous maintenant sur votre page d'accueil pour voir votre nouveau menu de navigation personnalisé en direct sur votre site.
Méthode 2. Comment modifier mon menu WordPress sans plugin ?
Si vous souhaitez conserver votre thème actuel, l'éditeur de menu WordPress est intégré directement dans votre tableau de bord. Vous n'avez besoin d'aucun plugin supplémentaire, bien que vos options de style dépendent de votre thème.
Important : Cette méthode fonctionne uniquement avec les thèmes classiques. Si vous ne voyez pas Apparence » Menus dans votre tableau de bord, votre site utilise probablement un thème de blocs (tel que Twenty Twenty-Four). Les utilisateurs de thèmes de blocs doivent accéder à Apparence » Éditeur et rechercher la section Navigation à la place.
Étape 1. Accédez à Apparence » Menus
Dans votre tableau de bord WordPress, accédez à Apparence » Menus. Si vous avez déjà un menu, sélectionnez-le dans la liste déroulante en haut. Sinon, tapez un nom pour votre nouveau menu de site et cliquez sur Créer un menu.
Étape 2. Ajoutez des éléments à votre menu de navigation
Pour ajouter de nouveaux éléments, sélectionnez des pages dans le panneau de gauche et cliquez sur Ajouter au menu. Vous pouvez également inclure des articles, des catégories, des liens personnalisés ou des étiquettes en développant leurs sections.
Étape 3. Réorganisez vos éléments de menu
Après avoir ajouté des éléments, faites-les glisser et déposez-les dans l'ordre souhaité. Les éléments en haut de la liste apparaissent en premier dans votre menu d'en-tête. Cliquez sur Enregistrer le menu après avoir réorganisé pour conserver vos modifications.
Étape 4. Créez des éléments de menu déroulant (sous-menu)
Pour créer un menu déroulant dans votre menu de navigation, faites glisser un élément de menu légèrement vers la droite, sous un autre élément. Il sera indenté — c'est ainsi que WordPress le reconnaît comme un sous-menu. L'élément parent devient le lien de premier niveau, et l'élément indenté apparaît dans le menu déroulant lorsqu'un visiteur le survole.
Étape 5. Supprimez des éléments de menu
Pour supprimer un élément, cliquez sur la flèche à côté de celui-ci pour développer ses paramètres, puis cliquez sur Supprimer. Cela le retire du menu de navigation sans supprimer la page de votre site.
Étape 6. Définissez un emplacement d'affichage et enregistrez
Choisissez où votre menu d'en-tête s'affiche sous Paramètres du menu > Emplacement d'affichage. Les options varient selon le thème et peuvent inclure :
- Menu principal
- Menu secondaire
- Menu hors-page
- Menu du compte utilisateur
- Menu du pied de page
Cliquez sur Enregistrer le menu lorsque vous avez terminé, puis prévisualisez votre site pour voir la barre de navigation mise à jour.
Questions fréquemment posées
Comment puis-je modifier mon menu de navigation WordPress sans perdre mes pages existantes ?
La modification de votre menu de navigation dans WordPress n'affecte pas vos pages ou vos articles. L'écran Apparence > Menus contrôle uniquement quels liens apparaissent dans votre menu et dans quel ordre — il ne supprime aucun contenu.
Pour plus de sécurité, commencez par sélectionner votre menu existant dans le menu déroulant en haut de l'écran Menus avant d'apporter des modifications. Ainsi, vous modifiez le bon menu et n'en créez pas accidentellement un nouveau.
Pourquoi ne puis-je pas trouver l'option Menus sous Apparence dans WordPress ?
Si vous ne voyez pas Menus sous Apparence, votre site utilise un thème basé sur des blocs (comme Twenty Twenty-Four ou Twenty Twenty-Five). Les thèmes basés sur des blocs gèrent la navigation via l'Éditeur de site, et non via l'écran classique Menus.
Allez dans Apparence > Éditeur, puis recherchez la section Navigation pour modifier le menu de votre site. Alternativement, SeedProd fonctionne avec n'importe quel thème et vous donne un contrôle visuel complet sur votre barre de navigation sans l'Éditeur de site.
Comment ajouter un menu déroulant dans WordPress ?
Dans l'éditeur de menu WordPress (Apparence > Menus), faites glisser un élément de menu légèrement vers la droite, sous l'élément que vous souhaitez comme parent. Il sera indenté pour montrer qu'il s'agit maintenant d'un sous-menu.
L'élément parent devient le lien de premier niveau, et les éléments indentés apparaissent en menu déroulant lorsque les visiteurs le survolent. Cliquez sur Enregistrer le menu lorsque vous avez terminé. Dans SeedProd, utilisez l'option Menu WordPress dans le bloc Menu de navigation — il hérite de vos menus existants, y compris toute structure déroulante que vous avez configurée.
Puis-je modifier ma barre de navigation WordPress sans plugin ?
Oui. WordPress dispose d'un éditeur de menu intégré à l'adresse Apparence > Menus qui fonctionne avec n'importe quel thème classique. Vous pouvez ajouter des liens, réorganiser des éléments, créer des sous-menus et définir des emplacements d'affichage sans installer de logiciel supplémentaire.
Le compromis est que la mise en forme est limitée à ce que votre thème prend en charge. Si vous souhaitez modifier les polices, les couleurs ou la mise en page sans écrire de CSS, un constructeur visuel comme SeedProd est la voie la plus simple.
Comment rendre mon menu WordPress fixe (qui reste visible lors du défilement) ?
Une barre de navigation fixe reste visible lorsque les visiteurs font défiler la page. Dans SeedProd, ouvrez le modèle d'en-tête dans le Theme Builder, cliquez sur la ligne de l'en-tête et recherchez l'option "Sticky Header" dans le panneau des paramètres à gauche. Activez-la et enregistrez.
Pour l'éditeur de menu WordPress intégré, le comportement fixe dépend de votre thème. De nombreux thèmes incluent une option d'en-tête fixe dans le personnalisateur (Apparence > Personnaliser). Si le vôtre ne le fait pas, vous aurez besoin d'un plugin ou de CSS personnalisé pour l'ajouter.
Prochaines étapes
Votre barre de navigation pointe maintenant là où elle devrait. Les visiteurs qui atterrissaient au mauvais endroit, ou qui partaient parce qu'ils ne trouvaient pas ce dont ils avaient besoin, ont un chemin plus clair à travers votre site.
Si vous gérez une boutique WooCommerce, vous voudrez peut-être aussi ajouter une icône de panier d'achat WooCommerce dans votre menu afin que les clients puissent accéder à leur panier depuis n'importe où sur votre site. Et si vous voulez aller plus loin avec la conception de votre en-tête, comme le placement du logo, la barre de recherche ou la mise en page, consultez le guide complet sur comment personnaliser votre en-tête WordPress.
Commencez avec SeedProd dès aujourd'hui.
Merci de votre lecture ! Nous serions ravis d’entendre vos réflexions, alors n’hésitez pas à participer à la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.
