• Base de connaissance
    • WordPress
    • WooCommerce
    • Divi
    • Infomaniak
    • Outils et bonnes pratiques
    • Avancé
  • Résoudre un problème WordPress

WordPress

16
  • Bien démarrer
    • Se connecter à l’administration WordPress
    • Découvrir le tableau de bord WordPress
  • Réglages généraux
    • Comprendre les réglages WordPress
    • Comprendre et configurer les permaliens WordPress
  • Mises à jour & maintenance
    • Mettre à jour WordPress, thèmes et extensions
    • Que faire avant une mise à jour importante?
  • Les thèmes
    • Qu’est-ce qu’un thème WordPress?
  • Contenu (pages & articles)
    • Différence entre pages et articles
    • Créer et modifier une page WordPress
    • Utiliser les brouillons WordPress
    • Créer et modifier un article
    • Comment planifier la publication d’un article WordPress
  • Médias
    • Quels types de fichiers utiliser sur un site WordPress?
    • Ajouter et optimiser une image dans WordPress
  • Menus & navigation
    • Créer et modifier un menu
  • Utilisateurs & rôles
    • Gérer les utilisateurs et les rôles

WooCommerce

7
  • Démarrage WooCommerce
    • Accéder et comprendre WooCommerce
  • Produits
    • Créer un produit variable
    • Créer un produit simple
  • Livraisons
    • Configurer les frais et modes de livraison
  • Paiements
    • Configurer les moyens de paiement
  • Commandes
    • Gérer les commandes WooCommerce
  • Emails & notifications
    • Emails WooCommerce: que reçoit le client?

Divi

11
  • Bases de Divi
    • Installer et activer Divi
    • Ouvrir et utiliser l’éditeur Divi
  • Structure des pages Divi
    • Ajouter et organiser les sections et lignes
    • Comprendre les sections, lignes et modules Divi
  • Modifier le contenu avec Divi
    • Dupliquer, déplacer et supprimer des éléments Divi
    • Modifier un module avec Divi
  • Mise en page et design
    • Gérer la mise en page et le design avec Divi
    • Adapter une page Divi pour mobile et tablette
  • Outils et bonnes pratiques Divi
    • Problèmes fréquents et dépannage Divi
    • Bonnes pratiques pour travailler avec Divi
    • Utiliser la bibliothèque Divi

Infomaniak

9
  • Manager Infomaniak
    • Se connecter au manager Infomaniak
  • Domaines
    • Gérer son nom de domaine
  • Emails
    • Comprendre POP, IMAP et SMTP
    • Configurer une adresse email Infomaniak sur Android et Outlook
    • Dépannage emails: ne reçoit pas / ne peut pas envoyer
    • Configurer une adresse email Infomaniak sur iPhone et Mac
    • Créer et gérer une adresse email
  • Hébergement web
    • Comprendre son hébergement web
  • Sauvegardes & restauration
    • Sauvegardes Infomaniak: comment restaurer son site

Outils et bonnes pratiques

10
  • Bonnes habitudes
    • Bien gérer et stocker ses mots de passe
    • Éviter les erreurs courantes lors des mises à jour
    • Tester un site avant publication
    • Bonnes habitudes avant de modifier un site
  • Contenus et rédaction
    • Rédiger un article de blog: méthode simple et efficace
  • Productivité
    • Raccourcis clavier utiles pour le web
  • Navigateurs et extensions
    • Comprendre le cache et vider le cache du navigateur
    • Tester un site comme un visiteur
    • Navigateurs recommandés pour gérer un site web
    • Extensions navigateur utiles pour le web

Avancé

20
  • Divi (code)
    • Déplacer le logo Google reCAPTCHA v3
    • [CSS] Supprimer la sidebar sur une page Divi
    • [CSS] Ajouter un espace entre les éléments d’une liste
    • [CSS] Personnaliser les puces d’une liste (bullet points)
    • [CSS] Inverser l’ordre des colonnes sur mobile dans Divi
    • [CSS] Conserver les colonnes sur mobile dans une section Divi
    • [CSS] Masquer la légende dans la lightbox d’une galerie Divi
    • [DIVI] [CODE] Masquer les infos au survol des images
    • [CSS+CODE] Conserver la couleur du lien actif dans un menu one-page
    • [CSS] Centrer verticalement un module Divi
  • WordPress (code)
    • [WordPress] Autoriser l’upload de tous types de fichiers
    • [WordPress] Désactiver l’affichage des alertes PHP
  • WooCommerce (code)
    • [WooCommerce] Masquer les autres frais de livraison si la livraison gratuite est disponible
    • [WooCommerce] Limiter les frais d’expédition avec un montant maximum
    • [WooCommerce] Comprendre le calcul des frais d’expédition: par classe ou par commande
    • [WooCommerce] Utiliser des formules avancées pour calculer les frais d’expédition
    • [WooCommerce] Structurer ses frais d’expédition avec les classes et les formules
    • [WooCommerce] Calculer les frais d’expédition avec une classe de livraison
    • [WooCommerce] Modifier le texte “Disponible sur commande”
    • [WooCommerce] Afficher le code promo utilisé dans l’email de confirmation
View Categories
  • Accueil
  • Docs
  • Divi
  • Structure des pages Divi
  • Ajouter et organiser les sections et lignes

Ajouter et organiser les sections et lignes

Temps de lecture estimé: 2 min

Dans Divi, la structure d’une page repose sur trois éléments principaux: les sections, les lignes et les modules.

Les sections et les lignes permettent d’organiser le contenu et de créer la mise en page de la page.

Dans cet article, tu vas apprendre comment ajouter et organiser les sections et les lignes dans Divi.

En bref #

  • Les sections servent à diviser la page en grandes zones
  • Les lignes permettent d’organiser le contenu en colonnes
  • Les modules contiennent le contenu affiché sur la page

Comprendre la structure Divi #

Dans Divi, une page est construite selon une structure simple:

  • une section
  • une ligne
  • un module

La section définit une zone horizontale de la page.

À l’intérieur d’une section, tu ajoutes une ligne qui détermine le nombre de colonnes.

Les modules sont ensuite placés dans les colonnes.

Ajouter une section #

Dans l’éditeur Divi, clique sur Ajouter une section.

Divi propose plusieurs types de sections:

  • section standard
  • section pleine largeur
  • section spéciale

La section standard est la plus utilisée pour créer la structure d’une page.

Ajouter une ligne #

Après avoir ajouté une section, Divi demande de choisir une ligne.

La ligne définit le nombre de colonnes disponibles.

Par exemple:

  • une colonne
  • deux colonnes
  • trois colonnes
  • quatre colonnes

Chaque colonne peut ensuite contenir un module.

Organiser les sections et les lignes #

Dans Divi, il est possible de déplacer les sections et les lignes très facilement.

Pour déplacer un élément, clique sur l’icône de déplacement puis glisse l’élément à l’endroit souhaité.

Tu peux ainsi réorganiser la structure de la page à tout moment.

Dupliquer une section ou une ligne #

Si tu veux réutiliser une structure existante, tu peux la dupliquer.

Clique simplement sur l’icône Dupliquer dans les réglages de la section ou de la ligne.

La copie apparaît immédiatement sous l’élément d’origine.

Points d’attention #

  • Une page avec trop de sections peut devenir difficile à gérer
  • Il est préférable de garder une structure simple
  • Des colonnes trop nombreuses peuvent nuire à la lisibilité

Astuce utile #

Commence toujours par construire la structure de la page avec les sections et les lignes avant d’ajouter les modules et le contenu.

Pour aller plus loin #

  • Comprendre les sections, lignes et modules Divi
  • Modifier un module avec Divi
Updated on mars 16, 2026

Comment as-tu trouvé cet article?

  • Happy
  • Normal
  • Sad
Comprendre les sections, lignes et modules DiviComprendre les sections, lignes et modules Divi
Table des matières
  • En bref
  • Comprendre la structure Divi
  • Ajouter une section
  • Ajouter une ligne
  • Organiser les sections et les lignes
  • Dupliquer une section ou une ligne
  • Points d’attention
  • Astuce utile
  • Pour aller plus loin

Base de connaissance
WordPress
WooCommerce
Divi
Infomaniak
Outils et bonnes pratiques

Vous ne trouvez pas de réponse?
Contactez notre support.

Demande d'assistance

LÉGAL
Politique de confidentialité

© DrGeek.com 2026 | Tous droits réservés
créé par AL&JE