| 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/08/30 20:24] – dmaillard | procedures:sinp-aura:tutoriels:cms:elementor_content [2022/04/15 13:21] (Version actuelle) – dmaillard |
|---|
| 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 |}} |
| |
| |
| ===== 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 : |
dmaillard