Aller au contenu principal

Fiche Pratiques | Le Menu

Une fonctionnalité permettant de créer des menus de navigation personnalisés pour ton site web. Tu peux facilement ajouter des pages, des articles, des catégories et des liens à ton menu, et personnaliser son apparence et son emplacement.

 

Il est possible d’utiliser plusieurs menus pour différentes sections de votre site (méga menu, menu déroulant)

Importance du concept
0%
Facilité
0%
Compatibilité

Configuration de base

Accéder au menu
Thèmes et menu

Pour réactiver la fonctionnalité menu classique il faut penser a installer un autre thème que ceux de base de WordPress . Par exemple : Hello Elementor

Éléments de menus

Les éléments de menu, essentiels à la structuration et à la navigation de votre site, offrent une gamme variée d’options pour enrichir votre menu de navigation. Parmi ces options, vous pouvez inclure des liens vers différentes pages, articles, catégories ou même des liens personnalisés, donnant ainsi à vos visiteurs un accès direct et intuitif à différentes sections de votre site. Chaque élément de menu représente un point d’interaction potentiel pour vos utilisateurs

 

Lorsque vous créez ou modifiez un menu, vous avez la possibilité d’ajouter, de supprimer et de réorganiser ces éléments de menu selon vos besoins

Emplacements de menu

Les emplacements de menu, quant à eux, représentent les endroits où vous pouvez afficher votre menu sur votre site web. Ces emplacements prédéfinis dépendent du thème que vous utilisez. Vous pouvez attribuer un menu spécifique à chacun de ces emplacements, ce qui permet de contrôler l’apparence et le contenu de votre navigation sur différentes parties de votre site.

 

Ces emplacements n’ont pas cours lorsque l’on travaille avec Elementor , car on peut placer un widget de menu la ou l’on souhaite (cf . Superposer menu sur bannière)

Mettre en place un menu

Créer 1 ou plusieurs menus
Créer un menu
En cochant dans la liste à gauche
Ajouter des éléments
Déplacer en cliquant-glissant
Déplacer des éléments
En cliquant sur la petite flèche a droite
Modifier des éléments

Intégration avec Elementor

Une fois le menu crée il faut l’afficher sur ta page ou ton entête via Elementor . Voici la démarche.

Ouvrir son contenu avec l'éditeur Elementor

Pour placer le widget de menu , il faut ouvrir ta page / article / entête ou pied de page avec l’éditeur Elementor. Tu pourras en suite placer le widget ou tu le souhaites.

Ajoutes un widget de menu la où tu le souhaites

Dans la liste des widgets (en fonction des des extensions que tu as installées)  tu vas avoir un ou plusieurs widgets disponible pour afficher ton menu . Si tu as suivi le cours sur ce site tu devrais en avoir 3 ou 4 différents. Le widget “Menu de navigation” de HFB est un bon choix car il propose pas mal d’option variées.

Le visuel via Elementor / La structure côté WordPress

Une fois le widget placé il utilise automatiquement (dans la majorité des cas) le menu que tu as crée juste avant. Si ce n’est pas le cas tu peux le sélectionner dans une liste , sur la gauche, dans les réglages du widget.

C’est dans cette interface que tu vas gérer toute la partie visuelle du menu (couleurs/typos/tailles , etc …) tandis que la structure ne se gère que côté WordPress (Apparence > Menu)

Personnalisation avancée

Sous WordPress, les sous-menus font référence aux menus déroulants qui apparaissent lorsque vous survolez un élément de menu principal dans la barre de navigation de votre site.

 

Création des sous-menus : Vous pouvez créer des sous-menus en ajoutant des éléments de menu à votre menu principal et en les faisant glisser légèrement vers la droite par rapport à l’élément de menu parent dans l’interface de gestion des menus de WordPress. Cela crée une structure hiérarchique où l’élément de menu déplacé devient un sous-menu de l’élément de menu parent.

Les mégas menus sont une extension des sous-menus traditionnels dans WordPress, offrant une capacité plus avancée à présenter des informations supplémentaires et à créer une navigation plus riche et interactive. La plupart du temps il s’agit de fonctionnalités payantes car elles constituent la pierre angulaire de votre structure et de votre site , mais certaines extensions proposent un widget gratuit (comme Premium Addons ou ElementsKit/ img 02)

Questions fréquentes

Tu trouveras ici quelques réponses aux questions les plus fréquentes et les plus concrètes sur le sujet

Est-ce que je peux créer plusieurs menus sur mon site WordPress ?

Tu peux créer plusieurs menus sur ton site WordPress en utilisant les emplacements de menu disponibles dans ton thème.

Selon le thème que tu utilises, tu peux avoir des emplacements de menu pour le menu principal, le pied de page, le menu mobile, etc. Tu peux attribuer des menus spécifiques à chaque emplacement en fonction de tes besoins.

Comment puis-je organiser l'ordre des éléments de mon menu ?

Pour organiser l’ordre des éléments de ton menu, accède à la section “Menus” dans l’interface d’administration de WordPress. À partir de là, fais simplement glisser et déposer les éléments de menu pour les réorganiser dans l’ordre souhaité.

Tu peux également créer des sous-menus en faisant glisser les éléments de menu légèrement vers la droite sous l’élément parent.

Les changements que je fais dans la gestion des menus affectent-ils instantanément mon site WordPress ?

Oui, les modifications apportées à la gestion des menus sont généralement affichées instantanément sur ton site WordPress, à condition que tu sauvegardes tes modifications dans la section “Menus”. Une fois fait elles seront immédiatement visibles sur ton site

Bienvenue sur la plateforme de cours numérique Ekolearn

Envie d’une escapade nocturne  ?

Tapes ta recherche puis appuie sur Entrée (↵)

Pas d'autocomplétion, mais pourquoi ?

L’autocomplétion dans un formulaire de recherche consiste à proposer des mots clés, des résultats, à chaque lettre écrite dans le champ. 

Oui cela est pratique, mais en terme de consommation de ressources c’est très gourmand ! Aussi, dans un soucis d’écoconception, ce formulaire de recherche ne régira pas à vos interactions en temps réel, mais il fonctionne quand même !

Bonne pratique n°4 du guide de l’éco-conception web

ATTENTION A TA SANTÉ

Tu ne semble pas avoir bougé depuis
MIN
0

N’hésites pas à lever les yeux , à regarder un peu “au loin” pour les soulager.

Également, n’hésites pas à t’étirer le cou et le dos en suivant quelques gestes simples.