Comment ajouter un menu de navigation dans WordPress (Guide du débutant)

Nov 20, 2021
admin

Vous voulez ajouter un menu de navigation à votre site WordPress ?

WordPress est livré avec une interface de menu par glisser-déposer que vous pouvez utiliser pour créer des menus d’en-tête, des menus avec des options déroulantes, et plus encore.

Dans ce guide étape par étape, nous vous montrerons comment ajouter facilement un menu de navigation dans WordPress.

Qu’est-ce qu’un menu de navigation ?

Un menu de navigation est une liste de liens pointant vers des zones importantes d’un site Web. Ils sont généralement présentés comme une barre horizontale de liens en haut de chaque page d’un site web.

Les menus de navigation donnent une structure à votre site et aident les visiteurs à trouver ce qu’ils recherchent. Voici à quoi ressemble le menu de navigation sur WPBeginner:

WordPress rend vraiment facile l’ajout de menus et de sous-menus. Vous pouvez ajouter des liens vers vos pages les plus importantes, des catégories ou des sujets, des articles de blog, et même des liens personnalisés tels que votre profil de médias sociaux.

L’emplacement exact de votre menu dépendra de votre thème WordPress. La plupart des thèmes auront plusieurs options, de sorte que vous pouvez créer différents menus qui peuvent être affichés à différents endroits.

Par exemple, la plupart des thèmes WordPress sont livrés avec un menu principal qui apparaît en haut. Certains thèmes peuvent inclure un menu secondaire, un menu de pied de page ou un menu de navigation mobile également.

Tutoriel vidéo

S’abonner à WPBeginner

Si vous préférez des instructions écrites, continuez à lire.

Créer votre premier menu de navigation personnalisé

Pour créer un menu de navigation, vous devez visiter la page Apparence  » Menus dans votre tableau de bord d’administration WordPress.

D’abord, vous devez fournir un nom pour votre menu, comme  » Menu de navigation supérieur « , puis cliquez sur le bouton  » Créer le menu « . Cela développera la zone de menu, et elle ressemblera à ceci :

Puis, vous pouvez choisir les pages que vous souhaitez ajouter au menu. Vous pouvez soit ajouter automatiquement toutes les nouvelles pages de premier niveau, soit sélectionner des pages spécifiques dans la colonne de gauche.

D’abord, cliquez sur l’onglet ‘Afficher tout’ pour voir toutes les pages de votre site. Après cela, cliquez sur la case à côté de chacune des pages que vous voulez ajouter à votre menu, puis cliquez sur le bouton ‘Ajouter au menu’.

Une fois que vos pages ont été ajoutées, vous pouvez les déplacer en les faisant glisser et en les déposant.

Note : Tous les menus ont leurs éléments listés dans une liste verticale (de haut en bas) dans l’éditeur de menu. Lorsque vous mettez le menu en direct sur votre site, il s’affichera soit verticalement, soit horizontalement (de gauche à droite), selon l’emplacement que vous avez sélectionné.

La plupart des thèmes ont plusieurs emplacements différents où vous pouvez mettre des menus. Dans cet exemple, nous utilisons le thème 2020 par défaut, qui dispose de 5 emplacements différents.

Après avoir ajouté des pages au menu, sélectionnez l’emplacement où vous souhaitez afficher le menu et cliquez sur le bouton ‘Enregistrer le menu’.

Tip : si vous n’êtes pas sûr de l’emplacement de chacun, essayez d’enregistrer le menu à différents endroits, puis visitez votre site pour voir à quoi il ressemble. Vous ne voudrez probablement pas utiliser tous les emplacements, mais vous pourriez en utiliser plusieurs.

Voici notre menu terminé sur le site :

Création de menus déroulants dans WordPress

Les menus déroulants, parfois appelés menus imbriqués, sont des menus de navigation avec des éléments de menu parents et enfants. Lorsque vous passez votre curseur sur un élément parent, tous les éléments enfants apparaissent en dessous dans un sous-menu.

Pour créer un sous-menu, faites glisser un élément sous l’élément parent, puis faites-le glisser légèrement vers la droite. Nous avons fait cela avec 3 sous-éléments sous  » Services  » dans notre menu :

Voici le sous-menu en direct sur le site :

Vous pouvez même ajouter plusieurs couches de liste déroulante, afin que votre sous-menu puisse avoir un sous-menu. Cela peut finir par avoir l’air un peu encombré, et de nombreux thèmes ne prennent pas en charge les menus déroulants multicouches.

Dans cet exemple, vous pouvez voir que ‘Logo Design’ (un élément enfant de ‘Services’) a deux éléments enfants de son propre.

Ajouter des catégories aux menus WordPress

Si vous utilisez WordPress pour gérer un blog, alors vous pouvez vouloir ajouter les catégories de votre blog comme un menu déroulant dans votre menu WordPress. Nous faisons cela sur WPBeginner:

Vous pouvez facilement ajouter des catégories à votre menu en cliquant sur l’onglet Catégories sur le côté gauche de l’écran Menus. Vous pouvez également avoir besoin de cliquer sur l’onglet ‘Afficher tout’ pour voir toutes vos catégories.

Sélectionnez simplement les catégories que vous voulez ajouter au menu, puis cliquez sur le bouton ‘Ajouter au menu’.

Les catégories apparaîtront comme des éléments de menu réguliers au bas de votre menu. Vous pouvez les faire glisser et les déposer en position. Nous allons placer toutes ces catégories sous l’élément de menu Blog.

Voulez-vous avoir une page de blog sur votre site qui soit séparée de votre page d’accueil ? Si oui, consultez notre tutoriel sur la façon de créer une page séparée pour les articles de blog dans WordPress.

Ajouter des liens personnalisés à vos menus de navigation WordPress

En dehors des catégories et des pages, WordPress rend également super facile l’ajout de liens personnalisés à votre menu. Vous pouvez l’utiliser pour créer des liens vers vos profils de médias sociaux, votre boutique en ligne, et / ou d’autres sites Web que vous possédez.

Vous devrez utiliser l’onglet  » Liens personnalisés  » sur l’écran du menu. Il suffit d’ajouter le lien ainsi que le texte que vous voulez utiliser dans votre menu.

Vous pouvez même être créatif et ajouter des icônes de médias sociaux dans votre menu.

Modification ou suppression d’un élément de menu dans les menus de navigation de WordPress

Lorsque vous ajoutez des pages ou des catégories à votre menu de navigation personnalisé, WordPress utilise le titre de la page ou le nom de la catégorie comme texte du lien. Vous pouvez changer cela si vous le souhaitez.

Tout élément de menu peut être modifié en cliquant sur la flèche vers le bas à côté de lui.

Vous pouvez changer le nom de l’élément de menu ici. C’est également ici que vous pouvez cliquer sur « Supprimer » pour retirer complètement le lien de votre menu.

Si vous avez du mal avec l’interface de glisser-déposer, alors vous pouvez également déplacer l’élément de menu en cliquant sur le lien ‘Move’ approprié.

Ajouter des menus WordPress dans les barres latérales et les pieds de page

Vous n’avez pas à vous en tenir aux emplacements d’affichage de votre thème. Vous pouvez ajouter des menus de navigation dans n’importe quelle zone qui utilise des widgets, comme votre barre latérale ou votre pied de page.

Il suffit d’aller dans Apparence  » Widgets et d’ajouter le widget  » Menu de navigation  » à votre barre latérale. Ensuite, ajoutez un titre pour le widget et choisissez le bon menu dans la liste déroulante ‘Sélectionner le menu’.

Voici un exemple de menu de pied de page WordPress personnalisé construit sur le site de Syed Balkhi.

Aller plus loin avec les menus de navigation

Si vous voulez créer un menu vraiment épique avec des tas de liens, nous avons un tutoriel sur la façon de créer un méga menu dans WordPress. Cela vous permet de créer un menu déroulant avec beaucoup d’éléments, y compris des images.

Les méga menus sont une excellente option si vous avez un grand site, comme une boutique en ligne ou un site d’information. Ce type de menu est utilisé par des sites comme Reuters, Buzzfeed, Starbucks, etc.

FAQs About WordPress Menus

Voici quelques-unes des questions les plus courantes que nous entendons de la part des débutants à propos des menus de navigation WordPress.

1. Comment puis-je ajouter un lien de page d’accueil à un menu WordPress ?

Pour ajouter votre page d’accueil à un menu de navigation, vous devrez cliquer sur l’onglet  » View All  » sous Pages. De là, vous devriez voir votre page d’accueil.

Cochez la case à côté de ‘Accueil’ et cliquez sur ‘Ajouter au menu’. N’oubliez pas d’enregistrer vos modifications.

2. Comment ajouter plusieurs menus de navigation dans WordPress ?

Dans WordPress, vous pouvez créer autant de menus que vous le souhaitez. Pour placer un menu sur votre site web, vous devrez l’ajouter à l’un des emplacements de menu de votre thème, ou à une zone de widgets comme nous l’avons montré ci-dessus.

Pour ajouter plusieurs menus de navigation à votre site WordPress, créez d’abord les menus en suivant notre tutoriel ci-dessus.

Pour les placer sur votre site, cliquez sur l’onglet  » Gérer les emplacements « .

À partir de là, vous pouvez sélectionner le menu que vous souhaitez afficher dans les emplacements de menu qui sont disponibles dans votre thème.

Si vous souhaitez ajouter un nouvel emplacement de menu à votre site, consultez notre tutoriel sur la façon d’ajouter des menus de navigation personnalisés aux thèmes WordPress.

Nous espérons que cet article vous a aidé à apprendre comment ajouter un menu de navigation dans WordPress. Vous pouvez également consulter nos guides sur la façon de styliser les menus de navigation sur WordPress et sur la façon de créer un menu de navigation flottant collant sur WordPress.

Si vous avez aimé cet article, alors abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.