Essayez la démo Divi 5 Alpha aujourd’hui !

Je suis de retour avec une nouvelle mise à jour de Divi 5, et aujourd'hui, je suis heureux de vous annoncer qu'un site de démonstration de Divi 5 est disponible. Une fois que nous aurons terminé quelques fonctionnalités supplémentaires et corrigé les bugs que vous aurez trouvés, nous publierons la version Alpha publique, que vous pourrez télécharger et tester sur vos sites Web. En attendant, nous mettrons à jour la démo toutes les deux semaines et vous pourrez suivre.

Essayez la démo de Divi 5

Nous avons également mis en place une nouvelle landing page pour Divi 5, où vous trouverez un lien vers le site de démonstration et une liste de toutes mes mises à jour mensuelles de Divi 5.

Obtenez tous les détails dans la vidéo ci-dessous.

Explorer la démo de Divi 5

Vous remarquerez que la nouvelle version de Visual Builder est presque terminée. Quelques fonctionnalités manquantes incluent les actions rapides, la recherche et le remplacement, les préréglages, les modules WooCommerce et certaines options de condition. S’il manque quelque chose dans la démo, ce n’est pas parce que nous l’avons supprimé ; il n'a tout simplement pas encore été ajouté.

Il s'agit d'une version pré-alpha . Vous rencontrerez des bugs et des bizarreries dans l’interface, dont la plupart sont déjà sur notre radar. Si vous remarquez un bug, signalez-le à notre équipe d'assistance. Nous sommes encore en train de peaufiner les choses et la sortie de cette démo nous permet de mettre l'alpha publique encore meilleure avant sa mise en ligne.

Qu’est-ce qui a changé dans Divi 5 ?

Divi 5 est un peu différent. Tout fonctionne à peu près de la même manière que Divi 4, mais il y a quelques changements à noter.

1. Interface personnalisable : Divi 5 prend en charge plusieurs panneaux, des fenêtres de panneaux combinées et des configurations d'accueil personnalisées.
2. Édition réactive plus facile : au lieu d'activer l'édition réactive au niveau des options, l'édition réactive est contrôlée au niveau de l'application. Basculez vers n’importe quelle vue et les modifications que vous apportez dans cette vue s’appliqueront automatiquement.
3. Nouveaux modes d'interaction : Les modes d'interaction sont également différents dans Divi 5. Désormais appelés « couches d'interaction », vous pouvez sélectionner les couches d'éléments qui apparaissent au survol, y compris les options d'éléments, les options d'éléments parents et les contours d'éléments. Cliquer sur n’importe quel élément ouvrira son panneau de paramètres. Vous n'avez pas besoin de double-cliquer ou de cliquer sur l'icône d'engrenage. Toutes les actions sont disponibles via un clic droit, donc si vous souhaitez tout masquer pour simplifier l'interface et éviter les chevauchements, c'est une option viable.
4. Navigation intuitive : il est également plus facile de naviguer dans la page, grâce au panneau des calques ancrés et au fil d'Ariane dans le panneau des paramètres.
5. Performances étonnantes : Divi 5 est bien plus rapide, ce que vous remarquerez immédiatement. De plus, il ne s’enlisera pas dans des conceptions volumineuses et complexes. Essayez de cliquer, de dupliquer les choses rapidement et de devenir fou avec différents paramètres, et vous verrez à quelle vitesse c'est.
6. Une interface simple et rationalisée : L’interface Divi 5 est plus rationalisée. C'est plus petit et plus efficace. C’est plus vif et dépourvu d’animations et d’effets inutiles. Il lui manque les boutons de sauvegarde et d'annulation désuets dans chaque panneau. Il est également livré avec un mode sombre. Vous vous sentirez peut-être à l'aise dans le design plus grand, plus lent et plus ludique de Divi 4, mais une fois habitué à Divi 5, vous apprécierez ses nouveaux atouts.

Regarder vers l'avenir

Les changements les plus critiques dans Divi 5 sont les choses que vous ne pouvez pas voir. Une nouvelle fondation en coulisse rend Divi plus performant du point de vue du développement, permettant à notre équipe et à la communauté de créer de nouvelles fonctionnalités qui n'étaient pas possibles dans Divi 4.

Une fois que nous avons publié Divi 5, le vrai plaisir commence car nous allons avancer en sprintant, créant toutes les fonctionnalités que nous savons que vous souhaitez ! Fais-moi confiance; nous savons que vous avez besoin de nombreuses fonctionnalités essentielles : générateur de boucles, grilles flexbox et CSS, accessibilité améliorée, plus de modules, de meilleurs menus et options d'en-tête ; tout est sur notre radar, et j'ai hâte de surmonter cet obstacle pour que nous puissions trouver du travail.

Ce que nous avons accompli ce mois-ci

Ensuite, permettez-moi de vous présenter notre rapport d’avancement mensuel. Nous avons continué à peaufiner la nouvelle interface et étendu ces améliorations à d’autres domaines de Divi, en donnant une nouvelle couche de peinture au générateur de thèmes, aux options de thème, à l’éditeur de rôles et à la bibliothèque Divi. Nous avons poursuivi notre mission de correction de bogues, en corrigeant plus de 100 bogues supplémentaires et en réduisant la liste à quelque chose de gérable. Nous avons terminé les couleurs globales et la plupart de la vue Calques et avons commencé à travailler sur certaines fonctionnalités frontales restantes, notamment les ressources dynamiques et la génération de fichiers CSS statiques.

Nous avons également connecté Divi Cloud à la nouvelle version de la bibliothèque Divi, faisant appel à notre petite équipe Divi AI/Cloud pour implémenter ces fonctionnalités et aider Divi 5 à franchir la ligne d'arrivée un peu plus rapidement.

Voici les dernières entrées du journal des modifications de Divi 5.

• Ajout du composant de sélection prédéfinie dans VB.
• Ajout d'une classe d'éléments prédéfinis à l'élément de module dans VB.
• Correction d'une marge supérieure incorrecte lorsque la barre d'administration est désactivée.
• Correction d'un bug dans le rendu CSS, qui empêchait le CSS pour les points d'arrêt et la sortie des états de ne pas être dans le bon ordre dans certains cas.
• Mise à jour du style de saisie de la police de téléchargement.
• Correction d'une erreur lors de l'enregistrement/prévisualisation d'un module dans VB.
• Correction d'une erreur lors de l'enregistrement des styles de fenêtres contextuelles.
• Correction des dimensions modales et du positionnement du sélecteur d'icônes étendu.
• Correction de la vue des calques étant rendue plusieurs fois dans la barre latérale gauche lorsque l'on clique avec le bouton droit > Aller au calque sur plusieurs modules.
• Définissez Ajouter une hauteur modale pour s'adapter automatiquement à la hauteur de la fenêtre d'affichage disponible.
• Correction d'un problème où lorsque vous n'avez pas/zéro de couleurs globales, le bouton Ajouter une couleur n'est pas visible, et si vous avez une couleur globale, la couleur est masquée et seul le bouton Ajouter une couleur est visible.
• Correction du problème où l'ajout d'une couleur globale entraînait la désactivation de l'interaction/de la souricière de la zone du module.
• Correction d'un problème d'étiquette d'action dynamique pour l'onglet d'importation et d'exportation dans le modal de portabilité.
• Correction du problème du panneau de paramètres dans lequel le bouton Activer la redirection est désactivé, mais le champ URL est visible.
• Correction de la taille modale de la couche claire transmise au composant wrapper.
• Nettoyage d'un code en coulisse lors de l'enregistrement d'un article/d'une page
• Correction d'un problème où la synchronisation des couleurs globales n'était effectuée que lors du brouillon et non lors de la publication/aperçu.
• Correction d'un problème où les couleurs globales supprimées n'étaient pas supprimées de la mise en page lors de l'enregistrement.
• Correction du problème du sélecteur de couleurs dans la gamme de couleurs du noir au blanc.
• Corrigé : l'ouverture des modaux modifie les valeurs des paramètres du module.
• Correction d'un problème où, si vous avez beaucoup de couleurs globales, en développant l'onglet Couleurs enregistrées/récentes, puis en ouvrant l'onglet Couleurs globales, les échantillons de couleurs se chevauchaient sur les titres des onglets enregistrés/globaux/récents.
• Ajout de tests pour la fonctionnalité copier/coller du Presse-papiers afin de vérifier que les valeurs d'attribut de couleur globales sont copiées/collées.
• Ajout de la prise en charge de l'attribut showPlaceholderOnEmpty dans le composant de champ TextArea.
• Ajout d'une fonction permettant de masquer les paramètres dans le module Blog lorsque la longueur du contenu est définie sur « Afficher le contenu ».
• Correction du bug où l'utilisateur supprime une colonne de la vue des couches, celle-ci est supprimée.
• Correction de la position incorrecte et imprévisible de la barre d'outils de l'éditeur en ligne lorsque les utilisateurs sélectionnent certains textes dans le générateur.
• Correction d'un problème où l'option « Afficher la pagination » dans le module de blog D5 ne masquait pas la pagination dans le front-end lorsqu'elle était désactivée.
• Correction du problème où la désactivation de l'option « Afficher l'extrait » dans le module de blog D5 ne masquait pas l'extrait dans l'aperçu de Visual Builder.
• Correction de la rupture du contenu réactif en raison du déplacement de @wordpress/hooks vers des dépendances externes en l'enregistrant en tant que dépendance pour le script multi-vues dans FE.
• Correction d'une séquence de mise à jour incorrecte sur le champ de texte enrichi.
• Corrige le soulignement de texte indésirable ajouté au bouton en raison d'un ordre de rendu de style statique de style Divin incorrect.
• Ajout de raccourcis de page manquants (enregistrer la page, enregistrer la page en tant que brouillon, quitter le générateur visuel, ouvrir la portabilité, zoom avant/arrière réactif, passer en mode filaire)
• Correction de la position incorrecte de la portabilité et enregistrement dans la bibliothèque modale lors de la première ouverture.
• Correction du problème où la réinitialisation des styles de survol réinitialisait les styles de bureau à la place.
• Correction du problème où le dégradé du bouton s'arrêtait dans l'état du bureau et modifiait la valeur par celle utilisée par l'arrêt du dégradé en survol.
• Correction du masquage de la partie visible de l'élément dans sa position d'origine lors du glisser.
• Correction de l'icône de réinitialisation « Désactiver activé » masquée/affichée en fonction des coches/décoches visibles.
• Correction des raccourcis clavier ne fonctionnant pas correctement.
• Correction du bouton Réinitialiser qui ne fonctionnait pas avec les cases à cocher.
• Ajoutez la fonctionnalité de colonnes manquantes dans les sections spécialisées.
• Ajout d'une option de paramètres du constructeur pour désactiver la barre d'administration
• Ajout de la possibilité de faire défiler jusqu'au module déposé dans VB après l'avoir glissé et déposé dans la vue Calques.
• Ajout de la possibilité de faire défiler jusqu'au module déposé dans VB après l'avoir glissé et déposé dans la vue Calques.
• Un bouton de mise en page clair a été ajouté à la barre de page.
• Ajout du mode couleur dans la barre de page.
• La fonctionnalité ajoutée garantit que le groupe de couches est développé uniquement lorsque le module déplacé est le descendant de module correct.
• Ajout d'une fonctionnalité permettant d'étendre la couche lorsqu'un utilisateur fait glisser un module et survole un groupe de couches après 200 ms.
• Ajout d'une fonctionnalité pour mettre en évidence le module réel dans la mise en page lorsqu'il est survolé dans le modal Layers View.
• Ajout d'un mécanisme pour déclarer les attributs `default` et `defaultPrintedStyle` du module sur son propre fichier JSON.
• Ajout d'un mécanisme pour extraire les attributs qui génèrent du HTML, du style et des données de script
• Bouton de barre de page ajouté pour quitter le générateur visuel
• Un bouton dans la barre de page a été ajouté pour prévisualiser l'état actuel du générateur sur le front-end.
• Ajout d'une prévention pour garantir que la seule colonne d'une ligne ne sera pas supprimée ou déplacée vers une autre ligne.
• Ajout du prototype du modal des paramètres prédéfinis
• Ancre automatiquement la vue des calques à la barre latérale gauche lors de son ouverture.
• Assurez-vous que le modal « Ajouter depuis la bibliothèque » apparaît désormais centré dans la zone de la page avec une largeur et une hauteur maximales égales à 32 px de chaque bord du cadre sur les quatre côtés.
• Correction d'un bug dans le module Blurb pour les sélecteurs de survol, empêchant le rendu des styles en VB lorsque l'état de survol était sélectionné.
• Correction d'un bug dans Divi 5 où les styles d'état collant n'étaient pas rendus en VB lors de la sélection de l'état collant dans les paramètres du module.
• Correction d'un message obsolète dans PHP 8.3 lié aux propriétés dynamiques.
• Correction d'un avis de dépréciation de PHP dans le module Email Optin survenu dans PHP 8.2+.
• Correction de l'étiquette d'administration non synchronisée dans la vue modale des couches lorsqu'elle est modifiée depuis les paramètres du module ou le mode filaire.
• Correction d'un problème où tous les articles étaient affichés dans le module Blog de Visual Builder, même lorsque certaines catégories étaient sélectionnées.
• Correction d'un problème où la couleur d'arrière-plan de superposition et l'icône de superposition n'étaient pas correctement rendues sur le front-end.
• Correction du défilement automatique interrompu lors du déplacement du module près de la fenêtre d'affichage supérieure/inférieure
• Correction de la couleur d'arrière-plan des boutons et de la couleur du texte des boutons dans les champs du compte de messagerie et de la protection anti-spam dans le panneau des paramètres des modules Formulaire de contact et Email Optin.
• Correction de la sélection d'icône par défaut dans le module d'icônes lors de son chargement initial.
• Correction de l'affichage du contenu dynamique sur les paramètres du titre sur l'élément enfant pour les modules comme un accordéon.
• Correction d'une erreur rencontrée lors de l'exécution de la commande Yarn Test-Unit.
• Correction du nom de classe du module de témoignage incorrect
• Correction de la position fixe incorrecte de l'éditeur en ligne.
• Correction du problème où l'enregistrement du brouillon publiait toujours la page à la place.
• Correction d'un problème où certains modèles et menus sélectionnés clignotaient de la position initiale incorrecte à la position correcte.
• Correction d'un problème où les onglets n'apparaissaient pas sur le module Onglets.
• Correction du glisser-déposer lent dans la vue filaire
• Correction des classes d'animation d'images manquantes dans le module Personne.
• Correction des info-bulles manquantes dans les onglets d'arrière-plan.
• Correction de l'action des options du module ne fonctionnant pas lorsque vous cliquez dessus ; ouvre les paramètres du module à la place.
• Correction de l'affichage d'un espace inférieur supplémentaire dans le module Accordéon en survol.
• Correction du défilement fluide lorsque le calque est déplacé de bas en haut.
• Correction de la couleur du texte dans le contenu de l'éditeur Richtext en mode sombre.
• Correction du problème de survol de l'icône du module de présentation.
• Correction du problème de dropzone pour la zone inférieure qui nous faisait déposer les modules au bas de la liste des modules de couche.
• Correction du problème d'affichage des options du module même si le module de couche n'était plus survolé.
• Correction du problème affichant des images de galerie de mauvaise qualité dans le module de galerie FE.
• Correction de la mise à jour des noms de colonnes enfants dans le paramètre de ligne et des colonnes réorganisées lors du glissement.
• Introduction d'améliorations au composant Color Picker, permettant plus d'extensibilité et de modularité.
• Présentation d'un nouveau composant de base pour les champs de transformation, qui résout les transformations CSS en double.
• Conserver l'état ancré/non ancré du modal afin qu'il soit rouvert en fonction de son dernier état fermé.
• Le module glisser-déposer peut être initialisé à partir de n'importe quelle surface de module.
• Supprimez le bouton de sortie de la barre d'administration
• Suppression des éléments déplaçables et redimensionnables de la charge à partir du modal de la bibliothèque.
• Options de module supprimées de la colonne de la section de spécialité dans la vue modale des couches.
• Suppression du sélecteur de survol redondant pour le module de connexion après la correction appropriée du problème.
• Suppression du raccourci clavier inutilisé.
• Remplacement de l'UX basé sur les modes de Divi 4 par l'UX des couches d'interaction.
• Interface utilisateur simplifiée du générateur visuel (composants de champ et modaux)
• Masquer temporairement les boutons Annuler et Rétablir de la barre de page jusqu'à ce que l'historique soit développé
• Mise à jour et perfectionnement de la fonctionnalité Global Colors, introduisant un nouveau format Global Color ID et une meilleure prise en charge des attributs de module.
• Utilisation de variables CSS pour définir les couleurs de la vue Layers, remplacement de l'utilisation inutile de useSelect dans le composant Layer Drag Handle pour optimiser les performances et utilisation cohérente de selectStore pour nommer le sélecteur dans l'utilisation useSelect de Layers View.

Restez connectés pour plus de nouvelles

C'est tout pour le rapport d'avancement de ce mois-ci. Restez à l'écoute pour plus de mises à jour, et n'oubliez pas de nous suivre par e-mail et de vous abonner à notre chaîne YouTube pour vous assurer de ne rien manquer. Divi 5 est un vaste projet, mais je reviendrai mensuellement pour vous tenir informé de nos avancées.