Aller au contenu

Gérer les menus

Les menus permettent aux visiteurs de naviguer sur votre site. Vous pouvez créer plusieurs menus et les placer à différents endroits (en-tête, pied de page, etc.).

Dans le menu WordPress, cliquez sur ApparenceMenus.


  1. Allez dans ApparenceMenus

  2. Cliquez sur « Créer un nouveau menu »

  3. Donnez un nom à votre menu (ex: “Menu principal”, “Menu footer”)

  4. Cliquez sur « Créer le menu »

  5. Ajoutez des éléments au menu (voir section suivante)

  6. Choisissez l’emplacement du menu

  7. Cliquez sur « Enregistrer le menu »


Dans le panneau de gauche, vous trouverez différents types d’éléments à ajouter :

Pages

Liens vers vos pages WordPress

Articles

Liens vers des articles spécifiques

Liens personnalisés

URL externe ou ancre personnalisée

Catégories

Liens vers les archives de catégories

  1. Dans le panneau « Pages », cochez les pages à ajouter

  2. Cliquez sur « Ajouter au menu »

  3. Les pages apparaissent dans la structure du menu à droite

Utile pour les liens externes ou les ancres :

  1. Dans le panneau « Liens personnalisés »

  2. Renseignez l’URL (ex: https://www.google.fr ou #contact)

  3. Renseignez le texte du lien (ce qui sera affiché)

  4. Cliquez sur « Ajouter au menu »

Exemples d’utilisation :

URLTexteUsage
https://facebook.com/votrepageFacebookLien vers réseaux sociaux
#contactContactAncre vers une section de la page
tel:0123456789Nous appelerLien téléphonique
mailto:contact@email.frEmailLien email

Glissez-déposez les éléments pour changer leur ordre :

  • Vers le haut ou le bas pour changer la position
  • Vers la droite pour créer un sous-menu

Pour créer un menu déroulant :

  1. Ajoutez l’élément parent (ex: “Services”)

  2. Ajoutez les éléments enfants (ex: “Service 1”, “Service 2”)

  3. Glissez les enfants vers la droite, sous le parent

  4. Ils apparaissent décalés avec la mention “sous-élément”

Exemple de structure :

Menu principal
├── Accueil
├── Services ← Parent
│ ├── Service 1 ← Sous-élément
│ ├── Service 2 ← Sous-élément
│ └── Service 3 ← Sous-élément
├── À propos
└── Contact

  1. Cliquez sur la flèche à droite de l’élément pour le déplier

  2. Modifiez les options :

    • Titre de la navigation : le texte affiché dans le menu
    • Attribut de titre : info-bulle au survol (optionnel)
    • Ouvrir dans un nouvel onglet : pour les liens externes
    • Classes CSS : pour du style personnalisé (avancé)
  3. Cliquez sur « Enregistrer le menu »

Le titre de la navigation peut être différent du titre de la page. Par exemple :

  • Titre de la page : “Notre équipe et nos valeurs”
  • Titre dans le menu : “L’équipe”
  1. Dépliez l’élément (flèche à droite)
  2. Cliquez sur « Retirer »
  3. Enregistrez le menu

Chaque thème WordPress propose des emplacements prédéfinis pour les menus.

EmplacementPositionUsage
Menu principalEn-tête du siteNavigation principale
Menu secondaireSous le menu principalNavigation complémentaire
Menu footerPied de pageLiens légaux, plan du site
Menu mobileVersion mobileParfois différent du principal
  1. En bas de l’écran, section « Réglages du menu »

  2. Cochez l’emplacement souhaité

  3. Cliquez sur « Enregistrer le menu »


Si votre thème utilise Elementor pour l’en-tête et le pied de page, les menus peuvent être gérés différemment.

  1. Modifiez le header avec Elementor (Thème Builder)

  2. Ajoutez ou modifiez le widget Menu de navigation

  3. Dans les paramètres du widget, sélectionnez le menu à afficher

  4. Configurez le style (couleurs, espacement, menu mobile…)


À faireÀ éviter
5 à 7 éléments maximum au premier niveauPlus de 10 éléments
Noms courts et clairsNoms trop longs
Éléments les plus importants en premierPages secondaires en premier
Maximum 2 niveaux de profondeurSous-sous-menus
Tester sur mobileOublier la version mobile
Accueil → Services/Produits → À propos → Blog/Actualités → Contact

  1. Créez un deuxième menu (ex: “Menu mobile”)
  2. Assignez-le à l’emplacement “Menu mobile” si disponible
  3. Ou configurez-le dans le widget Elementor dédié au mobile

Comment ajouter une icône à un élément de menu ?

Section intitulée « Comment ajouter une icône à un élément de menu ? »

Cela nécessite généralement une extension ou du CSS personnalisé. Contactez-nous si vous souhaitez ajouter des icônes.

Vérifiez que :

  • Le menu est assigné à un emplacement
  • L’emplacement est affiché par le thème
  • Le menu contient au moins un élément

Pour faire ressortir un élément (ex: bouton “Devis”) :

  1. Ajoutez une classe CSS à l’élément (ex: menu-cta)
  2. Contactez-nous pour ajouter le style correspondant