Divi 5 n’est plus simplement la prochaine version de Divi. En 2026, le builder a changé de génération : nouvelle architecture, nouveaux outils de mise en page et surtout une logique beaucoup plus proche d’un véritable système de design.
Pour quelqu’un qui utilise Divi régulièrement, la différence ne se résume donc pas à une nouvelle interface. La manière de construire, réutiliser et maintenir un site évolue elle aussi.
Qu’est-ce que Divi 5 ?
Divi 5 est la nouvelle génération du constructeur de pages WordPress développé par Elegant Themes. Après une longue phase Alpha puis Beta, la version finale est arrivée en 2026 et continue depuis à recevoir de nouvelles fonctionnalités et améliorations.
L’objectif principal était de repartir sur une architecture plus moderne. Divi 4 avait accumulé plusieurs années de fonctionnalités sur une base devenue difficile à faire évoluer. Divi 5 reconstruit le builder en profondeur tout en conservant l’approche visuelle qui a fait le succès de Divi.
Le résultat est un builder plus rapide à manipuler, mais surtout beaucoup plus structuré pour créer des sites complexes sans multiplier les ajustements isolés.
Les principales nouveautés de Divi 5
Flexbox devient un outil natif
Divi 5 permet de travailler directement avec Flexbox depuis les réglages du builder. Direction, alignement, distribution, ordre, retour à la ligne et espaces entre les éléments peuvent être gérés au niveau des conteneurs.
C’est un changement important. Au lieu de compenser certaines limites de mise en page avec des marges, du CSS ou des structures supplémentaires, on utilise directement les mécanismes modernes du navigateur.
CSS Grid pour les mises en page complexes
CSS Grid complète Flexbox pour les compositions qui doivent être organisées à la fois en lignes et en colonnes. Divi 5 propose désormais des contrôles Grid ainsi qu’un éditeur visuel dédié.
Pour des grilles de réalisations, des cartes, des compositions éditoriales ou certains layouts asymétriques, cela permet de construire des structures auparavant beaucoup plus laborieuses dans Divi.
Des modules imbriqués
La structure est également moins rigide. Divi 5 introduit davantage de possibilités d’imbrication entre les éléments. Les layouts peuvent ainsi être construits avec une logique de conteneurs plutôt qu’avec l’ancien schéma très strict section, ligne et colonne.
Les Design Variables
C’est probablement l’une des évolutions les plus utiles pour maintenir un site dans le temps. Les Design Variables permettent de centraliser des valeurs réutilisées partout sur le site : couleurs, nombres, textes, images, liens, polices ou encore gradients.
Une couleur de marque ou une valeur d’espacement peut ainsi être définie une fois puis utilisée dans de nombreux modules. Si la valeur change, les éléments qui y sont liés suivent automatiquement.
On passe d’une logique où chaque module possède ses propres valeurs à une logique de système.
Presets et styles réutilisables
Les presets existaient déjà dans l’écosystème Divi, mais Divi 5 pousse beaucoup plus loin leur utilisation. Les Element Presets définissent le comportement visuel d’un module tandis que les Option Group Presets permettent de réutiliser seulement certains groupes de réglages.
Associés aux variables globales, ils permettent par exemple de définir une vraie famille de boutons, de titres ou de cartes et de la faire évoluer sans reprendre chaque module individuellement.
Un responsive beaucoup plus précis
Divi 5 propose jusqu’à sept breakpoints personnalisables. Il devient possible d’adapter plus finement une interface aux différentes largeurs d’écran plutôt que de raisonner uniquement en ordinateur, tablette et téléphone.
Flexbox et Grid peuvent également changer de comportement selon le breakpoint : nombre de colonnes, ordre des éléments, direction, gaps ou dimensions. Les fonctions CSS modernes comme clamp(), calc(), min() et max() peuvent être utilisées directement dans de nombreux champs.
Dans la pratique, cela permet aussi de créer davantage de comportements fluides et d’éviter une accumulation de valeurs responsive différentes.
Divi 5 est-il plus rapide que Divi 4 ?
La performance fait partie des raisons principales de la reconstruction de Divi. Le Visual Builder repose sur une architecture différente et Elegant Themes a progressivement amélioré la vitesse d’ouverture des panneaux, l’édition des modules et le changement de vue responsive.
Il faut néanmoins distinguer deux sujets : la rapidité du builder lorsqu’on travaille et les performances du site pour le visiteur. Divi 5 fournit une base plus moderne, mais un site mal construit, rempli de scripts externes, d’images trop lourdes ou de plugins inutiles restera lent.
Le builder ne remplace donc pas les bonnes pratiques de performance WordPress.
Divi 5 change surtout la manière de construire un site
C’est à mon sens le point le plus intéressant. Avec Divi 4, il était très facile de construire page après page en réglant chaque module séparément. Cela fonctionne, mais devient pénible lorsque le site grandit ou que sa direction artistique évolue.
Divi 5 encourage davantage à préparer un système : variables globales, presets, composants réutilisables, structures Flexbox et Grid. Une modification globale devient alors beaucoup plus simple.
Sur un site professionnel, cette différence compte davantage que l’ajout d’un effet visuel ou d’un nouveau module. Un site doit pouvoir être maintenu et évoluer plusieurs années après sa création.
Peut-on encore utiliser du CSS avec Divi 5 ?
Oui. Divi ne supprime évidemment pas la possibilité d’utiliser du CSS. En revanche, plusieurs situations qui nécessitaient auparavant quelques lignes de code disposent maintenant de réglages natifs.
Flexbox, Grid, unités avancées, variables, réglages responsive ou attributs personnalisés réduisent donc le besoin de CSS pour les mises en page courantes.
Le CSS reste pertinent lorsqu’il répond à un besoin spécifique. L’intérêt est simplement de ne plus l’utiliser pour contourner des limites du builder qui n’existent plus.
Divi 4 ou Divi 5 : faut-il migrer ?
Pour un nouveau projet, Divi 5 est aujourd’hui le choix logique. C’est sur cette base qu’Elegant Themes concentre désormais ses nouvelles fonctionnalités.
Pour un site Divi 4 existant, la décision mérite davantage de précautions. Une migration doit être testée, notamment si le site utilise beaucoup de modules tiers, des personnalisations anciennes ou une structure complexe. Sauvegarder le site et effectuer la migration sur un environnement de test reste la bonne méthode.
Il n’y a aucun intérêt à transformer une mise à jour majeure en opération risquée sur un site en production.
Mon avis sur Divi 5
Divi 5 corrige surtout ce qui commençait à limiter Divi sur les projets exigeants : une structure de layout vieillissante, trop de valeurs répétées et une dépendance fréquente aux ajustements module par module.
Flexbox et CSS Grid modernisent la construction. Les variables et presets améliorent nettement la cohérence. Et la nouvelle architecture ouvre la porte à des usages beaucoup plus intéressants pour l’automatisation et les outils externes.
Ce dernier point est particulièrement intéressant : la structure moderne de Divi 5 peut désormais être manipulée de manière beaucoup plus précise par des outils connectés à WordPress. Cela change progressivement la manière dont un webmaster peut produire et maintenir des sites.
Divi reste Divi : un constructeur visuel destiné à permettre de travailler directement dans WordPress. Mais avec cette cinquième génération, son fonctionnement devient beaucoup plus adapté à une approche professionnelle basée sur des composants et un design system.
Questions fréquentes sur Divi 5
Divi 5 est-il disponible en version finale ?
Oui. Les phases Alpha et Beta sont terminées depuis 2026. Divi 5 continue néanmoins d’évoluer rapidement avec de nouvelles versions et fonctionnalités.
Divi 5 remplace-t-il Divi 4 ?
Divi 5 constitue la nouvelle génération du builder. Les nouveaux développements se concentrent désormais sur cette architecture, tandis qu’un système de migration permet de faire évoluer les sites existants.
Divi 5 utilise-t-il Flexbox et CSS Grid ?
Oui. Les deux systèmes de mise en page sont intégrés nativement. Flexbox convient particulièrement aux alignements sur un axe, tandis que Grid permet de construire des compositions en lignes et colonnes.
Faut-il connaître le CSS pour utiliser Divi 5 ?
Non. Les principaux outils de layout et de design sont accessibles visuellement. Connaître CSS reste utile pour comprendre le fonctionnement d’une interface et traiter certains besoins spécifiques, mais ce n’est pas indispensable pour utiliser le builder.
Divi 5 est-il adapté à un site professionnel ?
Oui, à condition de construire le site proprement. Les variables, presets, outils responsive et nouveaux systèmes de layout sont justement intéressants pour créer des sites cohérents et plus simples à maintenir.
