Divi 5 Public Alpha : quelles sont les nouveautés ?

Divi 5 Public Alpha demo
Publié le : 2 octobre 2024
B
G
B

La sortie de la Divi 5 Public Alpha a eu lieu le 30/09/2024, c’est un événement majeur pour la communauté des utilisateurs de Divi, le constructeur de pages WordPress populaire développé par Elegant Themes.

Après plusieurs mois de développement, cette version alpha est désormais disponible pour un test public. Toutefois, il s’agit d’une version non finalisée, donc pleine de bugs potentiels et de limitations. Dans cet article, vous trouverez les principales nouveautés de Divi 5, son installation, les premières impressions d’utilisation et les améliorations par rapport à Divi 4.

Divi 5 a pour objectif de poser les bases d’un écosystème encore plus puissant pour les années à venir.

Divi 5 Public Alpha : une refonte complète de l’architecture

Le principal changement de Divi 5 réside dans son nouveau cœur. Les développeurs d’Elegant Themes ont reconstruit l’architecture du constructeur pour améliorer la performance et la stabilité. Ce changement fondamental se traduit par :

  • Une vitesse accrue pour le chargement et l’édition des pages.
  • Un format de données optimisé qui remplace les shortcodes utilisés dans Divi 4.
  • Une meilleure gestion des ressources permettant une expérience de développement plus fluide.

Divi 5 marque le début d’une nouvelle ère où chaque fonctionnalité du constructeur sera plus facile à adapter, à personnaliser et à faire évoluer pour répondre aux besoins des utilisateurs.

Comment installer Divi 5 Public Alpha ?

Pour installer Divi 5, vous devez vous rendre dans l’espace membre d’Elegant Themes, télécharger la version alpha, puis l’installer via le menu des thèmes de WordPress. Il est recommandé de ne pas l’utiliser sur un site en production, car cette version est destinée uniquement aux tests.

Étapes de l’installation :

  1. Accéder à la section de gestion des thèmes.
  2. Ajouter le fichier téléchargé de Divi 5.
  3. Remplacer la version actuelle (Divi 4) si nécessaire.
  4. Vérifier les éventuels conflits de compatibilité, notamment avec les thèmes enfants.

Après l’installation, l’utilisateur peut activer le mode de compatibilité rétroactive pour gérer les contenus créés sous Divi 4. Une notification dans le tableau de bord indique si un site est en mode de compatibilité.

⚠️ Important : Divi 5 Public Alpha est encore en phase de test. Il est recommandé de ne pas l’utiliser sur des sites en production. Cette version est destinée uniquement à des fins de test.

Est-il compatible avec les plugins Divi 4 ?

En raison des changements architecturaux profonds, la plupart des plugins Divi 4 ne sont pas encore compatibles avec Divi 5 Public Alpha. Cela inclut des plugins populaires comme ceux de Divi Engine. Les développeurs de ces plugins devront mettre à jour leur code pour prendre en charge la nouvelle structure de Divi 5.

Cependant, grâce au mode de compatibilité rétroactive, les modules de base continueront de fonctionner dans la plupart des cas. Les utilisateurs verront un message d’avertissement dans l’interface lorsqu’un module non pris en charge est détecté.

L’interface Divi 5 démo et fonctions

Source : https://www.elegantthemes.com/blog/general-news/download-the-divi-5-public-alpha

Divi 5 se distingue par sa nouvelle interface basée sur Gutenberg, l’éditeur natif de WordPress.

Des options de navigations plus avancées

La nouvelle interface de Divi 5 introduit des options de navigation plus avancées avec une barre latérale à gauche, qui donne un accès rapide aux layouts préconstruits, à l’arborescence des calques (layers) et à la vue en fil de fer, idéale pour visualiser la structure de la page.

Le système de navigation contextuelle est enrichi par l’ajout d’un fil d’Ariane (breadcrumb) dans l’inspecteur de propriétés, facilitant le passage entre les blocs, sections et éléments de la page.

De plus, l’interface peut être personnalisée selon les préférences de l’utilisateur, permettant de déplacer les barres latérales et de réorganiser les menus pour créer un espace de travail ergonomique et adapté à chaque méthode de travail.

L’abandon des shortcodes

Divi 5 abandonne les shortcodes au profit d’une structure basée sur des blocs Gutenberg. Chaque module Divi devient ainsi un bloc personnalisé, ce qui facilite la compatibilité avec l’écosystème WordPress.

  • Texte, images, boutons, portfolios, sliders vidéo, et modules WooCommerce font partie des blocs déjà portés sur Divi 5.
  • Les presets de stylisation permettent d’appliquer rapidement des styles globaux, ce qui améliore la cohérence et réduit le temps de personnalisation.

L’onglet de configuration des lignes et colonnes

L’onglet de configuration des lignes et colonnes a été mis à jour pour inclure des options de design avancées, telles que :

  • Gestion des dimensions et alignements.
  • Contrôle des bordures et ombres portées.
  • Effets de transformation et animations.

Les colonnes disposent désormais de réglages individuels, et un nouveau schéma de colonnes est disponible pour créer des mises en page plus sophistiquées.

Les options de configuration de Divi

Les options de configuration de Divi, auparavant dispersées dans divers onglets, sont désormais centralisées dans un inspecteur de propriétés situé à droite, similaire à celui de Gutenberg. Les trois onglets classiques de Divi — « Contenu », « Design », et « Avancé » — sont toujours présents, mais intégrés d’une manière plus intuitive.

Modules déjà intégrés

Les modules de base tels que Texte, Images, Portfolio, Sliders vidéo, et les éléments WooCommerce sont déjà intégrés dans Divi 5. Les utilisateurs peuvent profiter des nouvelles options de personnalisation dans l’onglet Design, qui inclut désormais des préréglages de style pour une gestion plus fluide des propriétés globales des modules. Les retours indiquent que ces préréglages simplifient grandement la gestion des styles et augmentent la vitesse de conception​.

Les améliorations et nouveautés de Divi 5

Amélioration des performances

L’un des principaux objectifs de Divi 5 est de réduire le temps de chargement et d’améliorer la fluidité du constructeur. Même dans cette version alpha, les utilisateurs remarqueront :

  • Un temps de réponse plus rapide lors de la modification des pages.
  • Une interface utilisateur plus réactive.
  • Un chargement instantané des éléments lors de l’édition visuelle.

Mode de compatibilité rétroactive

Divi 5 introduit un mode de compatibilité rétroactive pour les sites créés avec Divi 4. Cela signifie que la majorité des modules et contenus existants peuvent fonctionner sous Divi 5 sans nécessiter de modifications majeures. Toutefois, il peut y avoir quelques limitations pour les modules complexes ou les plugins tiers non encore adaptés à cette nouvelle version.

Nouveau format de stockage des modules

L’une des principales innovations de Divi 5 est le nouveau format de stockage des modules, qui permet une meilleure gestion des données et des performances accrues. Ce changement simplifie également la migration des contenus depuis Divi 4.

Les limites de la version Alpha

Bien que cette version publique soit accessible à tous, il est important de noter que Divi 5 est encore en phase Alpha, ce qui signifie que de nombreuses fonctionnalités ne sont pas encore totalement implémentées ou stables :

  • Certaines fonctions avancées sont manquantes ou désactivées.
  • Des problèmes de compatibilité peuvent survenir avec les modules personnalisés ou les thèmes enfants.
  • L’éditeur de thèmes présente encore quelques bugs et dysfonctionnements.

Elegant Themes prévoit de publier des mises à jour toutes les deux semaines pour corriger les bugs et ajouter les fonctionnalités manquantes.

Retours des premiers développeurs et utilisateurs (et les nôtres du CNFN)

La communauté a unanimement salué l’amélioration des performances générales de Divi 5. Grâce à son architecture optimisée et à l’élimination de nombreuses animations inutiles, le Visual Builder est plus rapide et réactif que jamais, offrant une expérience fluide même sur des pages complexes. L’interface se charge plus rapidement et les ajustements en direct se reflètent immédiatement, sans ralentissements, ce qui marque une différence notable par rapport à Divi 4.

Malgré ces points positifs, certains utilisateurs ont exprimé des préoccupations concernant les fonctionnalités encore absentes de la version Alpha, comme les actions rapides, le split testing, et certaines options avancées de personnalisation CSS. Ces fonctionnalités seront progressivement intégrées dans les futures mises à jour avant la sortie de la version finale​.

Et la suite, c’est quoi ? La roadmap

Actuellement, Divi 5 est encore en phase Alpha et manque de certaines fonctionnalités avancées de Divi 4, comme les actions rapides, les modules WooCommerce, et l’édition conditionnelle. Ces fonctionnalités seront progressivement ajoutées lors des prochaines mises à jour avant la sortie de la Public Beta. Elegant Themes prévoit une sortie officielle de Divi 5 seulement après la finalisation de toutes les fonctionnalités manquantes et la résolution des bugs signalés.

Rappel : notre formation Divi est ouverte toute l’année, nous vous offrons une licence.

Ecrit par Emile Vardanian

Directeur du CNFN. Passionné, il forme à la création de site internet depuis 2014, essentiellement sur le CMS WordPress, favorisant l'apprentissage et l'innovation.