Vous pouvez créer un menu de navigation fonctionnel et stylisé dans Elementor sans acheter Pro. Le propre widget de menu d'Elementor est Pro uniquement, mais le widget gratuit Master Addons Nav Menu introduit n'importe quel menu WordPress dans l'éditeur, le stylise à partir du panneau et s'effondre en un hamburger. basculer sur les petits écrans.
Ci-dessous : pourquoi core Elementor laisse le vide, les trois façons de le combler, la construction elle-même et où s'arrête gratuitement. Cette dernière partie compte plus que d'habitude, car un mode mobile populaire n'est pas gratuit et la plupart des guides disent le contraire.
Pourquoi Elementor free n'a pas de widget de menu
Le plugin gratuit d'Elementor expédie des dizaines de widgets de mise en page et de contenu et aucun moyen de placer un menu de navigation WordPress dans une page ou un modèle Le widget qui le fait, appelé à l'origine Nav Menu et maintenant le widget WordPress Menu, est Pro uniquement. Documentation propre à l'élémenteur le confirme.
Vous pouvez toujours construire le menu lui-même sous Apparence > Menus WordPress l'enregistre bien L'écart est du côté de la conception : core Elementor n'a rien dans quoi déposer ce menu, vous êtes donc coincé partout où votre thème décide de l'imprimer.
Sur un site simple avec un thème prêt pour les menus, cela peut suffire Au moment où vous voulez un en-tête personnalisé, une barre collante, un hamburger pour basculer que vous contrôlez, ou un méga menu, Elementor gratuit seul ne peut pas y arriver.
La dénomination a changé au fil des ans, ce qui ajoute de la confusion Les anciens tutoriels disent Nav Menu, les plus récents disent WordPress Menu. La licence n'a jamais changé Il a toujours EU besoin de Pro.
Trois façons d'ajouter un menu nav sans Pro
Trois options réelles, chacune s'échangeant différemment sur le style et le comportement mobile.
| Méthode | Coût | Style de l'éditeur | Mobile | Meilleur pour |
|---|---|---|---|---|
| Lieu du menu du thème | Gratuit | Aucun, le thème le contrôle | Dépend du thème | Sites simples sur un thème prêt pour les menus |
| Widget Master Addons Nav Menu | Gratuit | Plein, du panneau | Hamburger bascule sur les téléphones | Un en-tête personnalisé sans Pro |
| Menu Mega des modules complémentaires principaux | Gratuit | Plein | S'effondre en bascule | Panneaux multicolonnes, grande navigation |
| Widget Elementor Pro Menu | Licence payée | Plein | Comprend hors toile | Sites déjà sur Elementor Pro |
Emplacement du menu thématique. Chaque thème enregistre au moins une zone de menu Attribuez votre menu et il fonctionne avec zéro plugin Vous n'obtenez aucun contrôle sur son look de la part de Elementor, et le comportement mobile est quel que soit le thème construit par l'auteur Si le menu de votre thème semble déjà correct et s'effondre proprement, il n'y a véritablement aucune raison d'ajouter un widget en haut.
Widget Master Addons Nav Menu. L'option Elementor-native sans licence Pro. Abandonnez le Widget de menu Nav dans n'importe quel modèle, pointez-le vers un menu à partir de Apparence > Menus, et les couleurs de style, l'espacement, les sous-menus et le mobile basculent à partir du panneau.
Menu Mega des modules complémentaires principaux. Pour les sites comportant beaucoup de catégories, l'extension Mega Menu construit des panneaux multi-colonnes et est également gratuite C'est un outil séparé avec sa propre procédure pas à pas : comment construire un méga menu dans Elementor sans Pro.
Élémenteur Pro. Si vous le possédez déjà, son widget Menu et Theme Builder le font nativement et vous devez les utiliser L'exécution de deux plugins pour une seule tâche n'ajoute que du poids.
Construire le menu, commencer à terminer
Toute la build se passe dans wp-admin et l'éditeur Elementor Pas d'extrait de code, pas de modification de thème enfant Avant de commencer, vérifiez que votre thème n'imprime pas déjà son propre en-tête, car deux en-têtes empilés sont le désordre le plus courant que les gens font ici.
Étape 1 : Enregistrez le menu
Accédez à Apparence > Menus, créez un menu, ajoutez vos pages et liens et donnez-lui un nom que vous reconnaîtrez dans six mois. Il s'agit simplement de WordPress, rien de spécifique au plugin, et WordPress a un guide de l'écran Menus si vous n'en avez pas construit avant.
Étape 2 : Créer un modèle d'en-tête
Ouvrez le gratuit Constructeur de thèmes Master Addons et ajoutez un nouveau modèle avec le type défini sur En-tête C'est le conteneur dans lequel votre menu vit, et c'est ce qui vous permet de remplacer l'en-tête du thème plutôt que de le combattre.
Étape 3 : Ajoutez le widget Nav Menu et choisissez votre menu
Recherchez dans le panneau Élémenteur «“Nav Menu” » et faites-le glisser dans l'en-tête Dans les paramètres du widget, choisissez le menu que vous avez construit à la première étape dans la liste déroulante Sélectionner le menu, puis définissez la disposition horizontale convient à un en-tête standard ; Vertical convient à une barre latérale et vous donne les sous-types Normal, Basculer, Accordéon et Côté.
La mise en page est définie par appareil Les téléphones utilisent la bascule du hamburger par défaut, de sorte que le menu du bureau s'y effondre sans configuration supplémentaire.
Étape 4 : Stylez-le
La police, la couleur, l'espacement, les états de survol et le comportement du sous-menu sont tous dans l'onglet Style. Aucun CSS personnalisé n'est requis. C'est le noyau de la pièce que Elementor ne peut pas faire du tout, ce qui est la raison pour laquelle il a ajouté un widget plutôt que d'utiliser un emplacement de menu thématique.
Étape 5 : Publiez et attribuez-le
Enregistrez le modèle et attribuez-le à l'ensemble du site. Sur le niveau gratuit, c'est la seule condition d'affichage disponible, ce qui est bien lorsque vous souhaitez un en-tête partout.
Étape 6 : Vérifiez-le sur l'avant
Chargez le site et confirmez qu'un en-tête est en train de se rendre, et non deux. si vous voyez également le menu du thème, désactivez-le dans les paramètres du personnalisateur du thème plutôt que de le cacher avec CSS.
Le faire fonctionner sur mobile
Un menu qui ne fonctionne que sur le bureau n'est pas terminé Sur les téléphones, le widget Nav Menu s'effondre en une bascule de hamburger, et cette bascule est gratuite, y compris son icône, son état actif et son style.
La bascule est conçue pour une utilisation au clavier et au lecteur d'écran plutôt qu'à la souris uniquement Entrez et Space ouvrez-la, Esc la ferme Cela vaut la peine de vérifier sur n'importe quel widget de menu que vous installez, car beaucoup sont construits à partir de divs qu'un clavier ne peut pas atteindre.
Soyez clair sur ce qu'est le menu mobile gratuit : le panneau replié se développe en place sous la bascule Il convient bien aux menus courts et moyens Un panneau complet hors toile qui glisse de côté est une fonctionnalité Pro, couverte dans la section suivante.
Testez sur un vrai téléphone plutôt que sur la barre d'outils du périphérique du navigateur Appuyez sur les cibles, la vitesse de transition et si le panneau se ferme sur une touche extérieure se comportent tous différemment sur un écran tactile que dans une fenêtre de bureau redimensionnée Vérifiez que l'icône change d'état pour qu'il soit évident que le menu est ouvert, et qu'un élément de sous-menu est joignable avec un pouce.
Où s'arrête la version gratuite
Deux limites, et les deux valent la peine d’être connues avant de concevoir autour d’elles plutôt qu’après.
Hors toile et le choix de disposition Hamburger sont Pro. Le contrôle de mise en page offre Horizontal et Vertical gratuitement, avec Hamburger marqué Pro. Les téléphones utilisent un hamburger avec le type par défaut sorti de la boîte, mais choisir Hamburger pour d'autres largeurs, ou passer aux types Popup ou Offcanvas, nécessite Pro. Ainsi, le panneau latéral coulissant que signifie généralement le menu de “ hors toile est une fonctionnalité payante ici. Le libre chemin vers quelque chose de similaire est le type Side de la mise en page verticale, qui gare le menu sur le côté de la page, ou le bascule standard du hamburger pour mobile.
Le ciblage du générateur de thèmes est une règle. Le générateur de thèmes gratuit enregistre exactement une condition d'affichage : site entier Très bien si vous voulez un en-tête partout Pas assez pour un en-tête différent sur une page de destination, un menu différent pour les membres connectés, ou un en-tête scopé à un type de publication Ceux qui ont besoin de Pro. Notre panne des conditions d'affichage trace cette ligne à travers la source du plugin et le guide gratuit du créateur de thèmes couvre le reste de ce niveau.
Si vous possédez déjà Elementor Pro, aucune de ces solutions de contournement ne s'applique Et si l'emplacement du menu de votre thème est suffisant, l'apparence simple > Menus sans addon du tout est le bon appel Ajouter un plugin une fois que la valeur par défaut du thème cesse d'être suffisante Le répertoire des widgets et des extensions répertorie ce qui est livré gratuitement si vous pesez le plugin dans son ensemble.
Si l'en-tête a besoin d'une section que vous continuez à reconstruire à la main, le Constructeur de widgets vous permet de l'écrire une fois comme un vrai widget. Cela se trouve dans Pro, et le page de tarification répertorie les niveaux.
Foire aux questions
Existe-t-il un widget de menu gratuit pour Elementor ?
Pas d'Elementor lui-même Le plugin core n'a pas de widget de menu ; que l'on expédie uniquement avec Pro. Master Addons, une extension gratuite, ajoute son propre widget Nav Menu afin que vous puissiez placer et styliser un véritable menu de navigation sans licence.
Pouvez-vous créer un menu nav dans Elementor sans Pro ?
Oui. Enregistrez le menu sous Apparence > Menus comme d'habitude, puis utilisez un module complémentaire gratuit pour déposer un widget Nav Menu dans un modèle d'en-tête et le styliser à partir du panneau Elementor free ne peut pas à lui seul placer ou styliser un menu, vous avez donc besoin soit d'un emplacement de menu de thème, soit d'un widget d'ajout.
Comment ajouter gratuitement un menu hamburger mobile dans Elementor ?
Ajoutez le widget Master Addons Nav Menu à votre modèle d'en-tête, sélectionnez votre menu, et il s'effondre par défaut sur un hamburger basculer sur les téléphones La bascule, son icône et son style sont tous gratuits Le panneau se développe en place sous la bascule.
Le menu hors toile est-il gratuit dans Master Addons ?
No. Off-canvas est l'un des trois types à l'intérieur de la disposition Hamburger Le choix de cette disposition ou de ses types Popup et Offcanvas nécessite Master Addons Pro. gratuitement, vous obtenez des dispositions horizontales et verticales ainsi que la bascule de hamburger par défaut sur les téléphones Si vous voulez un menu à ancrage latéral sans payer, le type Side de la disposition verticale est l'équivalent gratuit le plus proche.
Comment créer un méga menu dans Elementor gratuitement ?
Master Addons inclut une extension gratuite Mega Menu qui construit des panneaux multi-colonnes et s'effondre sur mobile Il est distinct du widget standard Nav Menu et construit pour une navigation plus grande avec des catégories, des colonnes ou du contenu promotionnel.
Pourquoi mon menu de navigation Elementor n'apparaît-il pas ?
Habituellement un menu non attribué Vérifiez qu'un menu est réellement sélectionné dans les paramètres du widget, pas seulement créé sous Apparence > Menus Ensuite, confirmez que le modèle d'en-tête est attribué à l'ensemble du site dans le générateur de thèmes, et qu'aucun en-tête de thème n'est toujours actif et ne le chevauche.
Ai-je besoin de Master Addons Pro, ou le menu est-il gratuit ?
Le widget Nav Menu est gratuit, y compris le style, les sous-menus, les mises en page par appareil et la bascule du hamburger sur les téléphones. Pro ajoute la disposition Hamburger pour n'importe quelle largeur avec ses types contextuels et hors toile, et les conditions du créateur de thème au-delà d'une seule règle de site entier.
Que faire ensuite
Construisez l'en-tête avec une disposition horizontale, puis chargez-le sur votre propre téléphone avant de coiffer autre chose. La plupart des problèmes de menu sont des problèmes mobiles et apparaissent en dix secondes sur un appareil réel.
Si le menu s'avère avoir besoin de panneaux à plusieurs colonnes, le méga guide de menu ramasse de là. Le Page du widget Nav Menu le compare avec les widgets de menu d'Elementor Pro, et le Documentation du menu Nav répertorie chaque contrôle.
