WordPress
time_read22mn de lecture

Comment créer un menu déroulant dans WordPress ?

30 août 2022

Comment créer un menu déroulant dans WordPress ?

Avec WordPress, vous pouvez créer un site en quelques minutes et ajuster son design avec la plus grande facilité. C’est dans ce contexte que même la création d’un menu déroulant ne vous prendra que quelques minutes.🤗

Un menu déroulant est un outil puissant pour économiser de l’espace sur l’interface publique d’un site WordPress qui a beaucoup de pages. Et comme vous l’avez sans doute déjà remarqué, un menu déroulant n’affiche des pages qu’à l’action d’un internaute (au survol ou lors d’un clic). Comment créer un menu déroulant sur WordPress ? Lisez cet article et découvrez les deux méthodes les plus utilisées.🤭

Objectif

Ce tutoriel vous donne les détails sur deux façons de créer un menu déroulant sur un site WordPress. À travers ces explications, vous pouvez le faire dès aujourd’hui tout seul, sans faire appel à un développeur.😉

Prérequis 

Comment créer un menu déroulant dans WordPress : 2 méthodes

Un menu déroulant est toujours utile si vous souhaitez afficher beaucoup de pages sans encombrer l’interface publique de votre site. Mais c’est aussi un moyen pour mettre en avant les pages les plus importantes de votre site. Ce qui améliore à l’occasion l’expérience utilisateur de vos lecteurs, car ils trouvent facilement les contenus qu’ils cherchent.

La structure d’un menu déroulant est différente de celle d’un menu fixe. En effet, le premier affiche directement les pages sans nécessiter l’action de l’internaute. Dans le second, le visiteur doit soit survoler ou cliquer sur le menu afin d’afficher les pages imbriquées.

La création d’un menu déroulant reste un processus très simple. Et vous n’avez pas besoin des compétences techniques pour commencer. Voici deux méthodes que vous devez utiliser :

1. Créer manuellement le menu déroulant WordPress

La méthode manuelle utilise la fonctionnalité native de création de menu de WordPress. Pour ce faire, connectez-vous à l’espace d’administration de votre site. Ensuite, rendez-vous dans la section « Apparence › menus ».Apparence/menus Une nouvelle interface vous sera présentée. Saisissez le nom du menu déroulant dans la zone prévue. Ensuite, cliquez sur le bouton « Créer le menu ».créer un nouveau menu deroulant Votre menu sera créé et vous devez maintenant le configurer. Tout d’abord, vous devez ajouter les éléments nécessaires que vous souhaitez afficher.

Les éléments que vous pouvez ajouter sont entre autres les pages, les articles, les liens personnalisés et les catégories. Vous les trouvez dans la colonne de gauche sur la même interface. Pour ajouter les éléments au menu, cochez les cases respectives puis cliquez sur le bouton « Ajouter au menu ». Une fois que vous avez terminé, cliquez sur le bouton « Enregistrer le menu ».ajouter les éléments au menu

Une fois que vous avez terminé, les éléments ajoutés seront affichés sous le menu. Mais jusqu’ici, votre menu sera toujours affiché comme « Menu fixe ».

Pour qu’il soit déroulant, utilisez simplement votre curseur et déplacez les éléments ajoutés une fois, vers le côté droit. WordPress va alors les interpréter comme des sous-éléments et par conséquent constituer le menu déroulant.glisser les éléments du menu à droite Une fois que vous avez terminé, cliquez sur le bouton « Enregistrer le menu ». Votre menu déroulant est maintenant créé.

Vous devez ensuite choisir un emplacement pour votre menu. Le nombre d’emplacements dépend du thème actif sur votre site. Pour notre exemple, nous avons choisi le menu principal comme emplacement. Cela veut dire que le menu déroulant créé sera affiché dans l’en-tête du site.

choisir l'emplacement du menuUne fois que les modifications sont enregistrées, le menu déroulant sera publié.publication du menu Vous pouvez en outre créer un menu déroulant multi-niveaux, il suffit de basculer les éléments à droite pour qu’ils soient considérés comme des sous-éléments.créer un menu multiniveauUne fois que vous le publiez, voilà les résultats.👇menu déroulant à plusieurs niveaux Si vous souhaitez ajuster le style des éléments du menu déroulant, accédez aux options de l’écran et cochez l’option « Classes CSS ».cocher l'option Classes CSS facultatives Vous pouvez ensuite accéder à chaque élément du menu et ajouter du code CSS afin de modifier son affichage.modifier le style de l'élément du menuVous devez toujours enregistrer vos modifications afin que le menu soit mis à jour.

2. Créer un menu déroulant avec un plugin

Il existe plusieurs plugins pour créer un menu déroulant sur WordPress. Le plus facile à configurer est sans doute Max Mega Menu. Pour ce faire, accédez au référentiel de plugins WordPress et recherchez cette extension.installer le plugin Max Mega Menu Après installation et activation, rendez-vous dans la section « Mega Menu ».Mega Menu Dans l’interface résultante, tous les emplacements de menus disponibles pour votre thème seront affichés.emplacements de menus Déroulez la section « Menu principal » et plusieurs options seront présentées. Cochez la case « Enable Max Mega Menu for this menu location » pour activer la fonctionnalité de liste déroulante. Ensuite, défilez jusqu’à la section « Événement » pour choisir l’action qui va déclencher le déroulement du menu.

Par exemple, l’option « Survol » indique à WordPress d’afficher chaque fois les pages imbriquées lorsqu’un visiteur survole votre menu.configurer le menu principal/Max Mega Menu

Vous pouvez ensuite accéder à la section « Thèmes de menu » afin de personnaliser le style général d’affichage de votre menu sur l’interface publique.thèmes de menuUne fois que vous avez terminé les modifications, accédez à la section « Apparence › menu ». Attribuez au menu que vous souhaitez publier l’emplacement de menu principal.choisir l'emplacement du menu déroulantVous devez enregistrer vos modifications pour que les fonctionnalités du plugin Max Mega Menu s’appliquent au menu déroulant que vous souhaitez publier. Par la suite, vous devez ajouter les éléments à votre menu. Enfin, activez les réglages de Max Mega Menu dans la colonne de gauche.ajouter les éléments au menu déroulantUne fois que vous avez terminé, faites l’enregistrement de modifications afin de publier votre menu déroulant. Et voilà, votre menu déroulant a été publié.👇affichage de menu déroulantVous pouvez ajuster le design de votre menu à partir de l’onglet « Thème de menu » depuis la section « Emplacement de menu ».ajuster le design du menu Plusieurs options sont fournies gratuitement afin de soigner à fond le design de votre menu déroulant. Une fois que vous terminez, enregistrez vos modifications afin qu’elles soient appliquées.menu déroulant au design soigné

Conclusion

🥳Toutes nos félicitations, vous savez maintenant comment créer un menu déroulant sur WordPress. Il permet d’économiser de l’espace sur l’interface publique de votre site et, éviter l’encombrement de pages lorsqu’elles sont nombreuses. Prenez toujours la résolution de lister les pages les plus importantes de votre site. Ce tutoriel vous a donné deux méthodes de création d’un menu déroulant dans WordPress. 

Vous avez créé un magnifique menu sur votre site WordPress ? Donnez-nous le lien de votre site en commentaires afin qu’on puisse admirer le résultat ! 

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.