Les menus sous WordPress

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 menu natif de WordPress

Le système de menus natif de WordPress vous laisse seulement placer des liens vers des pages de votre site, et des images.

Astuce pour ajouter une image comme élément du menu

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">
Image dans le menu

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

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 ?

Diviser les sous-menus en colonnes

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.

Diviser un sous-menu en colonnes
Diviser les sous-menu 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.

Menu wordpress horizontal
Menu horizontal
Menu WordPress vertical
Menu vertical

Insérer images, widgets et shortcodes dans le 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.

Insérer widget et shortcode dans le menu WordPress
Insérer widget et shortcode dans le menu WordPress

Positionner votre menu exactement où vous voulez dans votre thème

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 :

Afficher ou cacher des éléments du menu selon des conditions
Afficher ou cacher des éléments du menu selon des conditions (4$)
Fixer / Afficher toujours le menu sur l'écran
Fixer / Afficher toujours le menu sur l’écran (4$)
Gestion avancée des menus complexes
Gestion avancée des menus complexes (8$)

Acheter Uber Menu

Ajouter un nouveau commentaire

Il y a 8 commentaires. Ajouter le mien

  1. BrunoT

    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

    • Thibaud

      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à 😉

  2. Alex

    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 🙂

    • Thibaud

      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.

    • froc

      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

  3. Thierry

    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

    • Thibaud

      Oui mais les options d’apparence d’ubermenu permettent de reproduire le design du menu original si tu souhaites le conserver.