Tutoriel : Comment créer un méga menu pour votre site WordPress

Aujourd'hui, nous allons apprendre à créer un Mega Menu pour votre site WordPress . L'utilisation d'un Mega Menu peut augmenter le temps de chargement de la page, mais cela peut augmenter considérablement l'expérience utilisateur. De plus, cela aide le site Web à paraître différent.

L'art de se démarquer de la foule n'est pas si facile à maîtriser. Mais, grâce aux solutions tierces disponibles pour WordPress, obtenir un relooking professionnel ne nous oblige pas à passer par un chemin lourd.

Il existe des plugins tiers disponibles qui peuvent prendre en charge les fonctionnalités et si vous pouvez changer le thème complet, la recherche d'une fonctionnalité intégrée peut également être une solution réalisable.

Dans ce cas, nous chercherons la méthode plugin. Cependant, cela peut ne pas fonctionner dans toutes les situations en raison de l'aspect de compatibilité avec le thème particulier. Bien que je recommanderai quelques plugins, vous pouvez donc rechercher l'onglet de compatibilité avant de prendre une décision finale.

Néanmoins, je recommanderai d'utiliser l'option de thème, car elle est sûre et protège le site Web d'un plugin supplémentaire. Vous pouvez facilement trouver un thème moderne avec la fonction Mega Menu.

Maintenant, sans perdre plus de temps précieux, regardons les options disponibles.

Qu'est-ce qu'un Mega Menu exactement ?

Chaque thème WordPress comprend une navigation intégrée et il est personnalisable via l'outil de menu intégré. Mais, il a des fonctionnalités limitées et l'aspect général est terne. En termes simples, les traditionnels sont ternes.

Avec l'avancement de la conception Web, les concepteurs ont commencé à se concentrer sur l'amélioration de la zone de navigation et ce terme, Mega Menu a été inventé. C'est une forme avancée d'un menu traditionnel qui a de meilleurs graphismes, visuels et animations pour séduire le visiteur et lui laisser un effet aww.

Plugins pour créer un méga menu

Si cette fonctionnalité n'est pas prise en charge dans le thème, voici les meilleures solutions tierces, c'est-à-dire les meilleurs plugins Mega Menu.

#1 Max Méga Menu

C'est une solution gratuite qui est également disponible en version payante, déverrouillant des fonctionnalités avancées, et a été utilisée par plus de 300 000 utilisateurs actifs. Il fonctionne avec un simple outil de Drag & Drop, permettant au webmaster de s'occuper rapidement de la partie développement, et cela aussi, sans écrire le moindre code. Il contient une boîte à outils simple, où tous les effets et configurations sont disponibles pour définir et obtenir le résultat souhaité.

Détails complets et téléchargement

# 2 WP collant

WP Sticky est le plugin parfait pour vous si vous voulez que votre menu soit fixé sur la page. Lorsque le menu est collant, il reste à sa place pendant que l'utilisateur navigue sur le site Web. En conséquence, le menu est toujours facilement accessible, n'enlève rien au contenu et est visuellement agréable.

De plus, WP Sticky vous permet de créer autant d'éléments collants que vous le souhaitez, vous n'avez donc pas à vous limiter au menu. Aussi, ne vous inquiétez pas si vous n'êtes pas un rédacteur de code expérimenté car, avec ce plugin, vous n'avez pas à l'être. WP Sticky ne nécessite pas de codage, vous pouvez simplement sélectionner vos éléments directement sur l'écran.

Lorsque vous choisissez le menu, par exemple, vous pouvez ensuite configurer sa position, sa hauteur, sa largeur et son opacité. Vous pouvez même choisir si vous voulez un certain élément sur chaque page ou publication, ou si vous souhaitez l'exclure de certaines publications ou pages.

#3 UberMenu

C'est un plugin premium et un plugin connu et tendance chez CodeCanyon, offrant des fonctionnalités rarement disponibles chez l'un de ses concurrents. La conception est l'attraction principale ici et des tonnes d'options sont disponibles pour la personnalisation. Le développeur propose des mises à jour régulières pour le rendre toujours compatible avec la dernière version de WordPress et un support dédié est également proposé.

Détails complets et téléchargement

#4 Méga menu principal

Si l'affichage des icônes était votre objectif principal, consultez cette dernière recommandation ici. Il s'agit d'une solution premium disponible dans un package qui contient également un support dédié du développeur. Il contient plus de 1600 icônes vectorielles et plus de 600 polices Google, ainsi que d'autres options de personnalisation. La mise en route est extrêmement simple et l'interface utilisateur interagit rapidement et fait le travail rapidement.

Détails complets et téléchargement

#5 Méga Menu par WooRockets.com

C'est un produit gratuit qui est disponible sur Github dans un souci d'ouverture. Il fonctionne parfaitement avec WordPress et propose un constructeur dédié avec des fonctionnalités telles que Live Preview. Les orientations verticales et horizontales sont prises en charge par le produit final et il prend également en charge les CSS personnalisés.

#6 Menu NOO

Si vous recherchez un produit haut de gamme extrêmement facile à utiliser et rapide à maîtriser, c'est-à-dire qui prend moins de temps, vous devriez jeter un coup d'œil ici. Il se concentre principalement sur la fonctionnalité du module sur les appareils mobiles, en veillant à ce qu'un meilleur tableau de bord soit obtenu en termes de réactivité. Il prend également entièrement en charge les appareils à écran tactile, grâce à l'interface utilisateur intuitive et interactive.

# 7 Méga menu DW

Comparé aux plugins que vous venez de vérifier, celui-ci est un nouveau venu mais mérite une chance. Il n'y a pas de prix impliqué ici et la meilleure fonctionnalité qu'il offre est qu'il prend en charge l'intégration HTML et les codes courts à utiliser dans la zone Menu. Il prend même en charge les widgets et est livré avec une documentation appropriée.

Comment créer un méga menu pour votre site WordPress

Selon le plugin que vous choisirez dans la pile ci-dessus, la méthode exacte variera. Bien que, dans tous les cas, vous deviez créer un menu traditionnel qui sera converti en Mega one par le plugin.

Alors, apprenons à créer un menu dans WordPress. Cela fonctionnera sur n'importe quelle installation moderne, indépendamment du thème et du plugin utilisés.

Étape 1 - Connectez-vous à la zone Tableau de bord du site Web et sous l'onglet Apparence , cliquez sur Menus .

Étape 2 - Cliquez sur le lien " Créer un nouveau menu " et entrez un nom, comme Principal ou Haut ou Pied de page. Appuyez sur le bouton qui dit « Créer un menu ».

Étape 3 - Maintenant, le menu nouvellement créé sera actif et vous pourrez importer des catégories ou des balises ou des liens personnalisés dans la zone. La fonctionnalité glisser-déposer fonctionne ici et vous pouvez réorganiser les éléments.

Étape 4 - Enfin, sous la zone de sélection, il vous sera demandé de choisir l'emplacement du menu. Choisissez-en un (il varie selon le thème) et cliquez sur le bouton ' Enregistrer le menu ' pour le mettre en ligne.

Vous pouvez modifier ceux existants à partir de la même zone et toutes ces choses peuvent également être effectuées à partir de l'outil Live Customizer .

Les plugins individuels fonctionneront légèrement différemment les uns des autres, mais le processus de base sera le même. Une fois qu'un menu fonctionne, il peut être converti en Mega Menu en un ou deux clics. Plus tard, vous pouvez personnaliser selon vos goûts personnels.

Conclusion

Il s'agissait de la procédure et des plugins que je peux recommander pour obtenir la solution parfaite.

Je vous recommande d'essayer le plugin WP Sticky, mais faites-moi savoir lequel vous avez choisi, car vos commentaires nous aideront à améliorer davantage ce guide. Il est temps pour vous de partager ce tutoriel avec tous les réseaux sociaux. Paix!

*dernière mise à jour le 01/06/2020