Divi repose sur une structure simple et logique qui permet d’organiser le contenu de tes pages. Comprendre cette structure est essentiel pour utiliser Divi efficacement.
Dans cet article, tu vas découvrir les trois éléments de base de Divi: les sections, les lignes et les modules.
En bref #
- Une page Divi est composée de sections
- Les sections contiennent des lignes
- Les lignes accueillent des modules
La structure de base de Divi #
Divi fonctionne comme un système de blocs imbriqués.
Chaque élément a un rôle précis dans l’organisation de la page.
La hiérarchie est toujours la suivante:
- section
- ligne
- module
Les sections #
La section est l’élément principal de la page.
Elle sert à découper la page en grandes zones horizontales.
Par exemple, une section peut contenir:
- un en-tête
- une zone de contenu
- un pied de page intermédiaire
Pour ajouter une section, clique sur le bouton + bleu dans l’éditeur Divi.
Les lignes #
Les lignes se trouvent à l’intérieur des sections.
Elles permettent de définir la disposition du contenu en colonnes.
Divi propose plusieurs structures de lignes, par exemple:
- une colonne
- deux colonnes
- trois colonnes
- quatre colonnes
Pour ajouter une ligne, clique sur le bouton + vert.
Les modules #
Les modules sont les éléments qui contiennent réellement le contenu.
Ils peuvent afficher du texte, des images ou des fonctionnalités spécifiques.
Exemples de modules courants:
- texte
- image
- bouton
- galerie
- vidéo
Pour ajouter un module, clique sur le bouton + gris.
Comprendre l’imbrication des éléments #
Chaque module doit obligatoirement se trouver:
- dans une ligne
- elle-même dans une section
Si un élément manque, Divi te proposera automatiquement de le créer.
Points d’attention #
- Un module ne peut pas être placé directement dans une section
- Supprimer une section supprime tout son contenu
- Une mauvaise structure peut compliquer les modifications
Astuce utile #
Prends l’habitude de réfléchir à la structure de ta page avant d’ajouter du contenu.