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
Puis on clique sur le bouton Modifier avec Elementor :
La page va alors s’ouvrir dans Elementor :
Une fois sur l’interface d’Elementor la page est pour l’instant vide.
Pour créer notre nouvelle page Elementor, on va devoir :
Pour ajouter une nouvelle section à une page Elementor il suffit de cliquer sur le bouton rouge + :
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 :
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.
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
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.
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.
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 :
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.
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 :