Sélectionner une page

Divi – Rangée de Colonnes

Qu’est-ce qu’une Rangée de Colonnes Divi

Pour créer une page pour votre site avec le thème Divi, vous aurez aussi besoin des Rangées de Colonnes.

Après la création d’une Section, Divi vous propose d’ajouter une Rangée ou Ligne de Colonnes. C’est ensuite à l’intérieur de ces colonnes, que vous pourrez insérer vos propres textes, images vidéos ou autres types de contenus.

Dans la leçon précédente, vous avez vu comment ajouter une rangée d’une colonne.

Il y a des rangées d’1 colonne, de 2 colonnes, de 3, de 4, de 5 et même de 6 colonnes.

Avec des largeurs variées, vous avez une multitude de choix, selon l’organisation que vous souhaitez.

Comment insérer une Rangée de colonnes

Pour pouvoir insérer une rangée de colonnes, il faut d’abord créer une section.

Après la création d’une section, Divi vous propose de sélectionner un type de rangée de colonnes.

En sélectionnant par exemple la rangée de 2 colonnes, cela donne ceci.

  1. correspond à la première colonne
  2. correspond à la seconde colonne

Comment ajouter une rangée à la suite d’une autre

  • En glissant la souris au-dessus de la rangée déjà existante de votre page, les poignées de sélection des sections et rangées vont apparaître.
  • Cliquez sur le bouton + vert, pour Ajouter une nouvelle rangée. Rappelons que la couleur verte correspond aux rangées.

Les différentes actions sur une rangée de colonnes

  • En glissant votre souris au-dessus d’une rangée déjà existante dans votre page, la poignée de sélection verte s’affiche.
  • Déplacez la souris dans le coin supérieur gauche.
  1. Permet de changer l’ordre des rangées en les déplacant par un Glisser-déposer.
  2. Ouvre la fenêtres des Réglages d’une rangée.
  3. Duplique une rangée avec tout son contenu.
  4. Permet de modifier une rangée d’une seule colonne en une autre de 2 ou 3 colonnes, par exemple.
  5. Supprime la rangée.

Fenêtre Réglages d’une Rangée

  1. Ouvre l’onglet Contenu. A l’intérieur, se trouvent :
  2. Lien. Permet de rattacher la rangée à une adresse URL, de sorte qu’en cliquant sur n’importe quelle partie de la rangée, l’internaute soit redirigé vers l’adresse URL définie.
  3. Fond. Ajoute une couleur ou une image oubien les deux, comme style de fond d’une rangée.
  4. Etiquette Admin. Permet de nommer la rangée. Ce nom n’est visible qu’à l’Administrateur du site.
  5. Ferme la fenêtre Réglages sans sauvegarder les changements effectués.
  6. Annule une action effectuée.
  7. Rétablit une action annulée.
  8. Enregistre les changements effectués.
  1. Ouvre l’onglet Style. A l’intérieur, se trouvent :
  2. Dimensionnement. A ce niveau, vous pouvez régler la largeur de la rangée avec son contenu.
  3. Espacement. Permet de définir l’espace tout autour de la rangée à l’extérieur comme à l’intérieur.
  4. Bordure. Définit la bordure ainsi que les coins arrondis de la rangée.
  5. Box Shadow. Permet d’ajouter un style d’ombre.
  6. Filters. Ajoute des filtres de teintes.
  7. Transform. Permet d’ajouter des effets visuels professionnels sans le besoin d’un logiciel de Design.
  8. Animation. Ajoute des effets d’animations.