procedures:sinp-aura:tutoriels:cms:elementor_content

Ceci est une ancienne révision du document !


Créer ou éditer du contenu avec Elementor

Afin de créer ou modifier du contenu sur le site de l'ORB Aura, vous devrez vous connecter à l'interface d'administration de WordPress à l'adresse suivante : <adresse_du_site>/administration-login

Votre identifiant et mot de passe sont à demander à l'animateur du site internet, Flavia APE (Donovan Maillard).

Rappelez vous qu'Elementor ne fait que gérer le contenu directement visible par l'utilisateur. Un certain nombre d'actions reposent donc sur les interfaces classiques de WordPress.

On peut accéder à l'éditeur de contenu Elementor 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

Afin d'organiser votre page ou votre article et aboutir à une présentation 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 l'icône disponible 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 éléments 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 du contenu.

Modifier une section : Une fois une que vous avez ajouté une ou des sections avec l'icône , celle-ci se positionnera sur votre page. Lors de sa création, l'éditeur affiche automatiquement le panneau de configuration de cette section. Mais vous rouvrir retrouver ce panneau à tout moment en cliquant sur le bouton suivant, disponible au survol en haut de chaque section :

  • L'icône permet de créer une nouvelle section au dessus de la section courante
  • L'icône permet de rouvrir le panneau d'édition de la section courante
  • L'icône permet de dupliquer la section courante (utile pour reproduire une mise en page et y modifier le contenu ultérieurement)
  • L'icône permet de supprimer la section courante

Modifier une colonne :

Une fois que vous avez créé tout ou partie de la structure de votre page, vous pouvez y intégrer votre contenu sous forme d'éléments. Pour ce faire, l'éditeur vous propose une banque d'éléments disponibles, que vous pourrez placer dans votre sections par un simple glisser-coller (drag & drop).

Un contenu exemple est alors importé dans votre bloc, et l'éditeur affiche un panneau de configuration de l'élément ajouté pour y personnaliser le contenu, la mise en forme, la position etc.

Par exemple :

Chaque objet (Sections, Colonnes, Eléments) est configurable et personnalisable via un panneau d'édition composé de 3 onglets :

  • Mise en page (Sections & Colonnes) ou Contenu (Eléments)
    • Pour les sections et colonnes, l'onglet mise en page permets de définir la largeur ou hauteur du bloc, l'alignement du contenu dans ce bloc (Haut, Milieu, Bas etc) et de modifier le cas échéant la structure (ajout/suppression de colonnes)
    • Pour les éléments, l'onglet contenu permet de personnaliser le contenu affiché : titre, textes, photos, vidéos, liens affectés, légendes, position etc. Les paramètres proposés sont ainsi propres à chaque élément.
  • Style
    • Cet onglet permet de personnaliser l'apparence des objets : couleurs, polices, images de fonds, bordures, ombres etc.
  • Avancé
    • Cet onglet permet de gérer les aspects les plus avancés (classes css, identifiants css, éditeur de règles css personnalisées etc). Il permet aussi de gérer les marges internes et externes des objets, souvent très utiles !

Paramétrer les sections et éléments

Paramètres avancés

  • procedures/sinp-aura/tutoriels/cms/elementor_content.1610619795.txt.gz
  • Dernière modification : 2021/01/14 10:23
  • de dmaillard