procedures:sinp-aura:tutoriels:cms:elementor

Ceci est une ancienne révision du document !


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
  • et quelques dizaines d'autres…

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.

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 :

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).

Insérer des élements

Une fois que vous avez créé un ou des blocs, vous pouvez y intégrer votre contenu sous forme d'éléments.

Paramétrer les éléments
Paramètres avancés

Importer ou Enregistrer une section réutilisable

  • procedures/sinp-aura/tutoriels/cms/elementor.1610363816.txt.gz
  • Dernière modification : 2021/01/11 11:16
  • de dmaillard