Une navigation claire est l'un des éléments les plus importants d'un site web WordPress. Grâce au menu principal, les visiteurs trouvent vos pages, services, produits ou articles les plus importants et peuvent s'orienter rapidement sur votre site.
Dans WordPress, vous pouvez créer vos propres menus, ajouter des pages, modifier leur ordre, créer des sous-menus et supprimer des éléments individuels. L'apparence de la gestion des menus dépend toutefois du Thème WordPress ab.
Dans le cas des thèmes classiques, la gestion s'effectue généralement via Design → Menus. En revanche, les thèmes à blocs modernes utilisent le Éditeur de sites web et le bloc de navigation. C'est pourquoi nous vous montrons les deux variantes dans ce guide.
En bref : Si vous utilisez un thème WordPress classique, vous trouverez généralement la navigation sous Design → Menus. Avec un thème à blocs moderne, vous ouvrez Design → Éditeur et tu y modifies la navigation de ton site web.
Qu'est-ce qu'un menu WordPress ? #
Un menu WordPress est une collection structurée de liens permettant aux visiteurs d'accéder aux différentes zones de votre site web.
Un menu principal typique d'un site web d'entreprise pourrait par exemple être structuré ainsi :
- Accueil
- À propos de nous
- Prestations
- Références
- Blog
- Contact
Sur les sites web plus volumineux, les différents éléments de menu peuvent à leur tour contenir des sous-éléments.
Sous Prestations pourraient par exemple apparaître les entrées suivantes :
- Conception Web
- Hébergement web
- WordPress
- SEO
Cela crée une navigation hiérarchique qui permet aux visiteurs de parcourir facilement même des sites web plus vastes.
Quels contenus peuvent être utilisés dans un menu WordPress ? #
Un menu WordPress ne doit pas nécessairement être composé exclusivement de pages. Selon l'installation et les plugins utilisés, différents contenus peuvent y être intégrés.
Cela comprend par exemple :
- Pages
- Publications
- Catégories
- liens individuels
- Catégories de produits WooCommerce
- Produits
- autres types de publication personnalisés
Les options qui s'affichent dépendent de ton installation WordPress.
Où puis-je trouver la gestion des menus dans WordPress ? #
Il y a ici une différence importante entre les thèmes WordPress classiques et les thèmes de blocs modernes.
Lors d'un thème classique trouves-tu normalement :
Design → Menus
Lors d'un Thème à blocs cet élément de menu n'existe peut-être pas. À la place, la navigation s'effectue via :
Design → Éditeur
géré.
Si tu ne sais pas quel thème est actif sur ton site web, tu peux généralement le trouver sous Design → Thèmes vérifier.
Nous vous expliquons comment vous connecter à l'administration de WordPress sur Connexion WordPress : Comment se connecter à l'espace d'administration.
Créer un menu WordPress avec un thème classique #
Si tu utilises un thème classique avec la gestion traditionnelle des menus, tu peux créer un nouveau menu directement dans l'espace d'administration de WordPress.
Créer un nouveau menu #
- Connectez-vous à votre tableau de bord WordPress.
- Ouvrir Design → Menus.
- Cliquez sur la fonction pour créer un nouveau menu.
- Attribuez un nom de menu explicite, par exemple Navigation principale.
- Cliquez sur Créer un menu.
- Ajoutez ensuite les pages souhaitées et les autres entrées de menu.
- Attribuez au besoin au menu un emplacement d'affichage fourni par le thème.
- Enregistre le menu.
Le nom de menu interne est principalement destiné à votre gestion. Les visiteurs n'ont généralement pas besoin de voir ce nom.
Qu'est-ce qu'un élément de menu ? #
Les thèmes WordPress classiques peuvent définir différents emplacements où un menu peut être affiché.
Selon le thème, ceux-ci peuvent par exemple s'intituler :
- Menu principal
- Menu principal
- Menu d'en-tête
- Menu de pied de page
- Navigation mobile
- Menu secondaire
Le thème actif détermine quels emplacements de menu sont disponibles.
Un thème ne peut posséder qu'une seule position, tandis qu'un autre prend en charge plusieurs zones de navigation différentes.
Important : Un menu créé ne s'affiche pas nécessairement automatiquement sur votre site web. Avec les thèmes classiques, vous devez souvent définir en plus à quel emplacement fourni par le thème le menu doit apparaître.
Ajouter des pages à un menu WordPress #
Après avoir créé un menu, vous pouvez ajouter des pages WordPress existantes.
Ajouter la page au menu #
- Ouvrir Design → Menus.
- Sélectionnez le menu souhaité.
- Ouvrir dans le panneau de gauche Pages.
- Marquez les pages souhaitées.
- Cliquez sur Ajouter au menu.
- Les pages sélectionnées apparaîtront ensuite dans la structure du menu.
- Classez les entrées dans l'ordre souhaité.
- Cliquez sur Enregistrer le menu.
Si une page requise n'existe pas encore, vous devez d'abord la créer. Nous vous expliquons comment faire dans notre guide Créer de nouvelles pages dans WordPress.
Modifier l'ordre des éléments du menu #
L'ordre des éléments peut être modifié par glisser-déposer dans la gestion classique des menus.
Cliquez pour cela sur un élément de menu, maintenez le bouton de la souris enfoncé et déplacez-le à l'emplacement souhaité.
Par exemple, si votre menu ressemble actuellement à ceci :
- Accueil
- Contact
- À propos de nous
- Prestations
peux-tu simplement réorganiser les entrées :
- Accueil
- À propos de nous
- Prestations
- Contact
Enregistrez ensuite le menu pour que le nouvel ordre soit pris en compte.
Créer un sous-menu ou un menu déroulant #
WordPress prend en charge les menus hiérarchiques. Cela vous permet de subordonner un élément de menu à un autre.
Un exemple :
- Prestations
- Conception Web
- Hébergement web
- SEO
Le fait que ces sous-éléments apparaissent effectivement sur le site Web sous forme de menu déroulant classique dépend de l'affichage du thème.
Créer un sous-menu dans un thème classique #
- Ouvrir Design → Menus.
- Ajoutez tous les éléments de menu nécessaires.
- Glissez le sous-menu souhaité sous son élément de menu parent.
- Déplacez-le légèrement vers la droite jusqu'à ce que WordPress indique l'indentation.
- Répétez ceci pour d'autres sous-points.
- Enregistre le menu.
- Vérifiez ensuite la navigation sur votre site web.
Grâce à l'indentation, WordPress comprend que l'élément en question est un sous-élément de l'élément de menu situé au-dessus.
Combien de niveaux un menu devrait-il avoir ? #
Techniquement, WordPress est capable de gérer des structures de menus plus complexes. Cela ne signifie pas pour autant que vous devriez utiliser autant de niveaux que possible.
Une navigation telle que :
Produits → Logiciel → Sécurité → E-mail → Filtre anti-spam → Paramètres
devient rapidement difficile à suivre pour les visiteurs et difficile à utiliser sur les smartphones.
Pour les sites web d'entreprise normaux, une navigation aussi simple et compréhensible que possible est généralement la meilleure solution.
Conseil pratique : Si tu as besoin de plusieurs niveaux imbriqués pour un élément de menu, vérifie d'abord si l'architecture de l'information de ton site Web peut être simplifiée.
Renommer l'élément de menu sans modifier le titre de la page #
Une fonctionnalité WordPress très utile est la possibilité de définir le nom visible d'un élément de menu indépendamment du titre réel de la page.
Une page pourrait par exemple porter le titre :
Hébergement web professionnel pour les entreprises suisses
Dans le menu principal, ce texte serait probablement trop long. À la place, tu peux simplement :
Hébergement web
afficher.
Dans un menu classique, vous ouvrez pour cela l'élément de menu concerné et modifiez le Libellé de navigation.
Le titre réel de la page reste inchangé.
Est-ce que le libellé de navigation modifie l'URL de la page ? #
Non.
Si vous modifiez uniquement le libellé de navigation d'un élément de menu, l'adresse de destination de la page liée reste inchangée.
C'est important, car cela vous permet d'utiliser des noms de menu courts et compréhensibles sans avoir à modifier le titre de la page ou l'URL (slug).
Ajouter un lien personnalisé au menu WordPress #
Tout objectif de navigation ne doit pas nécessairement être une page WordPress. Avec un lien personnalisé, vous pouvez intégrer pratiquement n'importe quelle adresse web valide dans votre menu.
Pour les thèmes classiques, vous trouverez cela sous Design → Menus généralement la zone Liens individuels.
Vous y saisissez l'adresse de destination complète et le texte de lien souhaité.
Cela peut par exemple être utile pour :
- un site Web externe
- un espace client séparé
- une plateforme de réservation externe
- un documentaire
- un autre sous-domaine
Attention : Vérifiez les liens individuels avec une attention particuliere. WordPress ne peut pas savoir si vous avez fait une faute de frappe dans une adresse externe saisie manuellement.
Créer un lien vers une section spécifique d'une page #
Vous pouvez également lier un menu à une section spécifique d'une page. Pour cela, on utilise des Ancres de lien utilisé.
Une telle adresse de destination peut par exemple se présenter comme suit :
Lors de l'appel, le navigateur saute directement à l'élément avec l'ID correspondant.
C'est par exemple pratique pour les pages de destination plus longues, lorsqu'un élément de menu doit mener directement aux prix, aux fonctionnalités ou à une zone de contact.
Ajouter des catégories au menu WordPress #
Si ton site web possède un blog, tu peux aussi intégrer des catégories dans la navigation.
Un blog pourrait par exemple posséder des catégories telles que :
- WordPress
- Hébergement web
- SEO
- Sécurité
Grâce à un lien de catégorie, les visiteurs accèdent à la page d'archives correspondante contenant les articles associés.
Nous expliquons comment les catégories sont créées et utilisées dans notre guide Créer des catégories et des sous-catégories dans WordPress.
Je ne vois pas la section „ Catégories “ ou d'autres contenus #
Dans la gestion des menus classiques, certaines zones peuvent être masquées.
Si par exemple tu ne trouves pas de catégories, de certains types de contenu ou d'options de menu avancées, vérifie Paramètres d'affichage en haut de la page.
Là, selon votre configuration WordPress, vous pouvez afficher des éléments supplémentaires pour la gestion des menus.
Supprimer l'élément de menu #
Si un lien ne doit plus apparaître dans la navigation, tu peux le supprimer du menu.
Supprimer un élément de menu dans un thème classique #
- Ouvrir Design → Menus.
- Choisissez le bon menu.
- Ouvrez l'élément de menu souhaité.
- Cliquez sur Supprimer.
- Enregistre le menu.
Cela ne fait que Élément de menu supprimé.
La page sous-jacente, l'article ou la catégorie ne sont pas supprimés de ce fait.
Important : „Retirer du menu“ et „Supprimer la page“ sont deux actions complètement différentes. Si vous souhaitez simplement ne plus afficher une page dans la navigation, vous n'avez pas besoin de supprimer la page elle-même.
Que se passe-t-il lorsqu'une page liée est supprimée ? #
Si vous supprimez une page, vous devez également vérifier la navigation.
Selon la configuration, une ancienne entrée de menu peut autrement mener nulle part ou être signalée comme invalide.
Ce n'est pas seulement désagréable pour les visiteurs, mais cela peut aussi générer des erreurs 404 internes inutiles.
Nous expliquons comment modifier et supprimer correctement les pages sur Modifier ou supprimer des pages dans WordPress.
Afficher le menu à un autre endroit #
Avec les thèmes classiques, vous pouvez souvent attribuer un menu à différentes positions du thème.
Un menu existant pourrait par exemple être utilisé comme navigation principale, tandis qu'un deuxième menu apparaîtrait dans le pied de page.
Selon le thème, l'attribution s'effectue directement sous Design → Menus ou via une section séparée pour les emplacements de menu.
Comme les emplacements disponibles sont définis par le thème, le nom et le nombre peuvent varier considérablement.
Puis-je créer plusieurs menus WordPress ? #
Oui. Tu peux gérer plusieurs menus différents.
C'est par exemple utile pour :
- Navigation principale
- Navigation de pied de page
- Menu de service
- pages juridiques
- Navigation mobile
La possibilité d'afficher ces menus et leur emplacement dépend à leur tour du thème utilisé ou de la structure de votre site Web.
Créer un menu de pied de page #
Un menu de pied de page séparé convient par exemple aux pages qui doivent être accessibles, mais qui ne font pas nécessairement partie de la navigation principale.
Selon le site Web, cela peut par exemple inclure :
- Mentions légales
- Politique de confidentialité
- Conditions générales
- Contact
- Support
Vous pouvez voir si votre thème propose sa propre position de menu de pied de page dans les positions de menu disponibles ou dans l'éditeur de site.
Menus dans les thèmes de blocs WordPress modernes #
Les thés de blocs modernes n'utilisent pas nécessairement la gestion classique sous Design → Menus.
La navigation fait plutôt partie de la mise en page de site web basée sur des blocs.
Ouvrir :
Design → Éditeur
Là, tu peux modifier la navigation dans l'en-tête ou dans les modèles utilisés.
L'élément central pour cela est le Bloc de navigation.
Qu'est-ce que le bloc de navigation WordPress ? #
Le bloc de navigation est un bloc WordPress permettant de créer et d'afficher des navigations de sites Web.
Il peut par exemple contenir :
- Liens vers des pages
- liens individuels
- Sous-menus
- autres éléments de navigation pris en charge
Contrairement à la gestion de menus classique, vous éditez ainsi la navigation directement dans l'éditeur de site basé sur des blocs.
Modifier la navigation dans un thème de blocs #
Modifier la navigation dans l'éditeur de site web #
- Ouvrir Design → Éditeur.
- Ouvrez la section ou le modèle avec votre navigation.
- Choisissez Bloc de navigation Australie.
- Ouvrez la vue liste si nécessaire pour mieux voir la structure.
- Ajoutez de nouveaux éléments de navigation ou modifiez les liens existants.
- Modifiez l'ordre des entrées selon vos besoins.
- Créez des sous-menus si nécessaire.
- Enregistrez les modifications.
- Vérifiez ensuite la navigation sur le site web.
L'interface utilisateur exacte peut varier légèrement selon les versions de WordPress. Le principe fondamental reste cependant le même : dans un thème à blocs, la navigation fait partie intégrante de l'éditeur de site.
Utiliser une vue en liste pour les navigations complexes #
Si ton menu comporte plusieurs niveaux, le Vue liste l'éditeur de blocs peut s'avérer très utile.
Là, tu vois la structure des blocs utilisés de manière hiérarchique et tu peux reconnaître plus facilement quel point de menu est associé à quel élément parent.
En particulier pour les sous-menus, cette vue est souvent plus claire que l'édition purement visuelle.
L'en-tête et la navigation des thèmes de blocs vont de pair #
Dans un thème de blocs, le bloc de navigation fait souvent partie de l'en-tête.
Si tu souhaites donc modifier non seulement les liens, mais aussi le logo, l'arrière-plan ou d'autres éléments d'en-tête, tu modifies peut-être la même zone de modèle.
Nous expliquons la gestion de base des en-têtes dans notre guide Modifier l'image d'en-tête dans WordPress : adapter correctement le logo, l'en-tête et l'image de titre.
Qu'est-ce qu'un méga menu ? #
Un Méga-menu est une navigation plus élaborée dans laquelle l'ouverture d'un élément de menu principal affiche non pas une simple liste, mais une zone structurée plus vaste.
Cela peut par exemple inclure plusieurs colonnes, catégories, descriptions, icônes ou d'autres contenus.
Les méga-menus ne font pas partie des fonctionnalités de base de la gestion classique des menus WordPress. Selon le site web, ils sont assurés par :
- le thème
- un plugin spécial
- un constructeur de pages
- développement individuel
fourni.
La pertinence d'un méga-menu dépend de la taille et de la structure du site web. Pour un site web comportant cinq pages principales, un méga-menu complexe serait généralement inutile.
Menus sur les sites Elementor #
Si votre site web a été conçu avec Elementor, l'en-tête visible peut avoir été créé comme un modèle Elementor distinct.
Cet en-tête contient alors un élément de navigation ou de menu, dont l'affichage est géré par Elementor.
Selon la structure, cet élément utilise une navigation WordPress existante ou est configuré via les fonctions Elementor correspondantes.
Si vous sous Design → Menus si tu modifies quelque chose et que tu ne vois aucun changement sur le site web, tu devrais donc vérifier si l'en-tête est généré par Elementor ou un autre constructeur.
Menu modifié, mais le site web affiche toujours l'ancienne version #
Si vous avez enregistré une navigation mais que l'ancienne version s'affiche toujours, plusieurs causes sont possibles.
- Tu as modifié le mauvais menu.
- Le menu est assigné à un autre emplacement.
- L'en-tête utilise un autre menu.
- Un constructeur de pages génère sa propre navigation.
- Un cache affiche encore une version plus ancienne.
Vérifiez d'abord si vous avez réellement modifié le menu utilisé sur le site web.
Ensuite, teste la page dans une fenêtre de navigation privée. Si l'ancienne navigation y apparaît également, tu devrais vérifier l'attribution du menu ou la structure de l'en-tête.
Le menu fonctionne sur ordinateur mais pas sur smartphone #
De nombreux thèmes affichent la navigation différemment sur les petits écrans. Au lieu d'une barre de menu horizontale, un menu hamburger apparaît par exemple.
Si la navigation ne pose des problèmes que sur les appareils mobiles, vérifiez entre autres :
- si le thème utilise un menu mobile séparé
- si tous les sous-menus sont utilisables
- si les éléments de menu sont trop longs
- si un page builder utilise ses propres paramètres responsifs
- si les modifications CSS influencent la navigation
Ne testez donc pas les modifications importantes uniquement sur ordinateur.
L'élément de menu ouvre la mauvaise page #
Si un élément de menu mène à la mauvaise page, vérifiez la destination enregistrée.
Pour un lien de page normal, la page WordPress est déjà associée à l'élément de menu. En revanche, pour un lien personnalisé, l'adresse a été saisie manuellement et peut par conséquent comporter des erreurs.
Tu dois prêter une attention particulière aux liens personnalisés existants après des changements de domaine, des migrations ou des modifications de la structure des URL.
L'élément de menu ne doit pas être cliquable #
Parfois, un élément de menu parent doit simplement servir d'intitulé pour un sous-menu et ne pas ouvrir lui-même de page de contenu dédiée.
Cela peut être résolu de différentes manières selon le thème et le système de navigation.
Dans le cas des menus classiques, un lien individuel est parfois utilisé à cet effet comme élément parent. Cependant, vous ne devriez pas utiliser de liens factices douteux sans tenir compte de leur impact sur l'ergonomie et l'accessibilité.
Si un élément ouvre simplement un sous-menu, son fonctionnement doit également être compréhensible pour la navigation au clavier et tactile.
Ouvrir les éléments du menu dans un nouvel onglet #
Avec les menus WordPress classiques, une option permettant d'ouvrir des liens individuels dans un nouvel onglet ou une nouvelle fenêtre de navigateur peut être disponible.
Si tu ne vois pas ce paramètre, vérifie le Paramètres d'affichage la gestion des menus.
Cependant, un nouvel onglet de navigateur n'est pas judicieux pour chaque lien interne.
Les liens de navigation internes normaux doivent généralement être ouverts dans le même onglet. En revanche, pour certains services externes, l'utilisation d'un nouvel onglet peut s'avérer judicieuse selon le contexte d'utilisation.
Navigation et référencement #
Une bonne navigation n'aide pas seulement vos visiteurs. Elle constitue également un élément important de la structure de maillage interne de votre site web.
Les moteurs de recherche peuvent découvrir des sections importantes d'un site Web grâce aux liens internes et mieux comprendre leurs relations structurelles.
Cela ne signifie pas pour autant qu'il faille inclure le plus de mots-clés possible dans le menu principal.
Une bonne navigation devrait avant tout :
- être compréhensible
- rendre les zones importantes accessibles
- être structuré de manière logique
- utiliser des désignations courtes et claires
- fonctionner sur ordinateur et sur mobile
Un menu surchargé de termes de recherche n'aide ni les visiteurs ni la qualité de votre site web.
Noms de menu courts ou détaillés ? #
Pour la navigation principale, des termes courts et précis sont généralement plus adaptés que des titres de page complets.
Au lieu de :
Nos services professionnels pour les entreprises
est dans le menu par exemple :
Prestations
beaucoup plus rapide à appréhender.
Le véritable titre de la page peut néanmoins être plus détaillé et formulé avec plus de précision par rapport au contenu.
Éviter de surcharger le menu #
Si chaque sous-page apparaît directement dans le menu principal, la navigation perd rapidement sa fonction de repère.
La navigation principale devrait refléter les principales sections du site web et non pas représenter automatiquement la table des matières complète.
Pour les sites web volumineux, vous pouvez structurer le contenu à l'aide de sous-menus, de pages de catégories, de pages de destination ou de navigations supplémentaires.
Les pages légales ne doivent pas nécessairement figurer dans le menu principal. #
Des pages telles que les mentions légales et la politique de confidentialité doivent être facilement accessibles pour les visiteurs. Cela ne signifie pas pour autant qu'elles nécessitent une place de choix dans la navigation principale.
Sur de nombreux sites web, ces pages sont judicieusement liées dans le pied de page.
Nous traitons de la configuration d'une politique de confidentialité dans WordPress dans notre guide séparé sur la politique de confidentialité de WordPress.
Toujours tester la navigation après des modifications #
Après avoir modifié un menu, vous ne devez pas supposer que tout fonctionne automatiquement correctement.
Ouvre le site public et vérifie :
- si tous les éléments du menu principal sont visibles
- si tous les liens mènent à la bonne destination
- si les sous-menus fonctionnent
- si l'ordre est correct
- si la navigation est utilisable sur les smartphones
- s'il n'y a pas de liens vers des pages anciennes ou supprimées
Lors d'une modification importante, vous devez vérifier plusieurs types de pages clés, car un site Web peut utiliser différents en-têtes ou modèles.
Erreurs courantes dans les menus WordPress #
- Créer un menu mais ne l'assigner à aucun emplacement
- Apporter des modifications et ne pas enregistrer le menu
- modifier le mauvais menu
- utiliser trop d'éléments de menu principal
- créer trop de niveaux de sous-menus
- continuer à lier les pages supprimées
- utiliser des étiquettes de navigation inutilement longues
- saisir des URL externes de manière erronée
- tester uniquement la navigation de bureau
- selon un thème de blocs Design → Menus chercher
- modifier l'en-tête WordPress, bien qu'un constructeur de pages génère l'en-tête visible
Remarque : Une bonne navigation ne montre pas le plus de liens possible. Elle guide les visiteurs vers les sections les plus importantes de votre site web en leur demandant le moins d'effort de réflexion possible.
Quand devez-vous contacter le support CURIAWEB ? #
Si, en tant que client CURIAWEB, tu ne parviens pas à déterminer quel menu ton site web utilise ou pourquoi les modifications ne s'affichent pas, tu peux contacter notre support.
Les informations suivantes sont utiles à cet effet :
- le domaine concerné
- le thème WordPress utilisé
- quel menu ou quelle option de menu est concerné(e)
- qu'on utilise Elementor ou un autre page builder
- ce que tu aimerais changer
Cela permet de déterminer plus rapidement si la navigation est gérée par WordPress, le thème ou un page builder.
Résumé #
Avec WordPress, vous pouvez regrouper des pages, des catégories et des liens personnalisés pour former une navigation de site claire. Avec les thèmes classiques, cela se fait généralement via Design → Menus. Là, tu peux ajouter des éléments de menu, modifier leur ordre, créer des sous-menus et assigner le menu à un emplacement fourni par le thème.
Dans les thèmes à blocs modernes, en revanche, la navigation s'effectue via Design → Éditeur et le Bloc de navigation géré. Si Elementor ou un autre constructeur de pages génère l'en-tête, son propre système de navigation peut à son tour s'avérer pertinent.
Gardez la navigation principale aussi claire que possible, utilisez des libellés compréhensibles et testez les modifications sur les ordinateurs de bureau et les appareils mobiles. Si vous souhaitez également modifier le logo ou l'image d'en-tête, vous trouverez les instructions correspondantes sous Modifier l'image d'en-tête dans WordPress.
