Voulez-vous ajouter un menu de navigation à votre site WordPress?

WordPress dispose d’une interface de menu glisser-déposer que vous pouvez utiliser pour créer des menus d’en-tête, des menus avec des options déroulantes, etc.

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

Comment ajouter un menu de navigation dans WordPress

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

Un menu de navigation est une liste de liens qui pointent vers des zones importantes d’un site Web. Ils sont généralement présentés sous la forme d’une barre horizontale avec des liens en haut de chaque page d’un site Web.

Les menus de navigation structurent votre site Web et aident les visiteurs à trouver ce qu’ils recherchent. Voici à quoi ressemble le menu de navigation dans WPBeginner:

Le menu de navigation WPBeginner

WordPress facilite l’ajout de menus et de sous-menus. Vous pouvez ajouter des liens vers le vôtre pages principales, Catégories ou sujets, articles de blog et même des liens personnalisés comme votre profil de réseau social.

L’emplacement exact de votre menu dépendra du vôtre Thème WordPress. La plupart des thèmes ont plusieurs options afin que vous puissiez créer différents menus qui peuvent être affichés à différents endroits.

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

Didacticiel vidéo

Abonnez-vous à WPBeginner

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

Créez votre premier menu de navigation personnalisé

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

Créer un menu dans WordPress

Vous devez d’abord saisir un nom pour votre menu, par exemple B. «Menu de navigation supérieur», puis cliquez sur le bouton «Créer un menu». Cela élargira la zone de menu et ressemblera à ceci:

Un menu nouvellement créé dans WordPress

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

Tout d’abord, cliquez sur l’onglet « Afficher tout » pour voir toutes les pages de votre site. Ensuite, cliquez sur la case à côté de chaque page que vous souhaitez ajouter à votre menu, puis cliquez sur le bouton «Ajouter au menu».

Ajout d'éléments au menu de navigation

Une fois vos pages ajoutées, vous pouvez les faire glisser et les déposer.

Faites glisser et déposez un élément pour le déplacer dans le menu

Noter: Tous les menus ont leurs éléments répertoriés dans une liste verticale (de haut en bas) dans l’éditeur de menus. Lorsque vous mettez le menu en direct sur votre site, il apparaîtra verticalement ou horizontalement (de gauche à droite) en fonction de l’emplacement que vous choisissez.

La plupart des sujets ont des emplacements différents dans lesquels vous pouvez placer des menus. Dans cet exemple, nous utilisons le thème 2020 par défaut avec 5 emplacements différents.

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

Sélection de l'emplacement d'affichage de votre menu

Conseil: Si vous ne savez pas où se trouve chaque emplacement, enregistrez le menu à différents endroits, puis visitez votre site Web pour voir à quoi il ressemble. Vous ne souhaitez probablement pas utiliser tous les emplacements, mais vous pouvez en utiliser plusieurs.

Voici notre menu fini sur le site:

Menu de navigation en direct terminé

Créer des 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 de haut niveau et de haut niveau. Si vous déplacez le pointeur de la souris sur un élément parent, tous les éléments enfants sont affichés dans un sous-menu ci-dessous.

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

Ajouter des éléments de menu en tant que sous-humains

Voici le sous-menu en direct sur le site:

Un sous-menu déroulant dans la navigation du site

Vous pouvez même ajouter plusieurs couches de listes déroulantes afin que votre sous-menu puisse contenir un sous-menu. Cela peut entraîner un encombrement 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 enfant de ‘Services’) a deux enfants qui lui sont propres.

Un menu déroulant imbriqué

Ajouter des catégories aux menus WordPress

Si vous utilisez WordPress pour gérer un blog, vous voudrez peut-être ajouter votre blog Catégories de blog sous forme de liste déroulante dans votre menu WordPress. Nous faisons cela sur WPBeginner:

Le menu WPBeginner affiche la liste déroulante des catégories

Vous pouvez facilement ajouter des catégories à votre menu en cliquant sur l’onglet Catégories sur le côté gauche de l’écran du menu. Vous devrez peut-être également cliquer sur l’onglet Afficher tout pour voir toutes vos catégories.

Sélectionnez simplement les catégories que vous souhaitez ajouter au menu, puis cliquez sur le bouton «Ajouter au menu».

Ajouter des catégories à votre menu

Les catégories apparaissent comme des éléments de menu normaux au bas de votre menu. Vous pouvez les faire glisser et les déposer en position. Nous placerons toutes ces catégories sous l’élément de menu Blog.

Ajoutez les catégories sous l'élément de menu

Souhaitez-vous avoir une page de blog sur votre site Web distincte de votre page d’accueil? Si tel est le cas, lisez notre tutoriel sur Comment créer une page d’article de blog séparée dans WordPress.

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

En plus des catégories et des pages, WordPress facilite également l’ajout de liens personnalisés à votre menu. Vous pouvez l’utiliser pour créer un lien sur vos profils de médias sociaux Magasin en ligneet / ou d’autres sites Web dont vous êtes propriétaire.

Vous devez utiliser l’onglet Liens personnalisés sur l’écran de menu. Ajoutez simplement le lien avec le texte que vous souhaitez utiliser dans votre menu.

Ajouter un lien personnalisé vers Twitter au menu

Vous pouvez même faire preuve de créativité et Ajoutez des icônes de réseaux sociaux à votre menu.

Menu des médias sociaux

Modifier ou supprimer un élément de menu dans les menus de navigation 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.

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

Développez un élément de menu pour modifier son nom

Ici, vous pouvez modifier le nom de l’élément de menu. Ici, vous pouvez également cliquer sur « Supprimer » pour supprimer complètement le lien de votre menu.

Si vous rencontrez des problèmes avec l’interface glisser-déposer, vous pouvez également déplacer l’élément de menu en cliquant sur le lien «Déplacer» approprié.

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

Vous n’êtes pas obligé de vous limiter aux emplacements d’affichage de votre sujet. Vous pouvez ajouter des menus de navigation dans n’importe quelle zone qui utilise des widgets, tels que: Barre latérale ou pied de page.

Allez simplement à Apparence »Widgets et ajoutez 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 ».

Ajouter un menu en tant que widget de la barre latérale

Voici un exemple de menu de pied de page WordPress personnalisé basé sur celui-ci Site Web de Syed Balkhi.

Exemple de menu de pied de page WordPress - Syed Balkhi

Continuer avec les menus de navigation

Si vous voulez créer un menu vraiment épique avec beaucoup de liens, nous avons un tutoriel dessus comment créer un méga menu dans WordPress. Cela vous permet de créer un menu déroulant avec de nombreux éléments, y compris des images.

Aperçu du méga menu

Les méga menus sont une excellente option lorsque vous avez un grand site, tel que Magasin en ligne ou page d’actualités. Ce type de menu est utilisé par des sites Web comme Reuters, Buzzfeed, Starbucks, etc.

FAQ sur les menus WordPress

Voici quelques-unes des questions les plus fréquemment posées par les débutants sur les menus de navigation WordPress.

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

Pour ajouter votre page d’accueil à un menu de navigation, cliquez sur l’onglet Afficher tout sous Pages. De là, vous devriez voir votre page d’accueil.

Ajouter la page d'accueil au menu de navigation WordPress

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

2. Comment ajouter plusieurs menus de navigation dans WordPress?

Vous pouvez créer autant de menus que vous le souhaitez dans WordPress. Pour placer un menu sur votre site Web, vous devez l’ajouter à l’un des éléments de menu de votre sujet ou à une zone de widget comme indiqué ci-dessus.

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

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

Gérer les positions de menu dans WordPress

Ici, vous pouvez sélectionner le menu que vous souhaitez afficher dans les positions de menu disponibles dans votre rubrique.

Si vous souhaitez ajouter un nouvel emplacement de menu à votre site, consultez notre tutoriel ci-dessous Comment 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 voudrez peut-être également lire nos guides sur la façon de le faire Style des menus de navigation dans WordPress et comment Créez un menu de navigation flottant collant dans WordPress.

Si vous avez apprécié cet article, veuillez vous abonner au nôtre chaîne Youtube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.





Source link

Recent Posts