Personnaliser son menu mobile

22 septembre 2021 | Extensions

Si l’on se focalise souvent sur l’ergonomie d’un site web, on a souvent tendance à en négliger un élément primordial : le menu de navigation.

Vous trouverez dans cet article un tuto pour installer et paramétrer WPR Menu, une des nombreuses extensions de gestion du menu mobile pour WordPress.

Retrouvez d’autres articles sur le Blog spécialisé WordPress / Divi de notre site internet.

Télécharger l’extension

Pour télécharger puis activer l’extension à partir du tableau de bord de votre site internet WordPress, cliquez sur « ajouter une extension » et tapez « WRP Menu » dans la barre de recherche.

Pour une installation manuelle, cliquez sur l’image ou le bouton ci-dessous pour télécharger le fichier .zip

Paramétrer l’extension
01. Général
Enable responsive menu : Oui
Like preview : Oui
Search input within menu : Non
Select menu : Votre menu principal de navigation
Menu title text : Titre à ajouter à votre menu (exemple « MENU », laisser vide pour ne pas ajouter de titre)
Menu bar logo : Votre logo
Menu logo position : Position de votre logo (left=gauche, center=au centre)
Swipe : Non
Zoom on mobile devices : Non
Open submenu on parent click : Oui
02. Apparence
Menu icon direction : Position de l’icône menu
Menu open direction : Sens d’ouverture du menu (right=droite)
Menu container width (%) : Largeur du menu (100% pour un affichage pleine largeur)
Menu title font size : Taille des caractères du titre du menu
Menu title font weight : Epaisseur des caractères du titre du menu (bold=gras)
Menu item font size : Taille des caractères des liens du menu
Menu item font weight : Epaisseur des caractères des liens du menu
Menu item text style : Casse des caractères des liens du menu (uppercase=majuscules)
03. Couleurs
Menu bar background : Couleur de fond de la barre supérieure du menu
Menu bar text color : Couleur du texte de la barre supérieure du menu
Menu container background : Couleur de fond du menu
Menu item color : Couleur des liens du menu
Active menu item : Couleur du lien de la page actuelle (facultatif)
Active menu item background : Couleur de fond du lien de la page actuelle (facultatif)
Menu icon color : Couleur de l’icône du menu