Widget de menu Elementor Nav : aucun élémentor Pro n'est nécessaire
Nav Menu est un widget Master Addons qui place n'importe quel menu WordPress dans un en-tête, un pied de page ou une page Elementor et vous permet de le styliser à partir du panneau Choisissez une disposition horizontale ou verticale pour chaque appareil, stylisez les éléments principaux, les déroulants et les sous-menus dans leurs états normal, en vol stationnaire et actif, et associez-le à l'extension Mega Menu pour les panneaux multicolonnes Sur les téléphones, il s'effondre par défaut en un basculement de hamburger Master Addons Pro ajoute la disposition Hamburger pour n'importe quelle largeur, avec les menus Popup et Offcanvas.
Aménagements horizontaux, verticaux et hamburgers
Définissez la disposition séparément pour le bureau, la tablette et le téléphone. Horizontal convient à une barre supérieure. Vertical est disponible en quatre types : Normal avec des rabais latéraux, Basculer, Accordéon et Côté, qui épingle le menu sur le bord de la page Les téléphones utilisent la bascule du hamburger par défaut Avec Pro, vous pouvez choisir le hamburger pour n'importe quelle largeur et ouvrir le menu sous forme de rabattement par défaut, de Popup ou de panneau Offcanvas.
- Dispositifs définis par appareil, y compris les points d'arrêt supplémentaires d'Elementor.
- Menus verticaux comme Normal, Basculer, Accordéon ou Côté.
- Menus hamburgers Popup et Offcanvas avec Master Addons Pro.
- Fonctionne avec le Méga Menu extension pour panneaux multicolonnes.
Dispositions verticales du menu : normal, basculer, accordéon et côté
Pick Vertical dans la mise en page et un deuxième contrôle, Type, apparaît Chaque type ouvre les sous-menus d'une manière différente, et la mise en page et le type peuvent être définis par appareil, afin qu'un menu puisse rester normal sur le bureau et passer à Accordéon sur les téléphones.
- normal ouvre un sous-menu sur le côté de la liste lorsque le lecteur survole son élément parent.
- Basculer développe un sous-menu sous son parent en cliquant, et plusieurs peuvent rester ouverts à la fois.
- Accordéon développe également le clic, mais l'ouverture d'un sous-menu ferme celui qui était ouvert.
- Côté épingle le menu sur le bord de la page Seuls les éléments principaux sont assis dans la barre, et leurs sous-menus s'ouvrent dans un panneau à côté.
Normal : le sous-menu s'ouvre sur le côté en vol stationnaire.
Basculer : le sous-menu se développe sous son élément.
Accordéon : un sous-menu ouvert à la fois.
Côté : les éléments principaux d'une barre sur le bord de la page, avec le sous-menu dans un panneau à côté.
Style chaque niveau de menu et état
L'onglet Style comporte des sections distinctes pour l'élément de menu principal, le menu déroulant, l'élément de menu déroulant, le sous-menu déroulant et l'élément de sous-menu déroulant. Chacun obtient des couleurs et des arrière-plans pour les états normal, planant et actif, ainsi qu'un remplissage, des bordures et des séparateurs, de sorte que le lien vers la page actuelle peut être différent des autres.
- États normaux, de survol et actifs pour les éléments principaux et les éléments déroulants.
- Style séparé pour le panneau déroulant, ses éléments et les sous-menus plus profonds.
- Diviseurs entre les articles, avec le type, la taille et la couleur.
Icônes de bascule et d'indicateur de hamburger
Stylez le hamburger basculer comme une icône, un texte ou les deux, avec une vue par défaut, empilée ou encadrée et une forme carrée ou circulaire Il peut afficher une icône pendant que le menu est fermé et une autre pendant qu'il est ouvert Les icônes d'indicateur marquent les éléments qui ont des liste déroulantes et des sous-menus : choisissez vos propres icônes, montrez-les ou cachez-les, et définissez leur taille, leur couleur, leur position et leur rotation.
- Hamburger bascule comme icône, texte ou les deux.
- Différentes icônes pour le menu fermé et ouvert.
- Icônes d'indicateurs de dépôt et de sous-menu personnalisés avec rotation.
Espacement descendant et dispositions par appareil
Définissez la largeur de dépôt et son écart depuis le haut du menu, les écarts entre les éléments et le remplissage à l'intérieur de chaque lien La durée de transition contrôle la vitesse de changement des couleurs et des chutes de vol stationnaire Parce que la mise en page est définie par appareil, vous décidez où le menu passe d'une barre horizontale à une liste verticale, ou au hamburger avec Pro.
- Largeur et écart descendants par le haut.
- Lacunes entre les articles et le remplissage des liens pour un tapotement facile.
- Durée de transition pour les changements de vol stationnaire et de descente.
Widgets de menu Elementor Pro vs Master Addons Nav Menu
Le plugin gratuit d'Elementor n'a pas de widget pour placer et styliser un menu WordPress Ses widgets Menu et WordPress Menu sont livrés avec Elementor Pro. Voici comment ils se comparent.
| Élémenteur Pro | Menu Nav des addons principaux | |
|---|---|---|
| Prix | Licence Elementor Pro | Inclus dans les modules complémentaires principaux ; Types de hamburgers Popup et Offcanvas avec Pro |
| Dispositions | Horizontal, Vertical, Dropdown | Horizontal, vertical (4 types), hamburger |
| Menu mobile | Basculez sous un point d'arrêt que vous choisissez | Hamburger sur les téléphones par défaut ; Popup et Offcanvas avec Pro |
| Disposition par appareil | Un paramètre de point d'arrêt | Définir pour chaque appareil |
| Animations de pointeurs de survol | Oui | Non |
| Méga menu | Widget de menu avec contenu déroulant | Extension Mega Menu |
Si vous payez déjà pour Elementor Pro, ses widgets de menu font le travail Sans lui, Nav Menu et le Méga Menu extension vous donner un menu d'en-tête stylé sans Elementor Pro.
Menu Nav en un coup d'œil
Ce que fait le widget, lire à partir de Master Addons 3.2.3.
| Article | Widget de menu Nav |
|---|---|
| Source du menu | Tout menu de Apparence, Menus, choisi dans le menu Sélectionner |
| Dispositions | Horizontal et vertical sur chaque appareil ; Hamburger sur les téléphones par défaut |
| Types verticaux | Normal, Basculer, Accordéon et Côté |
| Hamburger sur ordinateur et tablette | Maître Addons Pro |
| Types de hamburgers | Par défaut sur les téléphones ; Popup et Offcanvas avec Pro |
| Sous-menus | Separate sections de style pour le dropdown, ses éléments, les sous-menus plus profonds et leurs éléments |
| États | Normal, Hover et Actif pour les éléments principaux et les éléments déroulants |
| Icônes d'indicateurs | Icônes déroulantes et de sous-menu que vous choisissez, avec la taille, la couleur, la position et la rotation |
| Animations de pointeurs de survol | Non (le widget de menu d'Elementor Pro les a) |
| Collant | Aucun paramètre dans le widget ; rendre le conteneur d'en-tête collant |
| Méga panneaux de menu | Extension Mega Menu |
| Besoins | Elementor et Master Addons, pas d'Elementor Pro |
Exemples de menu Nav
Cinq démos live construites avec le widget Ouvrez-en une, puis importez la mise en page de la Visionneuse de modèles ci-dessous.
- Navbar au charbon et méga menu: une barre d'en-tête sombre avec un panneau de menu méga à plusieurs colonnes.
- Menu Nav avec barre supérieure: une barrette de contact au-dessus du menu principal.
- Variations du menu déroulant: plusieurs styles déroulants sur le même menu.
- Menu de navigation verticale: le menu comme liste verticale.
- Menu latéral vertical: le type Side épinglé sur le bord de la page.
Comment ajouter un menu nav dans Elementor
Le widget utilise les menus que vous construisez dans WordPress, alors commencez par là.
- Créez votre menu sous Apparence > Menus.
- Dans Elementor, faites glisser le widget Master Addons Nav Menu dans votre en-tête, pied de page ou page.
- Choisissez le menu dans le menu Sélectionner et choisissez une disposition pour le bureau.
- Passez à la vue tablette et téléphone pour vérifier la disposition sur chaque appareil Les téléphones obtiennent le hamburger basculer par défaut.
- Stylez les éléments de menu, les déroulages et basculez dans l'onglet Style, puis publiez.
Pour une procédure pas à pas complète en-tête, lisez comment construire un menu nav dans Elementor sans Pro. Pour un en-tête à l'échelle du site, utilisez le gratuit Constructeur de thèmes.
Se marie bien avec: Méga Menu pour les panneaux multicolonnes, Contenu hors toile (Pro) pour un panneau coulissant, le Constructeur de thèmes pour un en-tête à l'échelle du site, Conditions d'affichage (Pro) pour afficher un menu différent aux visiteurs connectés, et Onglets pour la navigation in-page.
Questions fréquemment posées pour le menu Nav
En quoi est-ce différent des autres widgets Nav Menu ?
Les propres widgets de menu d'Elementor ont besoin d'Elementor Pro. Master Addons Nav Menu fonctionne sans Elementor Pro et ajoute des mises en page par appareil, quatre types de menu verticaux, un style séparé pour chaque niveau et état de menu, des icônes d'indicateurs personnalisées et une bascule de hamburger stylisable. Cela fonctionne également avec l'extension Mega Menu.
Puis-je utiliser ce menu avec l'extension Mega Menu ?
Oui. Activez l'extension Mega Menu, créez le contenu du panneau pour un élément de menu à partir de l'écran Menus WordPress, puis sélectionnez ce menu dans le widget Nav Menu. Le widget affiche les méga panneaux de menu à l'avant.
Est-il difficile de configurer les différents styles pour normal, planeur et actif ?
Non. Ouvrez l'onglet Style, choisissez une partie du menu telle que l'élément de menu principal et basculez entre les onglets Normal, Survoler et Actif pour définir les couleurs de chaque état.
Comment modifier le menu qui s'affiche dans le widget ?
Le widget affiche un menu WordPress, vous le modifiez donc sous Apparence, Menus Ajoutez, renommez ou réorganisez des éléments là et enregistrez Le contrôle Select Menu dans le widget a un lien direct vers cet écran, et les modifications apparaissent dans Elementor après un rafraîchissement.
Comment ajouter un sous-menu ?
Dans Apparence, Menus, faites glisser un peu l'élément vers la droite sous l'élément auquel il appartient, jusqu'à ce que WordPress le marque comme sous-élément, puis enregistrez Le widget l'affiche sous forme de liste déroulante Style it in Style, Dropdown Menu and Dropdown Menu Item.
Est-ce que je reçois un menu hamburger sur mobile sans Pro ?
Oui. Sur les téléphones, le widget passe par défaut au hamburger et le menu s'ouvre en place sous la bascule. L'utilisation du hamburger sur le bureau ou la tablette, ou son ouverture en tant que panneau Popup ou Offcanvas, nécessite Master Addons Pro.
Quel est le meilleur cas d'utilisation pour le type de menu « Offcanvas » ou « Popup » ?
Les deux sont des types de hamburger Pro. Offcanvas glisse le menu de gauche ou de droite, ce qui convient aux téléphones et aux conceptions minimales Popup ouvre le menu sur la page, ce qui fonctionne bien pour la navigation sur site complet sur les sites de portefeuille ou d'agence Sans Pro, le hamburger sur les téléphones ouvre le menu en place sous la bascule.
Ce menu fonctionnera-t-il avec l'en-tête de mon thème WordPress existant ?
Oui, vous pouvez placer le widget n'importe où Elementor s'exécute Pour remplacer complètement l'en-tête de votre thème, construisez un modèle d'en-tête avec le gratuit Constructeur de thèmes Master Addons et ajoutez-y le widget Nav Menu.
Puis-je avoir un style de menu différent sur le mobile par rapport au bureau ?
Oui. La disposition, l'alignement et de nombreux paramètres de style peuvent être définis par appareil. Par exemple, gardez une barre horizontale sur le bureau, utilisez un accordéon vertical sur les tablettes et le hamburger bascule sur les téléphones.
Puis-je rendre le menu collant ?
Le widget n'a pas de paramètre collant, alors rendez le conteneur d'en-tête collant à la place Avec Elementor Pro, utilisez Advanced, Motion Effects, Sticky : Top sur ce conteneur Sans Pro, ajouter selector { position: sticky; top: 0; z-index: 99; } au conteneur de la section Master Addons Custom CSS. Notre guide d'en-tête collant couvre la configuration complète.
Pourquoi mon menu ne s'affiche pas ?
Cochez quatre choses Le widget a besoin d'un menu choisi dans le menu Sélectionner, et le site a besoin d'au moins un menu sous Apparence, Menus Un modèle d'en-tête n'affiche que l'endroit où sa condition d'affichage s'applique Sur les téléphones le menu est plié dans le hamburger, alors vérifiez que la couleur de bascule se démarque de l'arrière-plan de l'en-tête Dernier, effacez votre cache et tout paramètre de délai JavaScript après les modifications.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
![Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicateur de messages/pages
