Avalanche Mate

Créer un menu Elementor version gratuite

Affichage d'un menu gratuit Elementor

Nous allons voir ici comment créer un menu Elementor gratuit.

Elementor version dans sa version gratuite ne permet pas de créer des menus. 

Cette fonctionnalité est réservée à la version Pro d’Elementor. 

Heureusement il existe des addons à Elementor qui vont nous permettre de créer un menu avec Elementor version gratuite et de le mettre automatiquement en ligne sur toutes ou plusieurs pages. 

Installer les addons pour créer un menu Elementor gratuit

Pour créer un menu avec Elementor gratuit, nous allons utiliser deux addons à Elementor :

  1. Elements Kit : qui va nous offrir un widget de menu 

  2. Header, Footer & Blocks Template : qui va nous permettre de créer un modèle de menu dans Elementor et de le diffuser automatiquement sur toutes vos pages.  

C’est très important de créer un modèle de menu et non pas un menu en dur sur votre page.

Sinon vous devrez le changer manuellement sur toutes vos pages à chaque mise à jour.

Installer Elements Kit, addon d’Elementor pour avoir le widget menu Elementor gratuit

Elements Kit est un must have absolu en terme d’addon pour tous ceux qui utilisent Elementor dans sa version gratuite.

Les Widgets qu’il propose sont juste incroyables et palient parfaitement aux limitations d’Elementor dans sa version gratuite. 

Il contient un Widget Menu Elementor gratuit que nous allons utiliser.

Installez et activez l’extension Elements Kit Elementor addons : 

Elements Kit addons Elementor Créer un menu

Une fois Elements Kit installé, nous allons avoir besoin d’une second addon pour créer notre menu Elementor gratuit.

Installer Header, Footer & Blocks Template, addon d’Elementor pour publier automatiquement son menu Elementor gratuit

On va donc installer ensuite un second addon pour Elementor, qui va nous servir à créer un modèle template de menu gratuit Elementor.

Ce modèle va ensuite être diffusé sur toutes nos pages :

Donc installez et activez Elementor – Header, Footer & Blocks Template

menu elementor addon header footer blocks template plugin

Cet addons est une autre pépite absolue pour tous les utilisateurs d’Elementor version gratuite. 

Concrètement elle permet de créer des modèles, des blocs Elementor, puis de les diffuser automatiquement sur vos pages. 

L’avantage c’est qu’on va l’utiliser pour créer un menu avec Elementor. 

Puis diffuser ce menu automatiquement sur toutes les pages que l’on veut. 

Et si on souhaite modifier l’apparence du menu gratuit Elementor, il suffira de modifier ce modèle et le menu se mettra automatiquement à jour sur toutes les pages.

C’est donc un gain de temps considérable lorsque l’on souhaite modifier un élément qui se trouve sur toutes nos pages Elementor. 

Cette technique est justement utilisée pour créer un footer avec Elementor.

Créer un modèle de menu Elementor gratuit

Maintenant qu’on a installé nos deux extensions Elements Kit et Header, Footer & Blocks pour Elementor, on va créer notre modèle de menu avec Elementor version gratuite.

On va dans Apparence > Header Footer & Blocks 

Puis ajouter un nouveau.

On lui donne un nom

Et on clique sur Modifier avec Elementor : 

Créer un bloc menu Elementor avec l'addon Header, Footer & Blocks

Une fois dans Elementor, on va construire son Header comme n’importe quel autre section Elementor.

Pour le menu on va utiliser le Widget Nav menu d’Elements Kit. 

  1. Dans Select menu : on choisit son menu WordPress.

  2. Dans Choose Mobile Menu Logo : on met le logo de son site.

  3. Et on utilise l’onglet Style pour modifier l’apparence de son menu Elementor.

créer un menu elementor Nav Menu

Une fois que le header avec notre menu est créé on clique sur Publier depuis l’éditeur Elementor.

Publier le bloc Menu Elementor

Maintenant qu’on a notre modèle de menu gratuit Elementor, on va le diffuser sur toutes nos pages.

Définir sur quelles pages publier le modèle de menu Elementor gratuit

On revient donc sur notre modèle en cliquant depuis Elementor sur Revenir vers le tableau de bord WordPress. 

Sur le modèle de menu, sous : 

  • Type de modèle : on sélectionne En-tête pour indiquer de l’afficher en haut de la page.
     
  • Sous Display On : On choisit le type de page ou on veut afficher l’en-tête, on peut également créer des conditions en excluant certaines pages.

Paramétrer l'affichage du bloc menu Elementor

Puis on enregistre. 

 

Ici par exemple l’en-tête a été affiché sur une page Article. 

Si on va sur un Article en ligne, on a bien l’en-tête avec le menu qui s’affiche : 

Affichage d'un menu gratuit Elementor

C’est comme ça qu’on créé et qu’on met en ligne un menu Elementor gratuit.

De cette façon si on souhaite modifier le menu, il suffit de modifier le modèle pour qu’il se mette à jour automatiquement sur toutes les pages où il apparaît. 

La combinaison Elements Kit Nav Menu et Header, Footer & Blocks pour Elementor crée un moyen parfait de créer des menus sur ses pages Elementor même avec la version gratuite du constructeur de page. 

Partagez le hub Elementor :