Divi Builder est l’éditeur visuel de pages intégré au thème WordPress Divi. Cet outil extrêmement puissant permet de créer facilement des pages web professionnelles. Découvrez dans ce tutoriel comment exploiter tout le potentiel du Divi Builder.
Les bases du Divi Builder
Le Divi Builder permet de créer vos pages WordPress de manière visuelle en ajoutant et organisant des modules de contenu :
- Il fonctionne avec un système de sections qui contiennent des rangées.
- Dans chaque rangée vous pouvez ajouter des modules (textes, images, boutons…)
- La mise en page est responsive pour s’adapter aux mobiles.
L’interface est organisée en 3 zones :
- La bibliothèque de modules à gauche
- La zone de construction au centre
- Les options de chaque modules à droite
Après cette rapide prise en main, explorez toutes les possibilités des nombreux modules de contenu proposés.
Personnaliser finement chaque élément
L’avantage du Divi Builder est de pouvoir personnaliser individuellement chaque élément de la page :
- Jouez avec les options de mise en forme : couleurs, policiers, taille, alignement du texte…
- Ajuster l’espacement (padding) entre le contenu et les bordures.
- Appliquez des bordures, ombres et effets de texte (zoom, distorsion…).
- Choisissez l’arrière-plan : couleur, image, vidéo ou diaporama.
Une fois les bases maîtrisées, laissez libre cours à votre créativité pour des pages uniques.
Optimiser la structure des pages
Pour des pages efficaces, soignez la structure grâce aux sections et rangées :
- Commencez par définir le squelette avec des sections principales.
- Subdivisez ensuite avec des rangées pour créer un rythme visuel.
- Associez des modules complémentaires dans chaque rangée.
- Pensez à la hiérarchie visuelle en variant les tailles de modules.
Une structure réfléchie améliore l’expérience utilisateur.
Exploiter des modules avancés
Le Divi Builder fournit de nombreux modules de contenu avancés :
- Le module Slider pour créer des diaporamas attractifs.
- Pricing Tables pour présenter des offres et formules.
- Des formulaires de contact ou d’inscription complets.
- La Gallery pour mettre en valeur vos photos.
- Des boutons dynamiques avec effets au survol.
De quoi créer des pages aussi complètes que des sites entiers !
Maîtriser la version Divi Builder Full Width
La version Full Width du Divi Builder permet de créer des pages sans sidebars. Activez cette option dans Paramètres > Général. Vous pouvez ainsi :
- Concevoir des pages d’accueil immersives.
- Réaliser des landing pages percutantes.
- Maximaliser l’espace disponible.
Un atout majeur pour certains types de page.
Compléter avec une formation Divi
Pour approfondir encore votre maîtrise de cet outil puissant, je vous conseille une formation complète sur Divi. Découvrez sur ce blog de nombreux tutos consacrés au Divi Builder pour devenir un expert !
Vous savez désormais tirer parti de toutes les possibilités du Divi Builder. Amusez-vous à créer des pages web professionnelles et élégantes !
D’autres articles sur DIVI dans ce blog :
- Créer un site web avec Divi
- Avantages de Divi
- Sécuriser un site Divi
- Optimiser les performances Divi
- Débuter avec Divi
Optimiser vos pages Divi Builder pour le référencement naturel
Une fois vos pages créées visuellement avec le Divi Builder, il est indispensable de les optimiser pour améliorer leur référencement dans les moteurs de recherche (SEO). Voici les bonnes pratiques à suivre :
- Assurez-vous que vos pages ont un titre de page optimisé, comportant le mot-clé ciblé. Il sera utilisé comme balise H1.
- Rédigez pour chaque page une méta-description pertinente, concise et engageante, intégrant le mot-clé prioritaire.
- Structurez votre contenu avec des sous-titres (modules Titre) pour découper votre texte en parties logiques autour de vos mots-clés secondaires.
- Mettez en avant les mots importants dans vos textes avec l’option Texte En Gras ou Texte Italique.
- Choisissez des noms de sections et ID de module comportant vos mots-clés.
- Intégrez des images nommées et optimisées selon vos mots-clés ciblés.
- Insérez des liens internes pointant vers des pages de votre site pertinentes.
- Proposez des boutons d’appel à l’action pour inciter les visiteurs à converger.
En optimisant naturellement votre contenu Divi Builder pour le SEO, vous améliorerez considérablement la visibilité de vos pages web dans Google. Cela complètera idéalement votre maîtrise de cet éditeur, en rendant vos créations aussi attractives pour les moteurs de recherche que pour vos visiteurs !