Construire avec Divi

Tous les Thèmes Divi  (Elegant Themes)vous permettent d’utiliser le plugin « Divi Builder »,  extension qui permet de construire des mises en page complexes et originales, beaucoup plus facilement qu’avec les Blocs des thèmes classiques de WordPress.

Vous trouverez dans ce chapitre tout ce qui vous est nécessaire pour construire des articles ou des pages avec Divi:

Dans la vidéo ci-dessous, vous verrez comment construire une page à l’aide du constructeur DIVI sans utiliser de modèle.

Une fois votre article ou votre page construite, n’oubliez pas de la publier ou d’enregistrer le brouillon.

L’intérêt majeur de Divi est,  à mon avis, de vous permettre de créer des modèles personnels grâce auxquels il vous sera facile de créer un site avec une présentation homogène et reproductible sur d’autres sites.

La bibliothèque de Divi contient les modèles créés dans ce site (ou éventuellement importés), ainsi que les modules sauvegardés.

Avant de commencer à construire une page , un article ou un projet avec le constructeur Divi (en activant le “Visual Builder”), il faut bien en comprendre les menus de base … (dans le diaporama ci-dessous pour afficher les légendes des images, cliquez au milieu de la galerie)

… ainsi que la structure générale la plus simple des pages ou des articles : 

  1. chaque section (en bleu) contient une ou plusieurs rangées
  2. la rangée (en vert) comprend une ou plusieurs colonnes disposées comme le montre l’image ci-contre
  3. à l’intérieur de chaque colonne, on peut insérer des modules (en gris) variés

Pour chaque module

  • vous devez saisir le contenu
  • vous pouvez choisir ou modifier la mise en forme (= style)
  • la rubrique “avancé” peut être délaissée pour le moment !
  • si vous êtes satisfait de votre création, vous pouvez l’enregistrer dans la bibliothèque pour usage ultérieur !

Il est possible de créer des pages de structure plus complexe, en utilisant d’autres types de sections (en violet et orange) comme le montre aussi la vidéo ci-contre :

En créant vos modèles vous pourrez mémoriser tous vos réglages de mise en forme !

Pour voir les illustrations ci-contre en détail, passez la souris dessus et cliquez sur le signe plus (+)