Créer une nouvelle page Elementor
Elementor est installé et paramétré ? Il est maintenant temps de créer sa première page Elementor pour son site.
Pour créer une nouvelle page Elementor pour votre site, il suffit d’aller dans le tableau de bord de WordPress > Pages > Ajouter
On indique
- Le titre
- Le slug ou url
- Le modèle de page à utiliser (ici pour en savoir plus sur les modèles de pages Elementor) – dans Attributs de page
Puis on clique sur le bouton Modifier avec Elementor :
La page va alors s’ouvrir dans Elementor :
Créer une nouvelle page Elementor de zéro
Une fois sur l’interface d’Elementor la page est pour l’instant vide.
Pour créer notre nouvelle page Elementor, on va devoir :
- Ajouter une section
- Indiquer le nombre de colonne à utiliser
- Ajouter les Widgets
- Paramétrer les sections, les colonnes et les Widgets
Ajouter une nouvelle section :
Pour ajouter une nouvelle section à une page Elementor il suffit de cliquer sur le bouton rouge + :
Indiquer le nombre de colonne à utiliser
Lors de l’ajout d’une nouvelle section, Elementor nous propose de sélectionner le nombre de colonne que l’on souhaite avoir dans notre section :
A tout instant il sera possible d’ajouter une nouvelle colonne ou d’en effacer une en faisant clic droit sur une colonne > Dupliquer ou Effacer
Une fois la colonne ajoutée on peut ajouter des Widgets :
Ajouter des Widgets Elementor aux colonnes :
Elementor dispose d’une liste complète de Widgets.
Il est également possible d’en ajouter en téléchargeant des plugins WordPress d’Addons Elementor.
Pour accéder à la liste des Widgets il faut cliquer sur l’icône des 9 points dans la barre latérale gauche :
Puis de sélectionner un Widget et de le faire glisser à l’endroit voulu sur la page :
Et par défaut le Widget prend les paramètres (taille, couleur et style) de notre thème.
Il est cependant possible de paramétrer le thème dans Elementor pour changer par exemple les polices ou les couleurs par défaut.
Paramétrer les Colonnes, Sections et Widgets Elementor
Pour paramétrer un élément (colonne, section ou Widget) Elementor, il faut cliquer dessus et les paramètres s’affichent dans la barre latérale gauche :
La fenêtre des paramètres dispose de 3 onglets que l’on retrouve (quasi) systématiquement sur tous les Widgets :
L’onglet Contenu :
Il sert à modifier le contenu et les paramètres basiques du Widget
L’onglet Style :
Il sert à paramétrer la typo, la taille ou la couleur du Widget
L’onglet Avancé :
Il sera principalement utilisé pour gérer les marges internes et externes ainsi que les options responsive mobile
Créer une nouvelle page Elementor à partir de la bibliothèque de template
Elementor met à notre disposition des templates de blocs et de pages qui peuvent être utilisés pour créer sa nouvelle page.
Plutôt que de partir d’une page vide, il est possible de partir d’un template puis de retravailler ce template pour construire sa page.
Accéder à la bibliothèque de template d’Elementor
Pour accéder à la bibliothèque de template d’Elementor, il suffit de cliquer sur l’icône du dossier :
On accède alors à la bibliothèque d’Elementor.
Importer des pages de template dans Elementor
La bibliothèque contient des pages que l’on peut directement importer en cliquant sur le bouton Insérer.
La page entière : textes, photos et paramètres est alors chargée sur notre page et prête à être modifiée :
Importer des blocs de template dans Elementor
On peut également utiliser dans la bibliothèque des blocs qui permettent de construire sa page :
Et en cliquant sur Insérer, le bloc est chargé dans notre page.
Enregistrer et publier sa page
Une fois notre page Elementor terminée on peut la prévisualiser en cliquant sur l’icône de l’œil ou la publier directement en cliquant sur le bouton Mettre à jour :
Partagez le hub Elementor :