Divi, le thème et constructeur visuel d’Elegant Themes, fait partie des outils les plus utilisés pour créer un site WordPress sans écrire de code. Sa force : on construit ses pages directement à l’écran, en voyant le résultat en temps réel. Voici les notions clés pour bien démarrer et tirer le meilleur parti de Divi.
Pourquoi choisir Divi ?
- Un éditeur visuel complet : textes, images, boutons, formulaires ou galeries se placent par glisser-déposer, directement sur la page.
- Des centaines de mises en page prêtes à l’emploi : des packs de modèles par secteur d’activité (restaurant, photographe, agence, boutique…) pour démarrer en quelques minutes.
- Le Theme Builder : il permet de personnaliser aussi l’en-tête, le pied de page et les modèles d’articles ou de catégories, et pas seulement le contenu des pages.
- Une grande communauté : tutoriels, groupes d’entraide et extensions tierces sont très nombreux, ce qui facilite l’apprentissage.
Trois mots-clés à connaître
Toute page Divi s’organise selon une hiérarchie simple :
- Les sections : les grands blocs horizontaux de la page (bandeau d’accueil, présentation, contact…).
- Les lignes : à l’intérieur d’une section, elles définissent le nombre de colonnes.
- Les modules : les éléments de contenu eux-mêmes, placés dans les colonnes (texte, image, vidéo, bouton, formulaire…).
Une fois cette logique comprise, on peut construire à peu près n’importe quelle mise en page.
Les fonctions à maîtriser
La bibliothèque Divi
Elle permet d’enregistrer une section, une ligne ou un module pour le réutiliser ailleurs. Un élément peut même être rendu « global » : le modifier une fois le met à jour sur toutes les pages où il apparaît. Pratique pour un bandeau d’appel à l’action ou un bloc de contact.
Le responsive
Chaque réglage peut être ajusté séparément pour ordinateur, tablette et mobile : taille de police, marges, affichage ou masquage d’un élément. Prenez l’habitude de vérifier chaque page dans les trois vues avant de la publier.
Les tests A/B
Divi intègre un outil de test fractionné : il affiche différentes versions d’un élément (un titre, un bouton) à vos visiteurs et mesure laquelle obtient le plus de clics ou de conversions. Un vrai plus pour améliorer une page de vente ou d’inscription.
Thème enfant ou pas ?
Si vous vous limitez aux réglages de Divi et au CSS personnalisé de ses options, un thème enfant n’est pas indispensable. En revanche, dès que vous modifiez des fichiers du thème ou ajoutez du code PHP, créez un thème enfant : vos personnalisations seront ainsi conservées lors des mises à jour.
Divi 5, la nouvelle génération
Elegant Themes a entièrement reconstruit son constructeur avec Divi 5, une version plus rapide dotée d’une nouvelle interface. Selon le blog officiel d’Elegant Themes, les sites existants peuvent passer à Divi 5 quand ils le souhaitent, la version précédente continuant de recevoir les mises à jour essentielles pendant une période de transition. Avant toute migration, faites une sauvegarde complète et testez votre site sur une copie.
Nos conseils pour bien démarrer
- Commencez par un pack de mise en page proche de votre activité, puis personnalisez couleurs et polices dans les réglages globaux.
- Définissez vos couleurs et styles une fois pour toutes plutôt que module par module : le site restera cohérent.
- Optimisez vos images avant de les importer, pour garder un site rapide.
- Explorez le site d’Elegant Themes et sa documentation pour découvrir les nouveautés.
Ce qu’il faut retenir
- Divi permet de créer un site WordPress complet visuellement, sans coder.
- Sections, lignes et modules : comprendre cette hiérarchie, c’est maîtriser Divi.
- Bibliothèque, réglages responsive et tests A/B font gagner du temps et améliorent les résultats.
