Divi permet de contrôler à la fois la structure d’une page et son apparence visuelle.
Comprendre cette différence aide à construire des pages plus claires, plus cohérentes et plus faciles à maintenir.
Dans cet article, tu vas apprendre comment gérer la mise en page et le design avec Divi.
En bref #
- La mise en page organise le contenu sur la page
- Le design permet d’ajuster l’apparence visuelle
- Une page simple et cohérente est plus efficace qu’une page trop chargée
Comprendre la différence entre mise en page et design #
Dans Divi, la mise en page concerne l’organisation du contenu.
Elle définit par exemple:
- le nombre de colonnes
- la largeur des zones
- l’emplacement des modules
Le design concerne l’apparence visuelle des éléments.
Il permet par exemple de modifier:
- les couleurs
- les tailles de texte
- les espacements
- les bordures
Gérer la mise en page avec les sections et les lignes #
Dans Divi, la structure d’une page repose sur les sections et les lignes.
Les sections servent à découper la page en grandes zones horizontales.
Les lignes permettent ensuite d’organiser le contenu en colonnes.
Pour modifier la structure d’une page, clique sur les réglages de la ligne ou de la section.
Tu peux ainsi ajuster:
- le nombre de colonnes
- la largeur du contenu
- l’espacement entre les éléments
Modifier le design d’un module #
Chaque module Divi possède un onglet Design.
Dans cet onglet, tu peux personnaliser l’apparence du module sans modifier son contenu.
Tu peux par exemple ajuster:
- la taille du texte
- la couleur du texte
- les marges
- les espacements internes
- les bordures et ombres
Gérer les espacements #
Les espacements jouent un rôle important dans la lisibilité d’une page.
Dans Divi, tu peux régler:
- les marges externes
- les espacements internes
Un bon espacement permet d’aérer le contenu et de mieux séparer les sections.
Conserver une cohérence visuelle #
Une bonne page ne repose pas uniquement sur les options disponibles, mais sur leur cohérence.
Pour garder une mise en page propre, essaie de rester constant sur:
- les couleurs
- les tailles de titres
- les espacements
- les styles de boutons
Une page trop chargée visuellement est souvent plus difficile à lire.
Prévisualiser et enregistrer les changements #
Divi affiche les modifications directement dans l’éditeur visuel.
Avant de quitter la page, pense à cliquer sur Enregistrer.
Sans enregistrement, les changements seront perdus.
Points d’attention #
- Trop d’effets visuels nuisent à la lisibilité
- Une structure trop complexe rend la page plus difficile à modifier
- Des espacements incohérents donnent rapidement un rendu désordonné
Astuce utile #
Commence toujours par organiser correctement la structure de la page avant de travailler son apparence.