DIVI Theme Builder

Le Divi Thème Builder est un outil puissant intégré au thème Divi de WordPress, qui vous permet de créer et de gérer des modèles personnalisés pour les différentes parties de votre site web (en-têtes, pieds de page, pages d’articles, catégories, etc.), sans nécessiter de code. Voici comment fonctionne cet outil et comment l’utiliser pour personnaliser votre site de manière flexible.

Accéder au Thème Builder

• Dans votre tableau de bord WordPress, allez dans Divi > Thème Builder.
• Vous verrez un tableau où vous pouvez ajouter et gérer les modèles pour chaque partie de votre site.
  

Créer un nouveau modèle

• Cliquez sur Ajouter un nouveau modèle pour commencer.
  
• Une fenêtre s’ouvre, vous permettant de choisir où appliquer ce modèle.
  
• Vous pouvez sélectionner des pages spécifiques, des types de contenu (articles, produits, etc.), des catégories, ou appliquer le modèle à l’ensemble du site.
  
  Sélectionnez par exemple “Toutes les pages”. Cela aura pour effet d’appliquer ce modèle à tous les contenus de type “Page” de votre WordPress.
• Une fois les pages ou sections sélectionnées, validez pour commencer la création.

Personnaliser le contenu de la page

• Une fois votre modèle créé, vous avez trois options principales : Ajouter une En-tête Personnalisée, Ajouter un Corps Personnalisé, et Ajouter un Pied de Page Personnalisé.
   
• Pour chaque partie, cliquez sur Construire un corps personnalisé ou Ajouter de la bibliothèque pour accéder à l’éditeur Divi et concevoir votre en-tête, pied de page ou contenu central.
  Vous accédez ensuite au constructeur de page DIVI pour construire votre module :
  
  Si vous ajoutez une section avec le module “Titre du post” et une autre section contenant le module “Publier du contenu” (affiche le contenu de la page en cours), la structure de votre modèle ressemblera à ceci :
  
• Une fois votre structure de contenu définie, cliquez sur le bouton “Sauvegarder” en bas à droite.
• Cliquez ensuite sur la croix en haut à droite pour revenir sur l’écran d’accueil du Theme Builder.
• Cliquez sur le bouton “Sauvegarder les changements” en haut à gauche :
  
• Allez sur votre page “Nos magasins” et vous verrez que le système a ajouté un titre au-dessus de la bannière titre que vous avez définie lors d’un exercice précédent.
  

Personnaliser l’entête de page

Pour créer une entête personnalisée, il suffit de cliquer sur le bouton “ajouter un en-tête global” au niveau du modèle de site Web par défaut ou sur “ajouter un en-tête personnalisé” au niveau d’un de vos modèles :

Au moyen du constructeur DIVI, vous pouvez maintenant construire votre en-tête en ajoutant le module “Menu” dans une section : 

Le module “menu” vous permettra de sélectionner le menu que vous souhaitez afficher, le logo et d’autres paramètres : 

Si vous souhaitez que votre menu reste collé en haut de l’écran, vous pouvez utiliser les options “Effets de défilement” dans l’onglet “avancé” de la section ou du menu :

Personnaliser le pied de page

Pour créer un pied de page personnalisé, il suffit de cliquer sur le bouton “ajouter un pied de page global” au niveau du modèle de site Web par défaut ou sur “ajouter un pied de page personnalisé” au niveau d’un de vos modèles : 

Au moyen du constructeur DIVI, vous pouvez maintenant construire votre pied de page :

Pour insérer des menus dans le pied de page, vous pouvez utiliser le module “barre latérale” en créant préalablement un widget menu pour chaque menu que vous souhaitez insérer.