Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
procedures:sinp-aura:tutoriels:cms:elementor_content [2021/01/14 15:26] – dmaillard | procedures:sinp-aura:tutoriels:cms:elementor_content [2022/04/15 13:21] (Version actuelle) – dmaillard |
---|
Votre identifiant et mot de passe sont à demander à l'animateur du site internet, Flavia APE (Donovan Maillard). | 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**. | **Rappelez-vous qu'Elementor ne fait que gérer le contenu directement visible par l'utilisateur. Un certain nombre d'actions (créer des pages, des articles, leur donner un titre etc) reposent donc sur les interfaces classiques de WordPress**. |
| |
===== Accéder à l'éditeur des pages ou articles ===== | ===== Accéder à l'éditeur des pages ou articles ===== |
Afin d'organiser votre page ou article et aboutir à une présentation ergonomique, Elementor s'appuie sur des **sections** pour créer une **structure de page**. Ces sections forment une sorte de "tableau" au sein duquel vous disposerez vos contenus. | Afin d'organiser votre page ou article et aboutir à une présentation ergonomique, Elementor s'appuie sur des **sections** pour créer une **structure de page**. Ces sections forment une sorte de "tableau" au sein duquel vous disposerez vos contenus. |
| |
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 {{:procedures:sinp-aura:tutoriels:cms:screenshot_2021-01-12_elementor_accueil.png?direct&30|}} 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 : | 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 {{:procedures:sinp-aura:tutoriels:cms:screenshot_2021-01-12_elementor_accueil.png?direct&30|}} disponible en bas de page, et peuvent comporter un ou plusieurs conteneurs. La largeur, la disposition de ces conteneurs et leur nombre est modifiable par la suite : |
{{ :procedures:sinp-aura:tutoriels:cms:create_sections.webm |}} | {{ :procedures:sinp-aura:tutoriels:cms:create_sections.webm |}} |
| |
| |
**Modifier une section :** | **Modifier une section :** |
Une fois une que vous avez ajouté une ou des sections avec l'icône {{:procedures:sinp-aura:tutoriels:cms:screenshot_2021-01-12_elementor_accueil.png?direct&30|}}, 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 {{:procedures:sinp-aura:tutoriels:cms:capture_d_e_cran_2021-01-12_a_11.13.57.png?direct&100|}}, disponible au survol en haut de chaque section. | Une fois une que vous avez ajouté une ou des sections avec l'icône {{:procedures:sinp-aura:tutoriels:cms:screenshot_2021-01-12_elementor_accueil.png?direct&30|}}, 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 pouvez rouvrir ce panneau à tout moment en cliquant sur le bouton {{:procedures:sinp-aura:tutoriels:cms:capture_d_e_cran_2021-01-12_a_11.13.57.png?direct&100|}}, disponible au survol en haut de chaque section. |
| |
* L'icône {{:procedures:sinp-aura:tutoriels:cms:capture_d_e_cran_2021-01-12_a_11.19.08_3.png?direct&30|}} permet de créer une nouvelle section au dessus de la section courante | * L'icône {{:procedures:sinp-aura:tutoriels:cms:capture_d_e_cran_2021-01-12_a_11.19.08_3.png?direct&30|}} permet de créer une nouvelle section au dessus de la section courante |
* {{:procedures:sinp-aura:tutoriels:cms:capture_d_e_cran_2021-01-14_a_11.30.20_1.png?direct&30|}}dupliquer la colonne courante | * {{:procedures:sinp-aura:tutoriels:cms:capture_d_e_cran_2021-01-14_a_11.30.20_1.png?direct&30|}}dupliquer la colonne courante |
* {{:procedures:sinp-aura:tutoriels:cms:capture_d_e_cran_2021-01-14_a_11.30.20_3.png?direct&30|}}créer une nouvelle colonne après la colonne courante | * {{:procedures:sinp-aura:tutoriels:cms:capture_d_e_cran_2021-01-14_a_11.30.20_3.png?direct&30|}}créer une nouvelle colonne après la colonne courante |
* {{:procedures:sinp-aura:tutoriels:cms:capture_d_e_cran_2021-01-14_a_11.30.20_2.png?direct&30|}}supprimer la colonne courant | * {{:procedures:sinp-aura:tutoriels:cms:capture_d_e_cran_2021-01-14_a_11.30.20_2.png?direct&30|}}supprimer la colonne courante |
| |
De plus, vous pourrez modifier la largeur de chaque colonne en déplaçant simplement leurs limites vers la gauche ou la dro | De plus, vous pourrez modifier la largeur de chaque colonne en déplaçant simplement leurs limites vers la gauche ou la droite. |
| |
===== Intégrer du contenu aux pages ===== | ===== Intégrer du contenu aux pages ===== |
Une fois que vous aurez créé une ou des sections/colonnes, vous pourrez y intégrer des **éléments** de contenu. Pour ce faire, l'éditeur vous propose **une banque d'éléments** disponibles via l'icône {{:procedures:sinp-aura:tutoriels:cms:capture_d_e_cran_2021-01-14_a_11.34.59.png?direct&30|}}(disponible en haut à droite du panneau d'édition), que vous pourrez **glisser-coller** (drag & drop) dans la zone de votre choix. | Une fois que vous aurez créé une ou des sections/colonnes, vous pourrez y intégrer des **éléments** de contenu. Pour ce faire, l'éditeur vous propose **une banque d'éléments** disponibles via l'icône {{:procedures:sinp-aura:tutoriels:cms:capture_d_e_cran_2021-01-14_a_11.34.59.png?direct&30|}}(disponible en haut à droite du panneau d'édition). Vous pourrez **glisser-coller** (drag & drop) un ou plusieurs **widgets** dans la zone de votre choix. |
| |
Un élément est alors importé dans votre zone, 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. | Un élément est alors importé dans votre zone, et l'éditeur affiche le panneau de configuration correspondant à l'élément ajouté pour en personnaliser le contenu, la mise en forme, la position etc. |
| |
Par exemple : | Par exemple : |