Comment créer et modifier la navigation dans les menus dans WordPress

Le menu de navigation est l'un des éléments les plus importants de votre site Web. Sans cela, vos visiteurs ne pourront pas accéder au contenu dont ils ont besoin, ne comprendront pas le contenu que vous proposez et existeront généralement dans un état de confusion concernant votre site. Malheureusement, le système de menu WordPress n'est pas la partie la plus intuitive du CMS (système de gestion de contenu). Nous comprenons cela et souhaitons vous montrer comment naviguer au mieux dans le système de navigation WP. Pour que vous et vos utilisateurs ayez la meilleure expérience possible.

Avant de créer un menu WordPress

Maintenant, avant même de creuser dans la structure du menu WP, prenons une seconde pour planifier cela. Bien que la création d'un menu soit simple (allez simplement dans Apparence - Menus et commencez à cliquer), la création d'un menu utile est un peu plus approfondie. En gros, posez-vous deux questions :

• Pour qui suis-je en train de préparer un menu ?
• Où est-ce que je veux que mes visiteurs aillent ?

Pour qui est-ce que je fais un menu ? , ça peut paraître idiot. Car la réponse est sans aucun doute « vos utilisateurs ». Mais ce n'est pas si simple. Différents utilisateurs ont besoin de différentes choses. Les nouveaux utilisateurs auront-ils besoin des mêmes pages que les anciens ? Les membres connectés voient-ils les mêmes menus que ceux qui ne sont pas connectés ?

En pensant aux personnes qui utiliseront ce menu spécifique, vous pouvez rester simple. Vous pouvez éviter de le remplir de pages qui submergeront les gens qui le regarderont. L'avantage des menus WordPress est que vous pouvez créer de nombreuses versions et les afficher à différents endroits.

Ce qui nous amène à la question numéro deux : où est-ce que je veux que mes visiteurs aillent ? De pair avec quels utilisateurs ont besoin de quels menus, décider où vous voulez que ces utilisateurs aillent déterminera le type de menus que vous créez.

ElegantThemes.com comme exemple concret

Par exemple, nous avons fait une refonte du menu d'en-tête ici chez Elegant Themes il y a quelque temps. Nous voulions nous concentrer sur la génération de trafic vers notre groupe Facebook, les utilisateurs du thème Divi et notre réseau Meetup. En plus de Divi lui-même, mais cela va de soi. Pour ce faire, nous avons simplifié la structure du menu pour ne donner à l'utilisateur qu'une poignée d'options, par rapport à la version plus robuste qui existait auparavant.

Survolez Divi et vous verrez des liens vers non seulement les fonctionnalités du thème, mais aussi nos réseaux sociaux que nous voulions mettre en avant. Tous les produits présenteront également Divi comme produit phare, de même que les prix lorsque les gens examineront nos options d'adhésion. Le compte se situe en dehors de ce paradigme de nouvel utilisateur, mais il donne aux nouveaux utilisateurs un accès rapide à leurs adhésions - ainsi qu'une option pour l'inscription de nouveaux membres. Contact , aussi, est là pour tout le monde.

Comme vous pouvez le voir, chaque élément de menu dirige un segment choisi de visiteurs vers les pages que nous voulons qu'ils voient le plus. Cela dit, nous avons également un menu plus complet dans le pied de page de la page qui renvoie à des endroits comme notre blog, des ressources, des pages de produits individuels, etc.

Les menus d'en-tête sont toujours là aussi. Mais on sait que le menu en bas de page va être utilisé par des personnes ayant un besoin plus spécifique, qui savent chercher un autre menu (comme c'est le standard du web de nos jours) pour trouver ce qu'elles cherchent.

Dans cet esprit, vous avez probablement compris pour qui vous créez le menu et ce que vous voulez qu'ils fassent. Passons donc à la construction de votre menu WordPress.

Comment créer des menus WordPress

Rendez-vous sur Apparence – Menus dans votre tableau de bord WordPress. Vous devriez voir quelque chose comme ceci :

Cette page n'est pas la partie la plus conviviale de WordPress, mais vous verrez quelques parties liées à ce que nous avons discuté ci-dessus.

Le nom du menu est pour votre référence. Aucun utilisateur ne verra cela. Gardez une trace de quel menu va où en le nommant de manière appropriée. À gauche, vous voyez les pages, les articles, les liens personnalisés et les catégories . Certains thèmes incluent plus d'options ici. Le vôtre peut ou non. Les éléments de menu peuvent être des articles ou des pages individuels, ainsi que des liens de catégorie. De plus, les liens personnalisés vous permettent de créer un lien vers n'importe quoi, rappelez-vous simplement https:// ou vos liens peuvent finir par mourir.

Sous Paramètres du menu , nous vous suggérons fortement de laisser l' option Ajouter automatiquement des pages désactivée. Cette option ajoute toutes les nouvelles pages créées sur votre site au menu WordPress. La plupart des gens ne cocheront jamais cette case.

Désormais, les options d' emplacement d'affichage varieront d'un thème à l'autre, car chaque thème a une disposition différente en termes d'endroit où ils permettent aux menus WordPress de s'afficher. Cependant, ce sont les endroits de votre site où votre menu peut apparaître dans son intégralité. Vous ne pouvez plus l'ajuster avec précision pour les emplacements de menu sous l'onglet Gérer les emplacements en haut de l'écran

Ensuite, ajoutez le contenu de votre choix dans le menu lui-même. Cochez simplement la case à côté et cliquez sur Ajouter au menu . Cela l'ajoute sous Structure de menu . Cliquez sur la flèche pour afficher d'autres options telles que l' étiquette de navigation .

Gardez à l'esprit que l' étiquette de navigation montrera aux utilisateurs. C'est la partie qui apparaît dans le menu. Donc, si vous avez un titre de page trop long, vous pouvez le raccourcir ici.

Maintenant, la partie la plus importante de la création de menus WordPress (et peut-être l'une des actions les plus oubliées de toute la plate-forme) consiste à cliquer sur Enregistrer le menu à droite de l'écran.

Une fois enregistré, le menu sera mis en ligne. S'il s'affiche déjà sur votre site, les modifications seront immédiates.

Comment créer un menu WordPress déroulant

Pour la plupart, les étapes ci-dessus sont également les mêmes pour créer un menu déroulant dans WordPress. Cependant, vous devez suivre une autre étape pour faire apparaître les sous-menus.

Dans la section Structure du menu , chacun des éléments est déplaçable. Pour créer un menu déroulant, cliquez simplement sur l'élément souhaité et faites -le glisser vers l'élément que vous souhaitez en tant que parent . WordPress est suffisamment intelligent pour savoir que si vous apportez un élément à un autre, vous voulez le suivre. Les imbriquer créera ensuite un menu déroulant sur le front-end.

Répétez cette opération pour autant d'éléments que vous le souhaitez dans la liste déroulante. La hiérarchie imbriquée est facile à comprendre. Chaque fois qu'un nouveau niveau est créé dans la structure, c'est une liste déroulante supplémentaire que le menu aura.

Sur le front-end, cela ressemblera à ceci:

Maintenant, ces étapes supposent que vous utilisez des éléments de menu qui existent. Cependant, si vous ne voulez pas que l'élément qui déclenche le menu déroulant soit un lien navigable, vous pouvez simplement créer un lien personnalisé avec un # au lieu d'une URL.

Cela créera un élément de menu, mais cliquer dessus ne fera que développer le menu déroulant.

Comment utiliser plusieurs menus sur votre site WordPress

Pour en revenir à ce que nous avons discuté plus tôt, nous voulons nous assurer que chaque menu que nous affichons est ciblé. Parfois, les méga menus sont le meilleur choix pour la navigation sur le site. Par exemple, Amazon est un excellent exemple de site qui fait un grand usage d'un méga menu. Cependant, la plupart des sites qui utilisent des méga menus n'en ont pas besoin. Ils compliquent inutilement la navigation sur le site.

Si, toutefois, vous avez un site volumineux et qu'il peut être compartimenté, l'utilisation de plusieurs menus sur votre site sera presque toujours la meilleure option. Moins un utilisateur a de choix à faire, plus il est probable qu'il fera le choix que vous souhaitez qu'il fasse.

Maintenant, à titre d'exemple, disons que vous souhaitez créer un menu qui n'apparaît que dans les barres latérales du blog pour aider les utilisateurs à s'orienter. Nous pourrions nommer quelque chose de menu comme S idebar Widget pour garder une trace de celui - ci. Mais si vous regardez l' emplacement d'affichage ou l'onglet Gérer les emplacements , il se peut qu'il n'y ait pas d'option de barre latérale.

Cela signifie simplement que nous devrons placer le menu manuellement. Dans le tableau de bord WordPress, accédez à Apparence – Widgets et recherchez le widget Menu de navigation .

Pour la plupart, votre thème aura une option de barre latérale générique. Le widget Menu de navigation est par défaut WordPress. Donc, cela fonctionnera quel que soit votre thème. Cependant, votre thème peut avoir autre chose pour les widgets de menu, et les étapes de base doivent toujours s'appliquer.

Comme pour les éléments du menu déroulant, cliquez et faites-le glisser vers la zone de la barre latérale . En raison du fonctionnement des widgets dans WordPress, le widget apparaîtra immédiatement sur votre site. Cependant, vous n'avez pas choisi de menu à afficher, ce sera donc un espace vide.

Si vous choisissez un Titre , il apparaîtra comme titre au-dessus du menu. L'option Sélectionner le menu vous permet de choisir le menu spécifique que vous souhaitez afficher. Vous pouvez également cliquer sur le lien Visibilité et ouvrir la case supplémentaire que vous voyez ci-dessus. Cette nouvelle boîte vous offre des options de visibilité conditionnelle. Pour cela, nous pouvons souhaiter que ce menu n'apparaisse que sur les publications classées comme Podcasts , donc lorsque nous cliquons sur Enregistrer , les modifications prennent effet.

C'est tout leur est à elle. Vous devez garder à l'esprit que tout ce que vous avez créé en tant que liste déroulante pour les menus d'en-tête apparaîtra sous forme de menu imbriqué dans le widget de la barre latérale. Donc, si vous avez créé des URL d'espace réservé à l'aide de #, ce sera un lien non cliquable dans ce menu. Planifiez simplement la création de votre menu WordPress en conséquence.

Conclusion avec le menu WordPress

Le système de menu WordPress n'a pas à être intimidant. Cela peut parfois sembler un peu flou, mais comme vous pouvez le voir, c'est un processus facilement navigable qui peut être assez puissant une fois que vous savez comment le faire. N'oubliez pas, cependant, que lorsque vous continuez à créer votre propre navigation sur le site, les menus ne sont pas universels. Assurez-vous de prendre en considération qui vous voulez trouver quelles pages sur votre site et créez le système de menu pour créer cette expérience. Toutes les pages, tous les articles et tous les liens ne doivent pas nécessairement apparaître dans le même menu. Dans le cas des menus WordPress, moins peut certainement être plus.

Comment structurez-vous vos menus WordPress ? Combien de menus différents votre site propose-t-il ?

Article présenté en image par Julia Tim / shutterstock.com