Récemment, un de nos lecteurs a demandé s’il était possible d’ajouter un méga menu à votre site WordPress ? Les Mega Menus vous permettent d’ajouter des menus déroulants à plusieurs colonnes à votre navigation avec des médias riches tels que des images et des vidéos. Dans cet article, nous allons vous montrer comment ajouter facilement un méga menu à votre site WordPress.
Pourquoi et qui devrait ajouter Mega Menu dans WordPress ?
Les Mega Menus sont particulièrement utiles pour les sites Web avec beaucoup de contenu. Cela permet aux propriétaires de sites Web d’afficher plus d’éléments dans leur menu supérieur.
Les sites Web populaires tels que Reuters, Buzzfeed et Starbucks utilisent des méga menus pour afficher des menus de navigation très attrayants et interactifs.
Alors que les menus de navigation par défaut de WordPress vous permettent d’ajouter des sous-menus déroulants et même d’ajouter des icônes d’image à côté de chaque élément, vous avez parfois simplement besoin d’un méga menu.
Voyons comment ajouter facilement un méga menu à votre site Web WordPress.
Didacticiel vidéo
Si vous n’aimez pas la vidéo ou si vous avez besoin de plus d’instructions, continuez à lire.
Ajouter un méga menu dans WordPress
La première chose à faire est d’installer et d’activer le Max Méga Menu brancher. C’est le meilleur plugin WordPress gratuit de méga menu disponible sur le marché. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Lors de l’activation, le plugin ajoutera un nouvel élément de menu, Mega Menu, à votre menu d’administration WordPress. En cliquant dessus, vous serez redirigé vers la page des paramètres du plugin.
Les paramètres par défaut fonctionneront pour la plupart des sites Web. Cependant, vous devrez modifier les couleurs du menu afin qu’elles correspondent aux couleurs utilisées par le conteneur du menu de navigation de votre thème WordPress.
Pour savoir quelles couleurs sont utilisées dans votre thème, vous pouvez utiliser l’outil Inspecter dans votre navigateur.
Une fois que vous avez obtenu le code hexadécimal de couleur, vous pouvez le coller dans un fichier texte pour l’utiliser plus tard.
Ensuite, vous devez visiter la page des paramètres du méga menu, cliquez sur l’onglet « Thèmes de menu », puis cliquez sur la section « Barre de menu ».
Ici, vous pouvez remplacer la couleur d’arrière-plan utilisée par le méga menu pour correspondre au conteneur du menu de navigation de votre thème.
N’oubliez pas de cliquer sur le bouton Enregistrer les modifications pour enregistrer vos paramètres.
Maintenant que nous avons configuré les paramètres du méga menu, allons de l’avant et créons notre méga menu.
Vous devez d’abord visiter le Apparence » Menus page, puis ajoutez des éléments de niveau supérieur à votre navigation. Pour des instructions détaillées, consultez notre guide du débutant sur la création de menus de navigation dans WordPress.
Ensuite, sur l’écran Menus, vous devez activer le méga menu en cochant la case sous « Paramètres du menu Max Mega ».
Après cela, vous devez placer votre souris sur un élément de menu et vous verrez un bouton « Mega Menu » apparaître dans l’onglet du menu.
En cliquant sur le bouton, une fenêtre contextuelle s’ouvrira. Ici, vous pouvez ajouter n’importe quel widget WordPress à votre méga menu et sélectionner le nombre de colonnes que vous souhaitez afficher.
Vous pouvez également cliquer sur l’icône de clé sur un widget pour modifier les paramètres du widget. N’oubliez pas de cliquer sur le bouton Enregistrer pour enregistrer les paramètres de votre widget.
Une fois que vous avez terminé, vous pouvez fermer la fenêtre contextuelle et visiter votre site Web pour voir le méga menu en action.
Nous espérons que cet article vous a aidé à apprendre comment ajouter un méga menu dans WordPress. Vous pouvez également consulter notre guide sur la façon d’accélérer WordPress et d’améliorer les performances pour les débutants.