WordPress: Comment créer un menu déroulant dans WordPress (Guide du débutant)

WordPress: Comment créer un menu déroulant dans WordPress (Guide du débutant)

Vous souhaitez créer un et l’ajouter à votre site ?

Un affiche une liste de liens lorsque vous passez votre souris sur un élément du menu.

Nous utilisons un sur WPBeginner, allez-y et passez votre souris sur le menu de navigation en haut.

Dans ce guide du débutant, nous allons vous montrer comment créer facilement un dans avec des instructions étape par étape.

Créer un menu déroulant dans WordPress

Pourquoi utiliser les menus déroulants dans ?

est livré avec un système de gestion de menus intégré qui vous permet d’ajouter facilement des menus de navigation à votre site .

Les menus de navigation sont des liens vers les pages principales de votre site Web qui apparaissent généralement en haut sous la forme d’une ligne horizontale juste à côté du logo du site Web.

Menu de navigation typique avec une rangée horizontale de liens

Si vous démarrez un blog ou créez un site Web avec seulement quelques pages, vous pouvez les ajouter sur une seule ligne.

Cependant, si vous exploitez une boutique en ligne ou un grand site Web, vous souhaiterez peut-être ajouter plus de liens au menu de navigation.

Les menus déroulants vous aident à résoudre le problème d’espace limité en affichant les liens de menu uniquement lorsque les utilisateurs placent leur souris sur un élément parent. Ils vous permettent également d’organiser la structure du menu par thèmes ou par hiérarchie.

Exemple de menu déroulant

Enfin, ils ont l’air très joli aussi.

Cela étant dit, voyons maintenant comment créer facilement des menus déroulants pour les ajouter à votre site Web.

Didacticiel vidéo

Abonnez-vous à WPBeginner

Si vous n’aimez pas la vidéo ou si vous avez besoin de plus d’instructions, continuez à lire.

Étape 1. Choisir un thème avec prise en charge du

est livré avec un système de gestion de menus intégré, mais l’affichage de ces menus dépend entièrement de votre thème .

Presque tous les thèmes prennent en charge les menus déroulants par défaut. Cependant, certains thèmes peuvent ne pas avoir un support de menu approprié.

Vous devez vous assurer que vous utilisez un thème qui prend en charge les menus déroulants.

Comment savoir si le thème que vous utilisez prend en charge le ?

Vous pouvez simplement visiter le site Web du thème où vous trouverez un lien vers la démo du thème. De là, vous pouvez voir si la démo affiche un dans le menu de navigation.

Si ce n’est pas le cas, vous devrez trouver un thème qui le fait.

Consultez notre guide sur la façon de choisir le thème parfait pour votre site Web.

Voici quelques excellents thèmes qui prennent en charge le prêt à l’emploi.

  • Astra – C’est un thème polyvalent qui comprend plusieurs sites de démarrage et des tonnes de fonctionnalités.
  • Thèmes StudioPress – Construits sur le framework de thèmes Genesis, ces thèmes professionnels sont hautement optimisés pour les performances.
  • OceanWP – Un thème populaire qui convient à tous les types de sites Web.
  • Ultra – Propulsé par le constructeur Themify, ce thème par glisser-déposer est livré avec de beaux modèles et des options de thème flexibles.
  • Divi – thème populaire d’Elegant Themes qui utilise le générateur de page Divi et est livré avec des tonnes de fonctionnalités de glisser-déposer, y compris des menus déroulants.

Cela étant dit, voyons maintenant comment créer un .

Étape 1. Création d’un menu de navigation dans

Si vous avez déjà configuré un menu de navigation sur votre site Web, vous pouvez passer à l’étape suivante.

Créons d’abord un menu simple.

Aller à Apparence » Menus page et cliquez sur le lien « Créer un nouveau menu » en haut.

Créer un menu

Ensuite, vous devez donner un nom à votre menu de navigation. Ce nom ne sera pas visible publiquement sur votre site Web. Le nom du menu a pour but de vous aider à identifier le menu dans la zone d’administration de .

Nom du menu

Saisissez un nom pour votre menu, puis cliquez sur le bouton « Créer un menu ».

va maintenant créer un nouveau menu vide pour vous.

Ajoutons les liens supérieurs au menu de navigation. Ces éléments apparaîtront dans la rangée supérieure de votre menu.

Sélectionnez simplement les pages que vous souhaitez ajouter dans la colonne de gauche et cliquez sur le bouton « Ajouter au menu ». Vous pouvez également sélectionner des articles de blog, des catégories ou ajouter des liens personnalisés.

Ajouter des pages au menu

Vous verrez maintenant ces pages apparaître dans la colonne de droite sous votre nouveau menu.

Étape 2. Ajout de sous-éléments à un menu

Les sous-éléments sont les éléments qui apparaîtront dans le . Selon la façon dont vous souhaitez organiser vos menus, vous pouvez les ajouter sous l’un des éléments existants.

Pour ce tutoriel, nous ajouterons des catégories sous le lien du blog.

Sélectionnez simplement les éléments que vous souhaitez ajouter dans la colonne de gauche, puis cliquez sur le bouton « Ajouter au menu ». Vos articles apparaîtront maintenant dans la colonne de droite.

Nouveaux éléments de menu ajoutés au menu

Cependant, ces liens apparaîtront comme des éléments réguliers. Nous devons en faire un sous-élément d’un menu parent.

Vous pouvez simplement faire glisser et déposer un élément de menu et le placer sous l’élément parent. Déplacez-le légèrement vers la droite et il deviendra un sous-élément.

Ajout d'éléments de sous-menu pour créer un menu déroulant

Répétez le processus pour tous les liens que vous souhaitez afficher dans le .

Une fois que vous avez terminé, n’oubliez pas de cliquer sur le bouton « Enregistrer le menu » pour enregistrer vos modifications.

Étape 3. Publiez votre

Si vous modifiez un menu qui est déjà en ligne sur votre site Web, il commencera immédiatement à apparaître sur votre site Web.

Cependant, s’il s’agit d’un nouvel élément de menu, vous devez maintenant choisir un emplacement de thème pour afficher ce menu.

Les thèmes peuvent afficher des menus à différents endroits. Chaque thème définit ses propres emplacements de menu et vous pouvez sélectionner le menu que vous souhaitez y afficher.

Vous trouverez cette option dans la colonne de droite sous « Paramètres du menu ». Sélectionnez une option à côté du paramètre « Afficher l’emplacement » et cliquez sur le bouton « Enregistrer le menu ».

Choisissez l'emplacement du thème

Vous pouvez maintenant visiter votre site Web pour voir votre en action.

Aperçu du menu déroulant

Conseils sur la création de menus déroulants interactifs

Les menus de navigation sont importants car c’est le premier endroit où vos utilisateurs regarderont s’ils veulent voir des informations spécifiques.

Les utiliser correctement aidera vos utilisateurs à se repérer sur votre site Web. Cela vous aidera également à obtenir plus de pages vues, de conversions et de ventes sur votre site Web.

Voici quelques conseils pour rendre vos menus de navigation plus interactifs grâce aux menus déroulants.

1. Vous pouvez créer des menus déroulants à plusieurs niveaux

Faire d’un lien un sous-élément d’un autre lien le fait apparaître dans le . Vous pouvez également ajouter un sous-élément sous un autre sous-élément pour créer des menus déroulants à plusieurs niveaux.

Menus à plusieurs niveaux

Votre thème les afficherait automatiquement sous forme de sous-menu dans la liste déroulante.

Menu déroulant à plusieurs niveaux

2. Vous pouvez également créer plusieurs menus déroulants

Vous pouvez créer une liste déroulante sous n’importe quel lien supérieur dans votre menu. Vous pouvez même ajouter plusieurs menus déroulants dans votre menu de navigation principal.

Plusieurs menus déroulants dans le menu principal

3. Créez des menus avec un aperçu en direct

Si votre menu devient trop compliqué, vous pouvez passer à l’aperçu visuel. Aller à Apparence » Personnaliser pour lancer le personnalisateur de thème en direct.

À partir de là, cliquez sur l’onglet « Menus », puis sélectionnez votre menu de navigation. Vous verrez maintenant un éditeur de menu glisser-déposer dans la colonne de gauche avec un aperçu en direct de votre site dans le panneau de droite.

Personnalisez les menus WordPress avec un aperçu en direct

4. Création d’un grand méga dans

Les menus déroulants n’affichent qu’un seul à la fois. Et si vous vouliez afficher la structure complète de votre site Web sous la forme d’un méga menu qui n’apparaît que lorsque les utilisateurs survolent le menu principal ?

Exemple de méga menu

Les méga-menus apparaissent sous forme de , mais ils peuvent afficher beaucoup plus de liens, de sous-menus, etc. Pour des instructions détaillées, consultez notre tutoriel étape par étape sur la façon de créer un méga menu dans .

Nous espérons que cet article vous a aidé à apprendre à créer facilement un dans . Vous pouvez également consulter notre guide sur la création d’un menu de navigation flottant collant dans et sur l’ajout d’icônes d’image aux menus de navigation dans .

Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour des didacticiels vidéo . Vous pouvez également nous retrouver sur Twitter et Facebook.

.

All the CMS Templates You Could Ask For.

WordPress: Comment créer un menu déroulant dans WordPress (Guide du débutant)

2M+ items from the worlds largest marketplace for CMS TemplatesEnvato Market.



WordPress: Comment créer un menu déroulant dans WordPress (Guide du débutant)

#Comment #créer #menu #déroulant #dans # #Guide #débutant