Créer un menu sur un site WordPress est une étape essentielle, étant donné qu’un menu est présent sur tout site web.
L’objectif principal d’un menu est de rendre l’expérience utilisateur plus fluide, facilitant ainsi la navigation pour vos visiteurs.
C’est précisément dans cette optique que je souhaite vous proposer un tutoriel détaillé, vous guidant à travers toutes les étapes de la création d’un menu dans WordPress.
Nous allons commencer par créer votre menu principal. Il s’agit du menu qui figurera sur toutes vos pages et articles.
Rien ne vous empêchera par la suite de créer d’autres menus en fonction de vos besoins.
Tout d’abord, pour créer votre menu principal, allez dans Apparence > Menu Puis, tapez Menu principal dans 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, il est possible d’intégrer ces dernières à votre menu.
Pour cela, dans Ajouter des éléments de menu, cliquez tout d’abord sur la petite flèche de l’élément Pages. Celle-ci fera défiler l’ensemble des pages que vous avez créé.
Enfin, il ne vous restera plus qu’à sélectionner les pages que vous souhaitez intégrer à votre menu. Pour finir, cliquez sur Ajouter au menu.
Comme vous le voyez ma page A propos s’intitule “A propos de l’auteur”. C’est le nom que je lui ai donné quand je l’ai créé.
Pour autant, le nom étant trop long pour un menu, je vais donc chercher à le raccourcir.
De ce fait, pour changer le nom de la page qui s’affiche dans votre menu, cliquez sur la petite flèche liée à l’élément de la page en question.
Puis changez dans Titre de la navigation l’intitulé de votre page tel que vous voulez qu’il apparaisse dans votre menu.
Pour finir, cliquez sur Enregistrer le menu pour valider vos modifications.
Ajouter une catégorie
Vous pourriez vouloir mettre en avant les catégories d’un blog nouvellement créé.
En cliquant sur une catégorie, votre lecteur aura dès lors accès à tous les articles liés à cette catégorie.
Cela étant dit, pour ajouter une catégorie le principe reste le même qu’avec une page.
Premièrement, cliquez sur la petite flèche de l’élément Catégories. Celle ci fera défiler toutes les catégories que vous avez créé jusqu’alors.
Deuxièmement, sélectionner les catégories que vous souhaitez 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, supposons que Web Marketing soit une de mes 3 catégories principales. C’est aussi la catégorie parente de la catégorie :
- Email Marketing
- Inbound Marketing
- Réseaux sociaux
Supposons que je cherche à mettre en avant cette hiérarchie. Pour cela, je vais passer en sous-élément les catégories qui composent ma catégorie parente.
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.
- 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 notre 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 puor 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.
Du coup, dans votre gestionnaire de menu, cliquez sur l’onglet Gérer les emplacements.
Vous pourrez ainsi sélectionner quel menu vous assignez à 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 le voyez, vous pourrez assigner les menus créés de votre choix à différents 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.
- 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)
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.
Maintenant si vous avez déjà beaucoup d’éléments dans votre menu, je vous conseillerai de vous abstenir de surcharger davantage votre menu.
A PROPOS : pour en savoir plus sur l’auteur du site ou sur l’entreprise
Cette page va servir à vos visiteurs réguliers et permettra de créer un lien. Je m’explique.
Rappelez vous de votre première expérience sur un site ou blog que vous avez apprécié. Vous avez lu un premier article, et parce que vous avez :
- aimé le style de l’auteur,
- appris quelque chose que vous ignorez jusqu’alors, ou
- trouvé le contenu très intéressant ou très enrichissant…
Vous êtes ensuite parti lire un deuxième article, puis un troisième…
C’est tout naturellement parce que vous commencez à apprécier le contenu du blog que vous pouvez être amené à vouloir en savoir un peu plus sur son auteur. C’est donc par curiosité que vous allez chercher à visiter cette page A propos.
Maintenant si en lisant cette page vous vous rendez compte que vous partagez par exemple les mêmes valeurs ou la même façon de voir les choses que l’auteur, cela ne fera que renforcer votre attachement envers cet auteur et son blog.
Tant et si bien que cela ne fera que renforcer votre envie de continuer l’aventure avec lui et de continuer à lire ce qu’il partage.
Voilà pourquoi il est indispensable de créer une telle page et pourquoi il peut être intéressant pour vous 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 (ce qui est recommandé, au delà de 10 penser à réduire) vous pouvez vous abstenir de les faire figurer dans votre menu.
À la place, vous pouvez diriger vos lecteurs vers une page qui recensera tous vos articles.
RESSOURCES : les éléments de contenu gratuit
Votre page RESSOURCES peut regrouper plusieurs types d’éléments :
- votre blog (s’il vous préférez le faire apparaitre en sous-éléments plutôt que directement dans votre menu)
- votre podcast ou vidéos YouTube
- des outils recommandés par l’auteur (pour faire gagner du temps à vos visiteurs)
- des freebies (éléments téléchargeable gratuitement en échange d’une adresse email)
Votre visiteur retrouvera alors dans un même endroit l’ensemble de vos contenus gratuit pour pouvoir commencer à se faire à votre pédagogie, votre façon de voir les choses et domaines d’expertise…
FORMATION / SERVICES / BOUTIQUE : toutes vos offres payantes
Naturellement, je n’ai pas à vous expliquer l’utilité de cette page. Vous en conviendrez.
Si vous vendez des produits numériques ou physiques, il est évident que vous devez ajouter un lien renvoyant votre visiteur vers votre boutique en ligne.
Un lecteur intéressé par le contenu que vous partagez gratuitement sur votre blog et autres plateformes pourrait être tenté de voir ce que vous proposez à la vente. Ne serait ce que par curiosité si vous lui avez déjà apporté beaucoup de valeur de part votre contenu gratuit.
Il est tout à fait normal que le contenu payant n’apportera que davantage de valeur à son lecteur.
Bien sûr, un simple lien vers votre boutique en ligne dans votre menu ne suffira pas pour réaliser des ventes. À cela vous devrez intégrer de surcroît des techniques d’Inbound Marketing : Marketing de contenu et d’Email Marketing pour apporter toujours plus de valeur à votre lecteur et le diriger vers le processus d’achat.
CONTACT : un moyen de joindre l’auteur du site
Vos visiteurs pourraient avoir des questions à vous poser quant au contenu que vous publiez, aux propres problèmes qu’ils rencontrent ou encore des questions concernant vos offres payantes.
Dans tous les cas, vous devez être en mesure d’apporter des réponses à leurs questions.
Notez que si vous intégrez une page de Contact à votre menu, attendez vous à recevoir des mails. Vous devez donc vous engagez à répondre à ces mails.
Si vous n’êtes pas prêt à investir votre temps pour répondre à vos visiteurs, n’intégrez pas cette page juste sous motif que tout le monde en a une sur son site.
Parce que répondre à des lecteurs qui ont pris la peine de vous écrire est quand même la moindre des choses. Après quoi, vous pouvez préciser dans cette page le délai qu’ils peuvent estimer attendre pour recevoir une réponse de votre part.
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
