Votre page web commence à être trop chargé, il est temps d’organiser les éléments qui la compose. Rien de plus facile, il suffit de ranger certains éléments dans des tiroirs.
Le système de menus natif de WordPress vous laisse seulement placer des liens vers des pages de votre site, et des images.
Il suffit d’ajouter le lien vers une image envoyée auparavant comme titre de la navigation, comme ceci :
<img src="http://www.votresite.com/wp-content/uploads/votreimage.png">
Malheureusement ça s’arête là, alors qu’on pourrait insérer le formulaire de connexion ou la barre de recherche, des cartes, des images, les articles à la une, etc, à notre menu… mais pour ça on va avoir recours à un plugin.
UberMenu
UberMenu est de loin le plugin le plus complet et performant en matière de menus. Il trône en première position des plugins WordPress les plus vendus chez CodeCanyon, avec plus de 30.000 ventes à ce jour.
Mais qu’est-ce qu’il fait concrètement ?
C’est là que le terme « mega-menu » entre en jeux. Vos menus et sous-menus peuvent maintenant occuper 100% de la largeur de la page, et vous pouvez les diviser en colonnes.
Menu vertical ou horizontal
C’est au choix, sur WP-Infinity.com j’ai opté pour le menu vertical. Sachez cependant que vous ne pourrez insérer qu’un seul UberMenu par page, entendre un seul méga menu, ce qui ne vous empêche pas d’utiliser le menu classique de WordPress à côté si vous voulez plus d’un menu.
En fait on peut y mettre absolument n’importe quoi au même titre qu’une page classique ou une sidebar, y compris des widgets.
UberMenu peut remplace l’un des menus de votre thème automatiquement, mais vous pouvez aussi le positionner manuellement à l’aide d’un shortcode ou via PHP à l’endroit désiré.
Des extensions pour UberMenu
Le plugin WordPress UberMenu a eu un tel succès que son développeur a créé des modules pour étendre encore plus les fonctionnalités du plugin de façon à répondre à tout type de demande. On trouve parmi les plus populaires :
Bonjour Thibaud,
Autant une image peut en effet égayer un menu et améliorer l’expérience utilisateur, autant j ‘ai peur de ne pas bien comprendre quel est l’intérêt d’intégrer un formulaire de contact à un menu.
Alors je te remercie de bien vouloir m’éclairer de tes lanternes.
Amicalement,
Bruno
Bonjour Bruno,
bon j’admet m’être un peu emballé pour le formulaire de contact :). Disons un formulaire Connexion / Inscription. C’est corrigé, merci pour ton attention.
L’idée est de rendre certains éléments importants -autres que des liens- accessibles en un minimum de clics. Mais ça tu le sais déjà 😉
Salut Thibaud,
Je veux bien croire que ce menu soit un des Leaders du marché, mais il est vachement compliqué !
Je galère a obtenir le format désiré et il ya tellement d’option et le tout en Anglais qu’en fin de compte, on y arrive jamais.
Si tu peux m’aider 🙂
Salut Alex,
je veux bien te filer un coup de main sur le forum ce sera plus pratique. Lance ton sujet là-bas et je te rejoins.
Bonjour,je me permet ,j’ai acheté wp mega menu de chez mythèmeshop ,le plugins est activé mais je n’ai aucun module ou bien rie
n pour le configurer tel la couleur le nombres de colonnes et le reste ,et contact les vendeurs mais chaque fois
donc je vais aller voir ailleurs pour uber menu le resultat est comment merci
Bonjour,
Effectivement un menu rempli de possibilité !
Cependant, installé sur un thème prenium cela se complique et encore plus pour le coter responsive !!!
Peux-être en faire moins et surtout plus ludique ! et plus adaptable…
Je déconseille pour plusieurs raisons !
Merci pour l’article.
Thierry
Bonjour Thibaud,
J’aimerais savoir si l’utilisation de ce plugin change l’apparence du menu prédéterminer par un thème Premium ?
Daniel
Oui mais les options d’apparence d’ubermenu permettent de reproduire le design du menu original si tu souhaites le conserver.