Ceci est une ancienne révision du document !
Tutoriel Elementor : Editer le site internet de l'ORB
Elementor en quelques lignes
Elementor est un plugin WordPress qui embarque son propre composeur de thèmes et de pages. En complétant (ou plutôt en remplaçant) l'éditeur par défaut de Wordpress, il permet de créer des rendus plus esthétiques plus rapidement et avec des compétences moindres en code.
Pour ce faire, Elementor "code pour vous" un ensemble de widgets que vous pourrez injecter dans vos pages et que vous pourrez paramétrer dans une assez grande mesure. Pour les utilisateurs plus avancés, il permet d'ajouter des règles css et de personnaliser encore davantage les widgets mis à disposition.
Dans le cadre de l'ORB, nous disposons de la licence Elementor Pro, nous permettant d'avoir accès à davantage de widgets (éléments).
Des sections et des élements
Le composeur d'Elementor s'appuie sur des sections qui permettent de structurer la page. Ces sections définissent un ensemble de zones au sein desquelles on pourra intégrer notre contenu. Ce contenu est alors mis en forme avec des éléments tels que :
- des titres,
- des paragraphes,
- des images,
- des vidéos,
- des boutons,
- des formulaires etc.
Des éléments plus avancés permettent d'améliorer la lisibilité pour l'utilisateur : onglets, accordéons, galeries filtrables etc
L'éditeur d'Elementor
Accéder à l'éditeur
L'éditeur Elementor "remplace" l'éditeur de WordPress. On peut y accéder par différents moyens :
- Depuis la liste des articles/pages : lien modifier avec Elementor
- Depuis la page de création ou modification d'une page/article : bouton modifier avec Elementor
- Depuis le site en mode connecté : lien modifier avec Elementor dans la barre d'outil qui se situe au dessus des menus
Créer une structure
Afin d'organiser votre page et aboutir à une page ergonomique, Elementor s'appuie sur des sections pour créer une structure de page.
Vous pouvez ajouter autant de sections que vous le souhaitez à votre page, et vous pourrez intégrer autant de widgets que vous voudrez à chacune de vos sections ensuite. Sections et élements peuvent s'ajouter en parallèle (il n'est pas nécessaire de faire 100% de la structure de la page avant d'y intégrer le contenu).
Les sections sont ajoutées par un petit "+" en bas de page, et peuvent comporter une ou plusieurs colonnes. La largeur de ces colonnes et leur nombre est modifiable par la suite :
dmaillard