Divi 5 : nouveautés, migration depuis Divi 4 et conseils

Divi 5 est sorti officiellement le 26 février 2026, après plusieurs années de développement et une longue bêta publique. Ce n'est pas une simple mise à jour : Elegant Themes a reconstruit le constructeur de zéro. Voici ce qui change vraiment, comment migrer un site Divi 4 et dans quels cas il vaut mieux attendre un peu.

L'équipe d'Elegant Themes, créatrice du célèbre thème WordPress Divi, a dévoilé une version entièrement repensée de son constructeur de page : Divi 5.0. Cette mise à jour majeure promet une expérience utilisateur plus rapide, plus intuitive et plus efficace que jamais. Mais qu'est-ce que cela signifie concrètement pour les utilisateurs de Divi ?

La première chose qui frappe dans Divi 5.0 est sa nouvelle interface utilisateur. Entièrement repensée pour la vitesse et la simplicité, elle offre une expérience utilisateur fluide et agréable. Les menus et les options sont désormais regroupés dans un espace centralisé et accessible facilement, ce qui permet de naviguer dans l'interface sans effort.

Mise à jour octobre 2026 : Divi 5 est sorti officiellement le 26 février 2026 ; ses nouveautés vérifiées sont détaillées plus bas.

• Sortie officielle : 26 février 2026, date à laquelle Divi 5 a perdu son étiquette « bêta ».

• Accès : Divi 5 est inclus dans l'abonnement Divi, sans achat séparé (voir le site officiel de Divi).

• Divi 4 : il continue de recevoir des mises à jour de sécurité et de compatibilité. Elegant Themes avait annoncé au moins six mois de soutien après la sortie de Divi 5 ; sa documentation de migration parle désormais d'au moins 12 mois.

• Structure : on retrouve les sections, rangées, colonnes et modules, avec en plus les groupes de modules et les rangées imbriquées.

Les grandes dates de Divi 5, de l'annonce à aujourd'hui, d'après le blog officiel d'Elegant Themes.

• 11 novembre 2022 : Elegant Themes annonce Divi 5.0 : une reconstruction complète du cœur de Divi, pour gagner en performances et en stabilité, avec une nouvelle API pour les développeurs d'extensions. (source)

• 7 mars 2023 : sortie de la Dev Alpha, réservée aux développeurs d'extensions, avec une nouvelle version toutes les deux semaines. (source)

• 22 août 2023 : sortie de la Dev Beta, toujours pour les développeurs d'extensions. (source)

• 26 septembre 2024 : sortie de la Public Alpha : tous les utilisateurs de Divi peuvent essayer Divi 5. (source)

• De mars à juillet 2025 : arrivée des grandes nouveautés pendant l'alpha : unités avancées, variables de design, rangées imbriquées, groupes de modules, puis mise en page Flexbox le 11 juillet 2025. (source)

• 17 octobre 2025 : Divi 5 entre en Public Beta, dernière phase avant la sortie officielle. (source)

• 21 octobre 2025 : arrivée de la mise en page CSS Grid. (source)

• 26 février 2026 : sortie officielle de Divi 5.0, qui perd son étiquette « bêta ». Par rapport à Divi 4 : un constructeur plus rapide et plus fluide pour créer et modifier les pages, des options de style et de personnalisation plus souples, et une intégration plus profonde avec WordPress, avec l'accès à la bibliothèque de contenu directement depuis l'interface de Divi. Divi 4 continue de recevoir des mises à jour de sécurité et de compatibilité pendant au moins six mois. (source)

• 4 septembre 2026 : Divi 5.12 ajoute les agents IA (Divi AI Agents) : on décrit ce que l'on veut en langage courant, et le constructeur crée des mises en page, modifie des modules et gère des pages. (source)

Divi 4 enregistrait les mises en page sous forme de shortcodes. Divi 5 les remplace par un format de blocs compatible avec WordPress. C'est le changement le plus profond, invisible à l'écran mais décisif : selon Elegant Themes, les gains de vitesse viennent de la façon dont Divi traite et affiche ces données. Une nouvelle API permet aussi aux développeurs de créer des modules et des intégrations.

La nouvelle interface de Divi 5.0 est conçue pour maximiser l'efficacité et la rapidité. Les principaux éléments de l'interface sont regroupés en haut de l'écran pour un accès immédiat. Les paramètres des modules s'affichent directement en survolant l'élément, ce qui permet de gagner un temps précieux lors de la modification des éléments de votre page.

Mise à jour octobre 2026 : depuis la sortie, l’interface s’organise autour des panneaux ancrables et du Command Center décrits ci-dessous.

• Panneaux ancrables et à onglets, avec un panneau des calques pour naviguer dans la page.

• Sept points de rupture (breakpoints) prédéfinis dont vous pouvez changer les largeurs.

• Recherche dans les réglages : vous tapez le nom d'une option au lieu de parcourir les onglets.

• Command Center : une barre de recherche pour lancer les actions du constructeur au clavier.

• Canvases : un espace de travail séparé du contenu principal, utile pour les menus hors écran et les popups.

• Sélection multiple et modification en lot de plusieurs éléments.

• Mode clair ou sombre pour l'interface.

• Design Variables : des variables pour les couleurs, les polices, les nombres ou les images, qui se mettent à jour sur tout le site.

• Option Group Presets : des préréglages pour un groupe d'options (une bordure, une ombre, une typographie) réutilisables sur n'importe quel élément.

• Couleurs relatives (HSL) : des variantes calculées à partir d'une couleur de base, qui suivent ses changements.

• Unités avancées : le champ accepte des fonctions comme clamp() et des variables CSS.

• Components : des modules, rangées ou sections réutilisables qui restent synchronisés d'une page à l'autre.

Divi 5.0 est une version majeure qui change la manière de créer des sites Web avec Divi. Il s'intègre désormais aux grandes tendances du Web Design : Flexbox depuis juillet 2025 et CSS Grid depuis octobre 2025, pour des sites plus performants et plus attractifs.

Divi 5 ajoute des réglages Flexbox (direction, retour à la ligne, ordre, espacement) et une mise en page CSS Grid pour les sections, rangées, colonnes et groupes, avec un éditeur visuel de grille. Vous pouvez placer des rangées dans des rangées, regrouper des modules dans un Group Module et imbriquer des modules (des onglets ou un diaporama dans un autre module).

• Loop Builder : affiche des articles, produits, utilisateurs ou termes de taxonomie dans une boucle mise en forme librement, avec un module de filtre côté visiteur.

• Interactions : popups, bascules et effets au défilement ou à la souris, sans code.

• Éléments sémantiques : vous pouvez changer la balise d'un élément (nav, article...) et ajouter des attributs d'accessibilité.

• Nouveaux modules, dont Group Carousel, Lottie, Icon List et Charts.

Le Divi AI Agent construit et modifie des mises en page à partir d'instructions en langage naturel. Il demande un abonnement Divi AI (voir Divi AI).

Elegant Themes a conçu Divi 5 pour une transition en douceur : un outil convertit les sites existants, les anciennes extensions continuent de fonctionner et Divi 4 reste maintenu pendant la transition. L'éditeur explique son approche dans l'article Divi 5 Migration And Backward Compatibility.

L'outil intégré s'appelle le Divi 5 Migrator. Voici la procédure décrite dans sa documentation :

1. Faites une sauvegarde complète du site (fichiers et base de données) et travaillez d'abord sur une copie de test (staging).

2. Mettez à jour WordPress, Divi 4 et toutes les extensions (Tableau de bord, puis Mises à jour).

3. Vérifiez que vos extensions Divi tierces affichent la mention de compatibilité Divi 5 sur le Divi Marketplace.

4. Passez à Divi 5 : menu Divi, puis Dashboard, bouton Enable Divi 5 Updates, puis Update. Vous pouvez aussi téléverser le fichier zip de Divi 5 depuis votre compte Elegant Themes (Apparence, puis Thèmes, puis Ajouter un thème et Téléverser un thème).

5. Ouvrez Divi, puis Divi 5 Migrator : un rapport de compatibilité analyse les pages, articles, modèles du Theme Builder, produits WooCommerce, éléments de la bibliothèque Divi et widgets.

6. Cliquez sur Migrate This Site to Divi 5 et confirmez.

7. Testez les pages clés, les formulaires, les menus et, si vous en avez, le panier et la commande WooCommerce.

En cas de problème, le Migrator propose Restore Divi 4 Content, puis il faut réinstaller Divi 4. Votre sauvegarde reste l'autre filet de sécurité. Plus vous modifiez de contenu sous Divi 5, plus un retour propre devient difficile.

Les modules d'extensions qui ne sont pas encore adaptés à Divi 5 continuent de fonctionner en Backward Compatibility Mode : ils s'affichent correctement, mais la page qui les contient charge l'ancien moteur de Divi 4. Une seule ancienne extension sur une page suffit pour que cette page ne profite pas des gains de performance de Divi 5. Une notification dans la barre d'administration indique les modules concernés.

Elegant Themes présente ce mode comme une solution temporaire : les éditeurs d'extensions doivent reconstruire leurs modules pour Divi 5. En mars 2026, plusieurs extensions courantes, comme WPML ou ACF, étaient déjà annoncées compatibles. Faites l'inventaire de vos plugins Divi avant de migrer.

Ne comptez pas rester indéfiniment sur Divi 4 : à la fin de la période de transition, Elegant Themes prévoit de réunir les chemins de mise à jour, et les sites Divi 4 recevront alors la notification de mise à jour vers Divi 5. Pour suivre les versions, consultez le changelog de Divi.

J'ai accès à Divi 5 depuis 2023, et l'ai testé. C'est une bonne nouvelle qu'Elegant Themes refasse tout de zéro. C'est un choix courageux pour eux - bien souvent, les projets de cette envergure repris depuis zéro sont abandonnés.

Ce projet leur a pris plusieurs années : la version officielle de Divi 5 est sortie le 26 février 2026.

Les notions de base ne changent pas avec Divi 5 : sections, rangées, modules, couleurs globales et préréglages. Les formations du site ont été réalisées avec Divi 4, l'interface que vous y verrez est donc celle de Divi 4.

• Formation « Découvrir Divi » : les fondations, pour démarrer.

• Formation « Mieux utiliser Divi » : les bonnes pratiques pour des pages propres.

• Les modules Divi : la fiche de chaque module.