bloggerselite logo

Comment créer un méga menu sur WordPress en 2023

mega menu

Besoin de créer un méga menu sur WordPress ?

Les méga menus sont le choix évident si vous souhaitez améliorer la navigation de votre site Web.

Ils n’ont pas seulement l’air cool, les méga menus peuvent également permettre aux visiteurs de trouver plus facilement votre contenu. Cela peut alors avoir un impact positif sur les taux de conversion selon les recherches des experts UX Jakob Nielsen et Angie Li.

Un bon outil de méga menu WordPress facilite l’ajout d’une gamme de contenu à vos zones de menu déroulant ou extensibles. Ils peuvent inclure plus de liens, d’images, de boutons et même de produits.

Vous pouvez également utiliser vos menus pour générer du trafic vers des pages spécifiques de votre site, augmenter les conversions et promouvoir des offres.

Si vous voulez améliorer vos menus, lisez la suite pour savoir comment créer un méga menu sur un site Web WordPress.

Qu’est-ce qu’un méga menu ?

Juste pour que nous soyons tous sur la même longueur d’onde, voici une explication rapide de ce que nous voulons dire lorsque nous parlons de méga menus.

En règle générale, un méga menu est un menu déroulant ou une zone de navigation extensible qui contient généralement plus que des liens texte.

Qu’est-ce qu’un méga menu

Ils peuvent venir dans toutes les formes et tailles. Certains couvrent toute la largeur de votre zone de contenu, tandis que d’autres sont juste assez larges pour contenir ce qui leur a été ajouté.

Un bon outil de méga menu WordPress facilite également la personnalisation de l’apparence en ajoutant des couleurs, des images d’arrière-plan et des étiquettes personnalisées.

Un bon outil vous permettra d’insérer des icônes, des images et presque tout autre contenu auquel vous pouvez penser dans vos menus déroulants.

Les meilleurs outils de méga menu WP vous permettront également d’afficher des widgets dans les zones de navigation extensibles, augmentant considérablement vos options.

L’un des principaux avantages des méga menus est qu’ils vous donnent la possibilité d’organiser les liens de vos menus de manière plus conviviale.

Par exemple, vous pouvez utiliser différentes couleurs et mises en forme pour séparer les éléments de menu afin d’aider les visiteurs à trouver ce qu’ils recherchent.

L’ajout d’étiquettes, d’icônes et d’images à vos méga menus peut également attirer l’attention sur les éléments clés du contenu.

Si vous le faites bien, vous serez en mesure de transformer la navigation de votre site Web en un atout engageant, informatif et convertissant!

Quelles sont les fonctionnalités de Mega Menus ?

La caractéristique la plus importante à rechercher lors du choix d’un outil qui vous permettra de créer un méga menu sur un site Web WordPress est le contrôle qu’il vous donne.

Vous voulez également que votre outil de méga menu WordPress facilite la personnalisation de son apparence.

La facilité d’utilisation ne doit certainement pas être négligée non plus!

Comment ajouter la fonctionnalité WordPress Mega Menu à votre site Web

La fonctionnalité méga-menus n’est pas disponible par défaut sur WordPress. Cependant, grâce à son énorme bibliothèque d’add-ons tiers, il est très facile d’ajouter des méga menus à un site Web WordPress, à condition de choisir le bon outil.

Astra Pro est l’un de ces outils.

Il possède toutes les fonctionnalités dont vous aurez besoin pour ajouter des méga menus à votre site WordPress.

Comme nous allons le voir, il est également très facile à utiliser.

Comment créer un méga menu WordPress avec Astra Pro

Astra Pro est un add-on premium pour le thème WordPress gratuit Astra. L’installation du plugin Astra Pro sur un site Web WordPress à l’aide du thème Astra ajoute toutes les fonctionnalités nécessaires pour créer un méga menu, et bien plus encore.

L’utilisation d’Astra Pro signifie que vous n’avez pas seulement accès à un thème puissant pour votre site Web. Vous bénéficiez également de toutes les fonctionnalités d’un plugin de méga menu WordPress premium.

Si cela semble attrayant, voici une procédure pas à pas sur la façon de créer un méga menu sur un site Web WordPress avec Astra Pro.

Installer le thème Astra

Comme le thème Astra est disponible gratuitement, il peut être ajouté à votre site Web directement depuis votre tableau de bord WordPress.

Pour commencer, connectez-vous simplement à votre tableau de bord WordPress, puis cliquez sur l’élément de menu Apparence Thèmes dans le panneau latéral de gauche.

mmpict

Ensuite, cliquez sur le bouton Ajouter un nouveau dans la page Thèmes.

mmpict

Maintenant, recherchez Astra, puis cliquez sur le bouton Installer.

Une fois le thème installé, cliquez sur Activer.

mmpict

Installez le plugin Astra Pro

Pour ajouter la fonctionnalité de méga menu à votre site Web, vous devrez également installer le plugin Astra Pro.

Vous pouvez acheter et télécharger Astra Pro ici.

Une fois téléchargé sur votre ordinateur, vous pouvez le télécharger sur votre tableau de bord WordPress.

Pour ce faire, cliquez sur Plugins Ajouter Nouveau dans le menu de la barre latérale.

mmpict

Cliquez ensuite sur le bouton Télécharger le plugin et localisez l’emplacement du fichier de plugin Astra Pro.

Télécharger un plugin dans WordPress

Maintenant, cliquez sur le bouton Installer maintenant.

Une fois le plugin installé, cliquez sur Activer et entrez votre licence pour activer complètement le plugin.

Télécharger le plugin Astra pro

Activer le module de menu de navigation

La fonctionnalité de méga menu Astra Pro se trouve dans le module Nav Menu. Pour créer votre premier méga menu, activez ce module à partir de la page Options Astra.

Pour ce faire, cliquez sur Apparence Options Astra.

Tableau de bord WordPress Menu Options Astra

Ensuite, à partir de la page Options Astra, cliquez sur le lien Activer pour le module Menu de navigation.

Activer le module Astra Nav Menu

Créer le Mega Menu WordPress

Il est maintenant temps de commencer à construire le méga menu. Tout d’abord, cliquez sur l’élément Apparence menus dans le menu de la barre latérale.

Élément de menu des menus du tableau de bord WordPress

Si aucun menu n’est déjà configuré sur votre site, saisissez un nom dans le champ Nom du menu et sélectionnez l’emplacement d’affichage du menu principal.

Cliquez ensuite sur le bouton Créer un menu.

WordPress créer un nouveau menu

Ensuite, ajoutez un ou plusieurs éléments au menu en sélectionnant des pages ou des publications dans le panneau de gauche, puis en cliquant sur Ajouter au menu.

mmpict

Maintenant, développez l’un des éléments que vous venez d’ajouter, comme une page, et cliquez sur le bouton Paramètres du menu Astra.

Paramètres du menu Astra

Dans l’écran Options du menu Astra qui apparaît, cochez la case pour activer les méga-menus.

Activer le méga menu à l’aide d’Astra

Après cela, vous pouvez sélectionner une largeur pour le méga menu dans le menu déroulant.

Paramètres de largeur de menu Mega

Vous pouvez également définir l’image d’arrière-plan ou la couleur du méga menu.

Si vous activez une image d’arrière-plan, vous pouvez également définir son mode d’affichage.

Astra Pro vous permet également de contrôler la façon dont les liens de votre méga menu sont affichés, vous donnant la possibilité de remplacer les couleurs de menu par défaut de votre site.

Si vous souhaitez que l’élément de menu se démarque, vous pouvez également lui attribuer une étiquette de texte personnalisée, avec ses propres paramètres de couleur.

Paramètres de couleur d’arrière-plan du méga menu

Une autre option consiste à utiliser les étiquettes de surbrillance pour ajouter rapidement du texte supplémentaire à vos éléments de menu.

Paramètres d’étiquette de méga menu

Si vous ajoutez une étiquette, elle sera affichée à côté de l’élément de menu auquel vous l’avez ajoutée.

créer un méga menu

Les paramètres avancés vous permettent de personnaliser la marge et le remplissage des éléments de menu.

Paramètres avancés du méga menu

Ajout de sous-menus au méga menu

Chaque élément ajouté à votre menu, tel qu’un lien de page, sera une nouvelle colonne dans la zone de méga menu déroulant.

Toutefois, vous pouvez également ajouter des sous-éléments à ces éléments de niveau supérieur, comme illustré ci-dessous :

Exemple de méga menu

Pour ce faire, ajoutez d’autres éléments à votre menu en les sélectionnant parmi les options disponibles.

Paramètres de structure de menu Mega

Après avoir cliqué sur le bouton Ajouter au menu pour ajouter les éléments au menu, vous pouvez les organiser de manière à ce qu’ils soient un sous-élément de l’un des principaux éléments.

Vous devriez vous retrouver avec une structure similaire à celle de la capture d’écran ci-dessous.

Exemple de structure de méga menu

Vous pouvez personnaliser les menus en déplaçant des éléments, en modifiant leurs propriétés d’affichage et en ajoutant des étiquettes.

17343

S’abonner à notre Newsletter

Découvrez notre trésor de connaissances !

Ajout de contenu personnalisé au méga menu

La fonctionnalité de méga menu Astra Pro ne s’arrête pas là. Si vous voulez être encore plus créatif, vous pouvez ajouter une gamme de contenu à vos méga menus, y compris du texte personnalisé, des widgets et des modèles.

Paramètres du widget Mega menu

Vous pouvez ajouter tous les widgets à votre méga menu qui sont actifs sur votre site, qu’il fasse partie de WordPress, Astra ou d’un autre plugin.

Exemple de widget Mega menu

Conclusion

Comme vous pouvez le constater, l’ajout d’un méga menu à un site Web WordPress est assez simple si vous choisissez le bon outil.

En quelques clics, vous pouvez commencer à améliorer vos menus WordPress afin qu’ils fonctionnent comme vous le souhaitez.

Que vous souhaitiez que vos menus soient plus beaux ou servent mieux vos objectifs, les méga menus peuvent vous aider.

Partager cet Article :
Newsletter
Recevez des astuces et des ressources gratuites directement dans votre boîte de réception.
Derniers Articles
☰ Navigation Rapide
0
J'adorerais vos pensées, veuillez commenter.x

BloggersElite

Obtenez Gratuitement

Nos Tutoriels 

15987

S'abonner à Notre

Newsletter

Recevez les dernières astuces dans votre boîte Email

15585