Créer un menu sur un site WordPress est une étape essentielle, étant donné qu’un menu est présent sur tout site web.
Sa fonction principale est d’améliorer l’expérience utilisateur en simplifiant la navigation pour vos visiteurs.
C’est dans cette perspective que je vous propose un tutoriel complet, qui vous accompagnera à travers chaque étape de la création d’un menu dans WordPress.
Nous allons d’abord créer votre menu principal, qui apparaîtra sur toutes vos pages et articles.
Vous pourrez toujours ajouter d’autres menus selon vos besoins par la suite.
Pour commencer, rendez-vous dans Apparence > Menu. Ensuite, tapez « Menu principal » dans le champ Nom de menu, puis cliquez sur le bouton Créer le menu.
WordPress vous donne la possibilité d’incorporer à votre menu toutes sortes d’éléments :
- pages
- articles
- projets
- liens personnalisés
- catégories
- étiquettes
- catégories de projets
- étiquettes de projets
Ces éléments figurent sur la partie gauche de votre gestionnaire de menu.
Par défaut, WordPress n’affiche pas toutes les éléments qu’il est possible d’intégrer dans un menu.
Pour pouvoir les rajouter, il suffit de cliquer sur Options de l’écran (tout en haut de l’écran à droite). Sélectionnez par la suite les éléments que vous souhaitez rajouter si besoin.
Pour autant, les éléments non sélectionnés sont généralement que très peu utilisés dans un menu. Mais je tenais tout de même à vous montrer comment ajouter ces sections si besoin.
Dans la plupart des cas, vous n’aurez besoin que des sections pages, liens et catégories pour mettre en place votre menu.
Sur ce, passons à la pratique et ajoutons ces éléments.
Ajouter une page
Si vous avez créé une page d’accueil, une page « A Propos » et/ou une page Contact, vous pouvez les ajouter à votre menu.
Pour ce faire, commencez par cliquer sur la petite flèche à côté de l’élément « Pages » dans la section « Ajouter des éléments de menu« . Cela affichera toutes les pages que vous avez créées.
Il ne vous restera plus qu’à sélectionner les pages que vous souhaitez intégrer à votre menu, puis à cliquer sur Ajouter au menu.
Comme vous le voyez ici, ma page A propos s’intitule “A propos de l’auteur”. C’est le nom que je lui ai donné lors de sa création.
Cependant, ce titre étant un peu long pour un menu, je vais le raccourcir.
Pour modifier le nom de la page qui apparaîtra dans votre menu, cliquez sur la petite flèche associée à cet élément.
Puis changez dans Titre de la navigation l’intitulé de votre page tel que vous voulez qu’il apparaisse dans votre menu. Enfin, cliquez sur « Enregistrer le menu » pour valider vos modifications.
Ajouter une catégorie
Si vous souhaitez mettre en avant les catégories de votre nouveau blog, sachez qu’en cliquant sur une catégorie, vos lecteurs pourront accéder à tous les articles associés à celle-ci.
Pour ajouter une catégorie, le processus est similaire à celui pour une page.
Tout d’abord, cliquez sur la petite flèche à côté de l’élément « Catégories ». Cela fera apparaître toutes les catégories que vous avez créées jusqu’à présent.
Ensuite, sélectionnez les catégories que vous voulez intégrer dans votre menu, puis cliquez sur « Ajouter au menu« .
Pour finir, n’oubliez pas de toujours cliquer sur Enregistrer le menu.
Maintenant, vous ne voulez peut être pas que toutes vos catégories apparaissent telles quelles dans votre menu. Il serait peut-être utile alors de créer des sous-éléments dans votre menu WordPress.
À titre d’exemple ici, imaginons que Web Marketing soit l’une de mes trois catégories principales, qui inclut les sous-catégories suivantes :
- Email Marketing
- Inbound Marketing
- Réseaux sociaux
Si je souhaite mettre en avant cette hiérarchie, je vais faire des sous-éléments les catégories qui font partie de ma catégorie parente.
Pour ce faire, il suffit de sélectionner un élément et de le faire glisser vers la droite pour le définir comme sous-élément.
Pour passer un élément en sous-élément, il suffit de le sélectionner et de le déplacer vers la droite.
Ainsi, c’est en déplaçant vos éléments vers la droite que vous créez des sous-menus. À utiliser avec modération. Voici à quoi cela ressemble :
Ajouter un lien vers un site externe
Vous avez la possibilité de mettre des liens externes à votre site dans votre menu.
Cela peut être intéressant de partager le lien de votre boutique si vous vendez des produits sur Etsy par exemple ou autre plateforme…
Pour rajouter un lien, cliquez sur la petite flèche de l’élément Liens personnalisés et précisez dans :
- Adresse web : l’URL du site externe
- Texte du lien : le nom que vous souhaitez voir affiché sur votre menu
Pour organiser l’ordre dans lequel vous voulez que vos éléments apparaissent, il suffira de sélectionner un élément et de le déplacer vers le bas ou le haut.
N’oubliez pas ensuite de cliquez sur Enregistrer le menu pour valider vos modifications.
Cliquez tout d’abord sur la petite flèche de l’élément que vous cherchez à déplacer. Ensuite en bas de l’élément vous pourrez déplacer l’élément :
- un cran vers le haut
- descendre d’un cran
- sous l’accueil (sous le premier élément de votre menu)
- tout en haut
Maintenant que vous avez créé votre menu, ajouter des éléments dans l’ordre souhaité, il vous reste à indiquer où vous souhaitez voir affiché votre menu.
En effet, WordPress vous donne la possibilité de créer plusieurs menus et d’affecter leur emplacement où bon vous semble.
Dans cet exemple, nous allons définir l’emplacement de notre menu principal en haut de page. Pour cela vous avez deux options possibles :
- Réglages du menu
- Gérer les emplacements
Option 1 : Réglages du menu
Vous pouvez sélectionner l’emplacement de votre menu principal dans les Réglages du menu.
Vous retrouverez différentes cases à cocher en dessous des éléments de votre menu.
Comme vous le voyez dans cet exemple, je pourrai placer mon menu dans trois emplacements possibles. Ceci différera en fonction du thème que vous avez installé vous-même pour votre site WordPress. Dans mon cas, il s’agit de DIVI.
Sélectionnez alors Menu Principal comme emplacement pour le menu que vous venez de créer.
Option 2 : Gérer les emplacements
Jusqu’à présent, nous nous trouvions dans l’onglet Modifier les menus pour ajouter et déplacer les éléments constitutifs de votre menu dans WordPress.
Pour gérer les emplacements, cliquez sur l’onglet « Gérer les emplacements » dans votre gestionnaire de menu. Cela vous permettra de sélectionner quel menu assigner à votre menu principal, si vous en avez créé plusieurs.
N’oubliez pas ensuite de cliquez sur Enregistrer les modifications pour que cela prenne effet.
Comme vous pouvez le voir, vous pourrez assigner les différents menus que vous avez créés à divers emplacements sur votre site WordPress.
Mon thème actuel (DIVI) me permet d’utiliser 3 types de menus. L’onglet Gérer les emplacements différera alors selon le thème que vous utiliserez. Vous pourrez avoir accès à plus ou moins d’emplacement selon votre thème.
Si vous visitez beaucoup de sites internet, vous avez du remarquer que la plupart des sites web ont à peu près le même type de menu.
Celui ci se compose de 5-6 éléments :
- ACCUEIL (page d’accueil recensant les derniers articles)
- A PROPOS (pour en savoir plus sur l’auteur du site ou l’entreprise)
- BLOG (où sont concentré tous les articles du blog)
- RESSOURCES (où se trouve vos éléments de contenu gratuit)
- FORMATION/SERVICES/BOUTIQUE (pour ceux qui proposent leurs services, des formations en ligne ou leur propre produit)
- CONTACT (pour joindre l’auteur pour plus d’informations)
Et quand on y pense, c’est la disposition la plus logique car la plus efficace.
ACCUEIL : le lien vers sa page d’accueil
Mettre un lien vers sa page d’accueil dans son menu est optionnel.
Le fait de cliquer vers le logo d’un site renvoie vers sa page d’accueil. C’est une évidence pour certains, encore que d’autres l’ignorent.
C’est donc à vous de voir si vous voulez intégrer ce lien pour cette dernière catégorie de visiteurs.
Cependant, si votre menu contient déjà de nombreux éléments, je vous recommande d’éviter de l’encombrer davantage.
A PROPOS : pour en savoir plus sur l’auteur du site ou l’entreprise
Cette page est conçue pour vos visiteurs réguliers et permet de créer un lien. Je m’explique.
Souvenez-vous de votre première expérience sur un site ou un blog que vous avez particulièrement apprécié. Vous avez lu un premier article, et parce que vous avez :
- aimé le style de l’auteur,
- découvert quelque chose que vous ignoriez,
- trouvé le contenu très intéressant ou enrichissant…
Vous êtes ensuite parti lire un deuxième article, puis un troisième…
Il est naturel que, à mesure que vous appréciez le contenu d’un blog, vous souhaitiez en savoir plus sur son auteur. Par curiosité, vous allez donc chercher à visiter la page À propos.
Si, en consultant cette page, vous constatez que vous partagez des valeurs ou une vision similaires à celles de l’auteur, cela renforcera votre attachement envers lui et son blog.
Ainsi, vous serez d’autant plus motivé à poursuivre votre exploration et à lire ses publications. C’est pourquoi la création d’une telle page est essentielle et pourquoi il peut être judicieux de l’intégrer dans votre menu.
BLOG : l’endroit où sont concentré tous vos articles
Si vous n’avez pas beaucoup de catégories (idéalement, ne dépassez pas dix catégories), vous pouvez choisir de ne pas les afficher dans votre menu.
À la place, vous pourriez diriger vos lecteurs vers une page regroupant tous vos articles.
RESSOURCES : du contenu gratuit à disposition
Votre page RESSOURCES peut rassembler divers types de contenus :
- votre blog (si vous préférez le présenter en sous-éléments plutôt que directement dans le menu),
- votre podcast ou vos vidéos YouTube,
- des outils recommandés par vous (pour faire gagner du temps à vos visiteurs),
- des freebies (éléments téléchargeable gratuitement en échange d’une adresse email)
Ainsi, vos visiteurs trouveront en un seul endroit l’ensemble de vos contenus gratuits, ce qui leur permettra de se familiariser avec votre pédagogie, votre vision et vos domaines d’expertise.
FORMATION / SERVICES / BOUTIQUE : vos offres payantes
Je n’ai pas besoin de vous expliquer l’importance de cette page, vous l’admettrez.
Si vous vendez des produits numériques ou physiques, il est essentiel d’ajouter un lien qui redirige les visiteurs vers votre boutique en ligne.
Un lecteur intéressé par le contenu que vous partagez gratuitement sur votre blog et d’autres plateformes pourrait être incité à explorer vos offres payantes, ne serait-ce que par curiosité, surtout si votre contenu gratuit lui a déjà apporté de la valeur.
Il est normal que vos contenus payants offrent encore plus de valeur à vos lecteurs.
Cependant, un simple lien vers votre boutique en ligne dans le menu ne suffira pas pour générer des ventes. Vous devrez également intégrer des techniques d’Inbound Marketing, telles que le Marketing de contenu et l’Email Marketing, afin d’apporter davantage de valeur à vos lecteurs et de les guider vers le processus d’achat.
CONTACT : un moyen de joindre l’auteur du site
Vos visiteurs pourraient avoir des questions à propos du contenu que vous publiez, de leurs propres problématiques, ou encore de vos offres payantes.
Dans tous les cas, il est important de pouvoir leur fournir des réponses adaptées.
Notez que si vous intégrez une page de Contact à votre menu, soyez prêt à recevoir des e-mails et à y répondre. Cela implique un engagement de votre part.
Si vous n’avez pas le temps ou la disponibilité pour répondre à ces sollicitations, il vaut mieux ne pas inclure cette page simplement parce que c’est une pratique courante.
Après tout, répondre aux lecteurs qui prennent la peine de vous écrire est un minimum. Vous pouvez également indiquer dans cette page un délai estimé de réponse, pour gérer leurs attentes.
Pour terminer ce tutoriel, nous aborderons l’accès aux propriétés avancés de votre menu. Tout d’abord, cliquez sur Options de l’écran (tout en haut à droite).
Vous pourrez ainsi décider de cocher ces propriétés qui viendront s’ajouter aux éléments de votre menu :
- cible du lien
- attribut du titre
- classe CSS
- relation avec le propriétaire du site lié (XFN)
- description
Cible du lien
En cochant cette case, vous pourrez décider si le lien doit s’ouvrir dans un nouvel onglet ou non. Cela est relativement pratique si vous dirigez votre lecteur vers un site externe.
En effet, si par exemple vous avez une chaîne YouTube, je vous conseillerai de cocher cette case. Cela ouvrira un nouvel onglet vers votre chaîne tout en gardant un onglet vers votre site dans le navigateur de votre lecteur.
D’autant que s’il s’agit d’une chaîne YouTube, votre lecteur “risquera” de regarder plusieurs vidéos à la suite. Il n’est donc pas garanti par la suite qu’il souhaite faire d’éternels retour arrière pour revenir vers votre blog.
En cochant cette case, vous restez au moins dans son navigateur s’il souhaite revenir vers votre blog.
Attribut du titre
Il s’agit de la description du titre de votre élément pour les moteurs de recherche.
Classe CSS
Cela permet d’attribuer une classe CSS à l’élément de menu de votre choix.
Supposons que vous souhaitiez créer un Mega menu pour mettre en évidence vos différentes catégories. C’est souvent le cas pour les boutiques e-Commerce.
Dans l’exemple, passer Blogging en mega menu permet d’avoir un aperçu rapide de tous les éléments qui le compose, favorisant ainsi l’expérience utilisateur.
Pour se faire, j’ai utilisé la classe mega-menu pour l’élément Blogging de ce menu. Puis, j’ai rajouté quelques lignes dans la feuille de style CSS de DIVI pour personnaliser l’affichage du mega menu. Résultat assez sobre comme vous pouvez le voir mais il accentue les différentes sections.
Voila pour ce tutoriel sur la création d’un menu sur WordPress.
Dans le même genre, retrouvez tous les tutoriels WordPress dans ce guide pour créer son site WordPress en maitrisant les bases à connaitre.
Soutenez Pinroo en partageant :
LES ÉPINGLES PINTEREST LIÉES À L’ARTICLE
