Sélectionner une page

Divi 5 en pratique : journal des modifications, feuille de route et migration sécurisée depuis Divi 4

Divi 5 marque la plus grande avancée technologique dans l'histoire du thème Divi. Dans ce guide pratique, vous apprendrez à lire correctement le journal des modifications de Divi 5, à comprendre le calendrier de sortie et à planifier la transition en toute sécurité de Divi 4 à Divi 5. Il comprend également une liste de contrôle concrète, des conseils en matière de référencement et les meilleures pratiques pour les agences et les exploitants de sites web.

Cet article a été mis à jour pour la dernière fois le 28 novembre 2025.

info
Écrit par Saskia Teichmann
le 28 novembre 2025
Envoi
Revue des utilisateurs
5 (3 votes)
Commentaires Classement 0 (0 examen)
Divi
Un concepteur web travaille sur son ordinateur portable à une mise à jour de Divi 5 et planifie la migration sécurisée de Divi 4 vers Divi 5 dans l'espace de travail UX moderne.

Divi 5 n'est pas une simple „ mise à jour ponctuelle “, mais une infrastructure technique complète sous-jacente à votre constructeur de pages préféré. Cela a un impact sur les performances, le flux de travail, la migration et la maintenance à long terme. Parallèlement, Elegant Themes fournit toutes les deux semaines de nouvelles mises à jour Divi 5, qui sont documentées dans le journal officiel des modifications Divi 5.

Dans ce guide, je classe Divi 5 d'un point de vue pratique et vous montre :

  • Ce que dit réellement le journal des modifications Divi-5
  • Comment lire la feuille de route Divi-5 et le calendrier de publication
  • Quand passer à Divi 5 en tant qu'exploitant d'un site web Divi 4
  • et comment planifier la migration en minimisant les risques

1. Aperçu rapide : où en est Divi 5 aujourd'hui ?

Elegant Themes publie Divi 5 dans le cadre d'un déploiement en cinq étapes :

  1. Développeur Alpha (terminé)
  2. Bêta pour développeurs (terminé)
  3. Alpha publique (terminé)
  4. Bêta publique (en cours)
  5. Sortie officielle (en attente)

Depuis octobre 2025, Divi 5 se trouve dans la Phase bêta publique (phase 4). Selon le billet officiel publié sur le blog „La version bêta de Divi 5 est arrivée“ Divi 5 est donc pratiquement identique à Divi 4 en termes de fonctionnalités, y compris les modules WooCommerce et un système de migration stable.

Des points importants :

  • Divi 5 est pour les nouveaux sites web déjà bien utilisable.
  • Les sites Divi 4 existants peuvent être transférés via le Divi-5-Migrator être migrés, y compris le mécanisme de repli pour les modules incompatibles.
  • Le Journal des modifications Divi 5 / „ État de la mise à jour Divi 5 “ est mis à jour en permanence et répertorie toutes les améliorations, corrections de bogues et nouvelles fonctionnalités, y compris les versions bêta publiques.
  • Elegant Themes nomme délibérément Pas de date de sortie fixe, mais évoque une sortie définitive après la fin de la phase bêta publique.

La réponse courte à la question la plus fréquente :

„ Quand Divi 5 sera-t-il officiellement disponible ? “
Il n'y a pas de date confirmée. D'après la feuille de route, le statut bêta public et les modèles de communication utilisés jusqu'à présent, on peut déduire que la sortie finale est prévue pour fin 2025 / début 2026, mais sans garantie.

2. Qu'est-ce que Divi 5 et pourquoi cette mise à jour est-elle si importante ?

Divi 5 est essentiellement un Réécriture du cadre:

  • Adieu à la structure shortcode ; les contenus sont désormais enregistrés dans un format plus moderne qui rappelle l'éditeur de blocs natif Gutenberg.
  • Se concentrer sur Performances, stabilité, évolutivité et extensibilité – c'est ce qu'Elegant Themes n'a cessé de souligner depuis la première annonce en 2022.
  • Nouvelle API et nouveaux systèmes internes permettant à l'équipe ET et aux développeurs tiers de fournir des fonctionnalités plus rapidement et de manière plus fiable.

Concrètement, cela signifie :

  • Moins de code hérité dans le code
  • Potentiellement meilleur Core Web Vitals, car le chargement CSS/JS et le rendu peuvent être optimisés
  • Une expérience d'édition plus moderne avec des fonctionnalités telles que Loop Builder, CSS Grid, Flexbox Layouts, Inspector, des préréglages imbriqués et bien plus encore.

C'est précisément cette base technique qui rend Divi 5 intéressant du point de vue du référencement et des performances. Dans mon Guide technique SEO 2024 J'explique déjà à quel point des Core Web Vitals solides sont importants pour un classement durable – Divi 5 peut ici constituer la nouvelle base thématique de votre site WordPress.

3. Comprendre la feuille de route et les phases de lancement de Divi 5

Le site Feuille de route Divi-5 est officiellement documenté dans le centre d'aide d'Elegant Themes et est également abordé dans les articles de blog d'Elegant Themes et dans des articles indépendants tels que celui-ci.

En résumé :

  • 2022: Annonce officielle de Divi 5 comme „ mise à jour fondamentale “ axée sur les performances et la stabilité.
  • 2023: Dev Alpha & Dev Beta pour les développeurs tiers afin de préparer le nouvel écosystème API.
  • 2024: Version alpha publique avec fonctionnalités réduites („ Divi-Lite “) pour les nouveaux sites, puis site de démonstration et publications régulières de nouvelles fonctionnalités.
  • Début 2025 : Phase de fonctionnalités agressives (Loop Builder, CSS Grid, Flexbox, variables de conception, inspecteur, modules imbriqués, etc.).
  • Octobre 2025 : Lancement de la Phase bêta publique; Selon ET, toutes les fonctionnalités de blocage (y compris les modules WooCommerce) ont été mises en œuvre..

Important pour votre planification :

  • La phase bêta publique est la dernière étape avant la mise à jour „ normale “ du thème dans le backend WordPress.
  • Elle est précisément conçue pour que les agences et les propriétaires de sites scénarios migratoires réalistes Tester.

Si les clients vous demandent après le „ Date officielle de sortie de Divi-5 “ demander, la réponse honnête est :

„ Elegant Themes ne donne délibérément aucune date. Le fait est que Divi 5 Public Beta est proche de la production, les mises à jour sont publiées toutes les deux semaines et nous pouvons déjà effectuer des tests réalistes sur des systèmes de staging. “

4. Où trouver le journal officiel des modifications de Divi 5

Le Journal officiel des modifications Divi 5 Se trouve dans le centre d'aide d'Elegant Themes sous forme d'article „État de la mise à jour Divi 5“.

Vous y trouverez :

  • Toutes les versions Divi 5, y compris la date de sortie
  • Liste détaillée des corrections de bogues, améliorations et nouvelles fonctionnalités, par exemple versions bêta publiques
  • Indications relatives aux améliorations en matière de migration (par exemple, traitement des attributs inconnus lors de la conversion du module Divi 4 vers Divi 5)

De plus, je tiens à jour ici un aperçu direct du journal des modifications de Divi 5, qui résume le statut officiel et l'enrichit avec le contexte de la feuille de route.

Journal des modifications de Divi 5 (affichage plein écran) →

„ Pour tous ceux qui continuent à utiliser Divi 4 (ou qui travaillent en parallèle), je continue à mettre à jour comme d'habitude le Journal des modifications actuelles du thème Divi 4-Guide pratique “

5. Divi 5 vs Divi 4 au quotidien

5.1 Architecture et codes courts

Divi 4 enregistre essentiellement les mises en page sous forme de Arbres de codes courts. Divi 5 utilise un nouveau format de stockage sans codes courts, qui se rapproche davantage de la logique des blocs de WordPress.

Conséquences :

  • La migration signifie que Divi convertit les modules Divi 4 au nouveau format ; les modules non pris en charge restent en mode hérité, mais continuent d'être rendus.
  • À long terme, le débogage et la refonte des mises en page seront simplifiés, car la couche de codes courts sera supprimée.

5.2 Performances et Core Web Vitals

Grâce à ce nouveau framework et aux optimisations continues, Elegant Themes annonce :

  • Interactions plus rapides avec le générateur
  • Meilleure gestion des pages volumineuses
  • Améliorations ciblées des performances dans le frontend Divi-5, par exemple dans les versions publiques alpha et bêta ultérieures.

Dans mon Guide technique SEO 2024 Je montre l'importance du LCP, du CLS, de l'INP, etc. – Divi 5 fournit la base technique nécessaire pour atteindre ces valeurs grâce à une implémentation, une mise en cache et un hébergement propres.

5.3 Fonctionnalités et flux de travail

Certaines des fonctionnalités de Divi 5 particulièrement mises en avant dans le journal des modifications et les articles de blog :

  • Créateur de boucles pour listes dynamiques et archives
  • Flexbox et mises en page CSS Grid
  • Points d'arrêt personnalisables
  • Variables de conception et couleurs relatives
  • Modules imbriqués / Groupes de modules et préréglages imbriqués
  • inspecteur pour une analyse et un débogage plus approfondis
  • complète Modules WooCommerce dans le nouveau framework (au plus tard depuis Public Alpha 24 / Public Beta)

Dans le même temps, certaines fonctionnalités peu utilisées de Divi 4 ont été supprimées (par exemple, Quick Actions, Extend Styles).

6. Quand passer à Divi 5 ? – Aide à la décision

La question „Divi 5 est-il déjà suffisamment stable pour les sites web en ligne ?“ dépend de votre scénario.

Scénario A : nouveau site web dans les prochains mois

  • Vous démarrez un nouveau projet sans héritage du passé.
  • Vous avez la possibilité de tester Divi 5 en toute tranquillité et, si nécessaire, de revenir à Divi 4.

Ma recommandation claire :
Divi 5 envisager sérieusement – en particulier si les performances et un flux de travail moderne sont importants pour vous. Utilisez un système de staging et testez des contenus réalistes.

Scénario B : site marketing existant (sans extensions exotiques)

  • Site web d'entreprise classique, pages d'accueil, blog, peut-être quelques modules Divi 4 standard.

Ma recommandation :

  • Attendre la fin de la phase bêta publique (actuellement en cours)
  • Créer une copie de staging
  • Installer Divi 5 via le téléchargement dans l'espace membres, lancer Migrator, effectuer des tests

Si le résultat est stable, vous pouvez passer au site en ligne à moyen terme.

Scénario C : boutique WooCommerce avec de nombreux modules tiers

  • Vous utilisez des extensions Divi complètes ou des modules WooCommerce spécialisés disponibles sur la Marketplace.

Ma recommandation :

  • Vérifier si les plugins utilisés sont déjà Versions compatibles avec Divi-5 proposer (souvent documenté dans leurs propres journaux de modifications).
  • Ce n'est qu'alors que vous pourrez tester la migration, idéalement en prévoyant suffisamment de temps pour les tests et la surveillance des conversions.

Si une grande partie de votre logique commerciale repose sur des modules tiers, il est „ Attendre et tester de manière ciblée “ actuellement l'option la plus responsable.

7. Guide pratique : passer étape par étape de Divi 4 à Divi 5

Cette section résume les meilleures pratiques essentielles tirées de la documentation officielle ET sur le Divi-5 Migrator, le „Comment migrer votre site web vers Divi 5“ Guide et meilleures pratiques courantes en matière de migration.

Étape 1 : inventaire et évaluation des risques

  • Quels modules Divi utilisez-vous intensivement (modules standard ou modules de niche) ?
  • Lesquelles ? Plugins tiers avec intégration Divi sont actifs ?
  • Quelles pages/mises en page sont essentielles pour l'activité (page d'accueil, pages produits, paiement, etc.) ?

Il en ressort le degré de risque que représente une migration précoce.

Étape 2 : créer un environnement de staging

  • Créer un système de staging ou un clone de votre site sur un sous-domaine/une installation séparée.
  • S'assurer que le même environnement serveur que celui du site en ligne y est utilisé.

De nombreux hébergeurs proposent une mise en scène prête à l'emploi ; vous pouvez également opter pour des clones manuels.

Étape 3 : Sauvegarde complète

  • Sauvegarder l'intégralité du système de fichiers + base de données.
  • Testez votre sauvegarde afin de vous assurer que vous pouvez réellement la restaurer en cas d'urgence.

Étape 4 : installer Divi 5

  • Télécharger Divi‑5‑ZIP depuis l'espace membre d'Elegant Themes.
  • Mettre à jour le thème dans le système de staging (remplacer le thème Divi existant).

Étape 5 : Vérifier Divi‑5‑Migrator

  • Après l'installation, vous trouverez dans le backend WordPress le „ Divi 5 Migrator “.
  • Le Migrator analyse votre site et affiche un aperçu :
    • Quels contenus sont compatibles ?
    • Lorsque des modules tiers sont impliqués
    • Combien de pages, modèles, produits Woo, etc. sont concernés ?

Étape 6 : Exécuter la migration test

  • Dès que vous êtes en mesure d'évaluer le risque, lancez la migration sur le système de staging („ Migrate this site to Divi 5 Beta “).
  • Divi convertit tous les modules compatibles au nouveau format et encapsule les modules non pris en charge dans une couche de compatibilité.

Étape 7 : Tests manuels

Liste de contrôle des points à vérifier :

  • Toutes les pages importantes sont-elles visuellement stables ?
  • La navigation, les formulaires, les contenus dynamiques (Loop Builder) et WooCommerce‑Checkout fonctionnent-ils correctement ?
  • Y a-t-il des erreurs JavaScript dans la console du navigateur ?
  • Le Visual Builder se charge-t-il de manière cohérente et performante ?

Étape 8 : vérification du référencement et des performances

  • PageSpeed Insights / Lighthouse pour les pages centrales (page d'accueil, pages d'atterrissage les plus importantes, paiement).
  • Surveiller les Core Web Vitals.

C'est là que mon Guide technique SEO 2024 Extrait de : L'exploration, l'indexation, les données structurées et les Core Web Vitals doivent faire l'objet d'une surveillance ciblée tout au long de la mise à niveau.

Ensuite, je vous propose de travailler sur mon Tutoriel Yoast SEO pour revoir attentivement les métadonnées, les sitemaps et les schémas.

Étape 9 : stratégie de restauration

  • Définir clairement avant la migration en direct :
    • „ Que faisons-nous quand quelque chose casse ? “
    • „ Quelle distance pouvons-nous parcourir en marche arrière en cas d'urgence ? “

Elegant Themes documente explicitement comment restaurer le contenu Divi 4 à partir d'une sauvegarde ou via le migrateur.

Étape 10 : passage en direct

  • Une fois tous les tests réussis, répétez les étapes 4 à 9 sur le site en ligne, de préférence en dehors des heures de pointe.
  • Ensuite, vérifiez à nouveau brièvement les performances, les formulaires et le suivi.

8. Divi 5, performances et référencement technique

Divi 5 fournit la base technique – que votre site soit réellement plus rapide dépendra de ce que vous en ferez.

Leviers importants :

  1. Structure claire de la mise en page
    • Pas de lignes/sections imbriquées superflues.
    • Utilisation cohérente de Flexbox / CSS Grid au lieu d'un „ espacement manuel “.
  2. Optimisation des actifs
    • Minimisation des scripts propres, CSS critiques, optimisation des images, etc.
    • Dans ton Guide technique SEO 2024 Tu entres déjà ici dans les détails (lien interne).
  3. Surveillance avant et après la migration
    • Évaluer les Core Web Vitals et les temps de chargement avant la mise à niveau, puis les mesurer à nouveau après.
    • Gardez un œil sur Search Console.
  4. Configuration SEO
    • Avec ma Guide Yoast SEO vous pouvez vous assurer que les métadonnées, les sitemaps et les schémas continuent à être correctement affichés après la mise à niveau.

9. RGPD, polices Google Fonts et Divi 5

Divi 5 modifie le Thème des polices rien de fondamental sur le fond : la question de savoir comment intégrer Google Fonts conformément au RGPD reste posée.

Mon article Utiliser Google Fonts avec Divi en conformité avec le RGPD décrit trois méthodes fondamentales :

  1. Ne pas utiliser les polices Google Fonts
  2. Héberger localement les polices
  3. Utiliser des CDN de polices conformes au RGPD (par exemple Bunny Fonts) en combinaison avec un plugin adapté.

C'est justement lors du passage à Divi 5 qu'il est judicieux de réfléchir à nouveau à cette question :

  • Fonctionne-t-il ? Configuration des polices Google Déjà conforme au RGPD ?
  • Utilisez-vous mon plugin „ Bunny Fonts pour Divi “ ?

10. Bonnes pratiques pour les agences et les équipes internes

Pour les agences, les freelances et les équipes marketing internes, il est recommandé d'avoir une vision claire Plan de déploiement Divi-5:

  1. Définir des projets pilotes
    • Sélectionner 1 à 2 projets clients internes ou moins critiques sur lesquels Divi 5 sera testé à un stade précoce.
  2. Rédiger un guide sur la migration
    • Transférer la liste de contrôle ci-dessus dans un document SOP interne.
    • Définir clairement les responsabilités (développement, référencement, gestion de projet).
  3. Communication avec les clients
    • Expliquer clairement pourquoi Divi 5 arrive, quels sont ses avantages et pourquoi une transition structurée est plus judicieuse qu'un „ clic au hasard “ dans le système en direct.
    • Contrats de maintenance / Retainer, le cas échéant, d'un „ Module de migration Divi-5 “ compléter.
  4. Offrir des services
    • Proposez un audit Divi-5, la planification de la migration et l'optimisation des performances sous forme de forfaits clairement définis.

11. FAQ sur Divi 5 Changelog, sortie et migration

12. Conclusion et prochaines étapes

Divi 5 est plus qu'une simple „ mise à jour “. Il s'agit d'une nouvelle base pour votre site WordPress :

  • Le Journal des modifications Divi 5 vous aide à comprendre quelles fonctionnalités et corrections sont déjà disponibles.
  • Le site Feuille de route Divi-5 montre que nous sommes dans la phase finale avant la sortie officielle.
  • Avec une approche structurée Liste de contrôle pour la migration Grâce à un suivi SEO rigoureux et précis, le passage de Divi 4 à Divi 5 peut être planifié, testé et rendu réversible.

Si vous souhaitez changer de ne pas soulever seul Si vous souhaitez obtenir plus d'informations, n'hésitez pas à me contacter. Votre demande de projet.

<span class="castledown-font">Saskia Teichmann</span>

Saskia Teichmann

Une développeuse web WordPress full stack d'Allemagne qui aime réaliser de beaux sites web et des projets web ambitieux.

Dans sa vie privée, Saskia aime faire des randonnées avec sa famille dans les montagnes de Tramuntana à Majorque, se promener dans les jardins de Herrenhäuser à Hanovre ou nager dans la mer.

Faire une demande de projetDistribuer du café

0 commentaires

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Envoi