Divi 5 public alpha 11: notes de libération et progression des fonctionnalités
Publié: 2025-03-29Le Divi 5 Public Alpha est disponible pour une utilisation sur de nouveaux sites Web. Si vous utilisez Divi 5, vous remarquerez une notification de mise à jour pour publique Alpha version 11 aujourd'hui. Nous publions de nouvelles versions Divi 5 toutes les deux semaines, et cela s'améliore à chaque fois! Si vous n'avez pas encore testé Divi 5, essayez-le et dites-nous ce que vous pensez.
- 1 Quoi de neuf dans Public Alpha 11?
- 2 correctifs et améliorations de bogues
- 3 progrès des fonctionnalités
- 3.1 Presets de groupe d'options
- 3.2 Unités avancées
- 3.3 Variables de conception Divi
- 3,4 lignes imbriquées
- 3,5 Disposés Flexbox
- 3.6 Modules WooCommerce
- 4 Changelog
- 5 sauter dans Divi 5 aujourd'hui
Quoi de neuf dans Public Alpha 11?
Je n'ai pas publié de message concernant le public Alpha 10, donc ce post couvrira tout ce que nous avons accompli depuis le public Alpha 9.
Nous avons implémenté 103 corrections de bogues et améliorations, deux nouvelles fonctionnalités (préréglages de groupe d'options et unités avancées), et avons réalisé des progrès significatifs sur trois fonctionnalités à venir .
Correction et améliorations de bogues
Cette version comprend une poignée de correctifs et d'améliorations mineures. Nous suivons chaque bogue rapporté et les abordons un par un. Au total, nous avons fusionné 103 corrections de bogues et améliorations. J'ai répertorié chaque changement dans le changelog ci-dessous, mais voici quelques faits saillants:
- Amélioration des commentaires de vitesse et de clic : tout dans le constructeur visuel se sent beaucoup plus rapidement! Pourquoi? Parce que nous sommes passés à l'utilisation de la souris au lieu de souris pour la plupart des interactions. Maintenant, les choses réagissent dès que vous cliquez sur votre souris; C'est super! Pour des raisons d'accessibilité, les boutons utilisent toujours la souris.
- En appuyant sur Entrée pour valider les valeurs : nous avons prolongé l'heure des champs et des unités de validation et implémenté la validation instantanée lors de l'appuyer sur ENTER ou de se dérouler un champ. Vous n'avez pas à attendre la validation et n'aurez pas de validation automatique aussi souvent lorsque vous tapez lentement.
- Effacement du cache prédéfini : lors de la sauvegarde des préréglages et des couleurs mondiales, le cache complet du site Web n'a pas été correctement effacé. Cela a été fixé.
- La disparition des polices Google : un bug étrange et ennuyeux a mystérieusement a fait que les polices Google se déshabillent sur le front. Cela n'arrivera plus.
- Triple vérification de la sécurité : nous avons examiné les correctifs de sécurité Divi 4 des deux dernières années pour nous assurer que nous n'avions pas commis des erreurs similaires dans Divi 5, puis effectué un examen de la sécurité. Nous avons trouvé quelques problèmes mineurs et une sécurité durcie dans ces domaines.
- Icône des champs Overhal : nous avons repensé les icônes qui apparaissent lors de la survol des champs dans le panneau des paramètres. Les icônes auparavant en ligne, telles que le contenu dynamique et les icônes AI, ont été déplacées au-dessus du champ. Toutes les icônes sont plus petites et alignées à droite pour les rendre plus faciles à cliquer.
Progression des caractéristiques
Nous avançons à toute la vitesse avec le développement des fonctionnalités. Nous avons six équipes travaillant à plein temps sur Divi 5. C'est ce qu'ils font.
- Équipe 1: Cette équipe corrige les bogues et aide les créateurs de Divi Marketplace avec conversion des modules.
- Équipe deux: Cette équipe travaille sur les modules WOO, la fonctionnalité finale de Divi 5 pour entrer Beta.
- Équipe trois: Cette équipe a changé de concentration et améliore désormais la compatibilité en arrière avec les modules Divi 4 en préparation de la bêta Divi 5.
- Équipe quatre: Cette équipe travaille sur un nouveau système de mise en page Flexbox pour Divi, une fonctionnalité auparavant inopinée. Restez à l'écoute pour un aperçu bientôt à venir!
- Équipe cinq: Cette équipe travaille sur des rangées imbriquées, dont j'ai donné un aperçu de cette semaine.
- Équipe six: Cette équipe travaille sur des variables de conception Divi, qui est presque terminée.
Voici les progrès que nous avons réalisés depuis Public Alpha version 9.
Presets de groupe d'options
Nous avons terminé cette fonctionnalité et l'avons publiée dans Divi 5 Public Alpha 9.3. Vous pouvez télécharger Divi 5 et essayer les préréglages du groupe d'options aujourd'hui.
Les préréglages de groupe d'options sont des styles partagés qui peuvent être combinés et appliqués à n'importe quel module Divi pour styliser les éléments de base de votre site Web et créer des systèmes de conception avancés. C'est un changeur de jeu absolu; Une fois le concept cliqué, il n'y a pas de retour en arrière.
Unités avancées
Nous avons terminé cette fonctionnalité et l'avons publiée dans Divi 5 Public Alpha 10.1. Vous pouvez télécharger Divi 5 et essayer les unités avancées aujourd'hui.
Divi prend désormais en charge toutes les unités CSS, y compris les valeurs sans unité telles que un non-set et un contenu d'ajustement, et des fonctions telles que clamp () et calc (), ce qui facilite la création de conceptions réactives avec une typographie fluide plus facilement que jamais.
Vous pouvez également définir les variables CSS et les référencer tout au long de vos conceptions.
Variables de conception divi
Nous sommes terminés à 90% avec des variables de conception Divi et espérons la sortir la semaine prochaine! Vous pouvez entendre la phrase «changeur de jeu» qui est souvent lancé lorsque vous décrivez de nouvelles fonctionnalités, mais celle-ci mérite vraiment l'étiquette.
C'est un pas audacieux dans une nouvelle direction pour Divi et une partie essentielle du système de conception de Divi 5, que nous construisons pour satisfaire les besoins des concepteurs Web avancés.
Rangées imbriquées
C'est une autre caractéristique surprise. Plus tôt cette semaine, j'ai jeté un aperçu des rangées imbriquées. Rows à l'intérieur des rangées! C'est une idée simple mais une première étape importante dans la création d'un système de mise en page plus flexible pour Divi 5.
Bientôt, vous pourrez ajouter des lignes à l'intérieur des lignes, déverrouillant de nouvelles structures de mise en page.
Dispositions de flex
C'est une autre caractéristique surprise. Je n'ai pas encore donné un aperçu de celui-ci, mais voici un petit aperçu.
Nous révisons complètement le système de mise en page de Divi pour utiliser Flexbox, implémentant de nombreuses nouvelles structures de lignes et surfacing Flexbox Controls pour les modules, les lignes et les sections. Vous pouvez créer chaque disposition sous le soleil avec Flexbox et des lignes imbriquées. De plus, vous pouvez contrôler l'emballage des colonnes, l'alignement vertical du contenu, la répartition réactive de la colonne, etc.
Cette mise à jour massive prendra un certain temps, mais cela vaudra la peine d'attendre.
Modules WooCommerce
De l'extérieur, les progrès sur les modules WOO semblent inexistants. En effet, nous recherchions des blocs Woo et créons un nouvel outil CLI pour réduire considérablement le temps nécessaire pour convertir les modules Divi 4 en Divi 5.
Un peu d'investissement remboursera beaucoup de temps à long terme.
La bonne nouvelle est que nous avons terminé notre outil de conversion de module cette semaine! Cet outil automatise 80% des travaux de conversion de module fastidieux. En utilisant cet outil, nous espérons convertir les 20+ modules WOO au cours des prochains mois, en préparant la voie à une version bêta de Divi 5 de Mid Year.
En attendant, nous continuons à faire avancer Divi 5 et à encourager l'adoption avec des améliorations agressives. N'oubliez pas que vous pouvez utiliser Divi 5 maintenant, même sur les sites Web WooCommerce, en utilisant des modèles et des blocs WooCommerce standard.
Changelog
Voici une liste de toutes les modifications mises en œuvre dans Public Alpha 11.
- Correction d'un bug avec des gradients contenant des couleurs globales non migrées correctement vers Divi 5.
- Correction de l'option de nombre d'images qui ne fonctionne pas dans le module de galerie.
- Correction d'un problème où les valeurs de couleur globale n'ont pas pu être enregistrées / appliquées aux paramètres de page pendant que les couleurs régulières étaient enregistrées / appliquées correctement.
- Internationalisation fixe pour certaines étiquettes prédéfinies.
- Le module MAP et PIN MAP mis à jour pour utiliser les rappels pour le champ MAP pour les paramètres du module généré automatiquement.
- Correction d'un problème où l'animation du module de compteur numérique a déclenché le chargement de la page plutôt que lors de la saisie de la fenêtre.
- Amélioration des performances lors de l'interaction avec l'interface utilisateur du constructeur.
- Correction d'un problème où la couleur du texte d'ouverture du titre en éléments d'accordéon réinitialise à la valeur par défaut lors de la modification du niveau de tit-titrage sur les paramètres du module.
- Correction d'un problème où l'icône n'était pas centrée verticalement lorsque le contenu dynamique a été utilisé.
- Le niveau d'en-tête du curseur et de l'accordéon est fixé pour le préréglage du module et du groupe d'options.
- Correction d'un problème avec le module de diviseur qui ne s'affiche pas lorsqu'il est défini en position: Absolute.
- Les couleurs d'arrière-plan collantes fixes ne s'appliquaient pas correctement sur les lignes à la fois dans le constructeur visuel et le frontend.
- Index et page d'introduction docs générés mis à jour.
- Nous avons corrigé le problème de réinstallation du module du curseur en modifiant le niveau d'en-tête du panneau des paramètres.
- Correction du problème de visibilité des couleurs de l'icône élargie pendant que nous passions l'ambiance de couleur à l'obscurité.
- Nous avons mis à jour notre validation d'entrée pour accepter des règles de fonction mathématique incomplètes.
- La validation de la fonction mathématique mise à jour pour le sélecteur d'unités peut désormais gérer les parenthèses imbriquées dans la valeur de la fonction mathématique.
- Supprimé des «documents» supplémentaires de la documentation et met à jour tous les liens.
- Correction d'un problème où le mode de modification prédéfini du groupe d'options fermerait prématurément lors de la création de préréglages à partir de styles actuels.
- Correction d'un problème où les valeurs prédéfinies du groupe d'options étaient incorrectement héritées par les préréglages de module.
- Problème fixe: L'unité réinitialise toujours le DEG chaque fois que nous modifions la valeur de transformée Rotation et de biais avec les boutons de spinner, de traînée et d'incrément.
- Correction du problème lorsque les préréglages par défaut en fonction des préréglages de groupe d'options personnalisés n'ont pas été appliqués correctement dans le constructeur visuel lors de l'ajout initial du module.
- Les unités de longueur de gradient fixe ont été non définies.
- Les unités non pris en charge (Ch, Ex, CM, MM, Inch, Pt, PC, Calc (), Min (), Max (), CLAMP (), CSSVAR, héritent, unset) pour empêcher les sélections non valides.
- Nous avons résolu le problème d'erreur du navigateur Firefox pour le module d'en-tête FullWidth lorsque nous avons activé l'écran complet.
- Supprimé les options d'unité non valides (unset, héritage, aucune, serrage) du sélecteur d'unité de transformation OG pour éviter les transformations non valides.
- Définissez l'espace de place pour vider lorsque la valeur de DefaultValue est catégoriquement KeywordValue, et l'unité est modifiée en une unité de VeywordValue.
- Affichez un message d'erreur lorsqu'une unité non valide est utilisée sur la fonction mathématique.
- Correction d'un problème où le groupe d'options de texte de titre préréglage n'a pas appliqué le niveau d'en-tête correct pour les éléments de l'accordéon.
- Correction d'un problème où une modification de couleur globale ne peut pas être annulée en TB car cliquer sur le bouton Annuler n'a aucun effet / ne fait rien.
- Correction d'un problème qui a empêché les fichiers JSON de TEMP de supprimer après l'importation de grandes pages.
- Nettoyez correctement toutes les caches afin que les modifications liées au style prennent effet sur toutes les pages applicables après des modifications des préréglages de modules, des préréglages de groupe d'options, des couleurs globales et des polices.
- Correction d'un problème où l'étiquette unitaire change lorsque la hauteur de ligne augmente ou diminue du sélecteur d'unité.
- A introduit un système de signalisation dynamique pour gérer et basculer les fonctionnalités expérimentales dans les sous-modules Divi.
- Supprimé les indicateurs de fonctionnalité hérités et leur code associé pour une maintenabilité et une simplicité améliorées.
- Désactivez l'incrément du champ de plage en appuyant sur la flèche haut / baisse lorsque la valeur actuelle est une fonction mathématique ou une variable CSS.
- Introduisez de nouveaux crochets pour filtrer les attributs par défaut, les attributs de style imprimé par défaut et le contenu de placement défini dans la configuration du module.
- Correction d'une régression dans le sélecteur de couleurs où il ne s'ouvrirait pas lors de la cliquetis sur le bouton Ajouter un nouveau couleur.
- Introduit des unités avancées, y compris le support pour toutes les unités, fonctions et variables CSS.
- Correction d'un bogue où les couleurs globales utilisées dans les préréglages ne sont pas exportées lors de l'exportation d'une disposition et ne sont pas disponibles pour l'importation lors de l'importation d'une disposition.
- Correction d'un bug avec le mécanisme de mise en cache des polices Google en ligne dans Divi 5.
- Correction d'un problème où les effets de mouvement n'ont pas été appliqués au module de compteur de barre.
- Correction d'un problème avec les points d'arrêt personnalisables réinitialisés trop rapidement lors de la frappe, obligeant les utilisateurs à taper très rapidement.
- L'attribution du groupe d'options par défaut préréglage n'activera pas le mode d'édition.
- Correction d'un bogue, ce qui fait que l'importation ne fonctionne pas lorsque la mise en page a des modules de raccourcis divi 5.
- Nous avons mis à jour les URL relatives avec @Divi, où nous devons importer des packages dans Visual Builder Shortcuts.ts.
- Les unités de commutation fixes dans le sélecteur d'unité définissent automatiquement la valeur du champ sur 0, ce qui fait disparaître les éléments de façon inattendue.
- Correction d'un problème de sécurité dans la balise d'en-tête personnalisée.
- Correction du message d'erreur de sélecteur d'unité pour le sélecteur d'unité CALC.
- Déplacez le bouton du champ Paramètres du module vers la nouvelle position.
- Correction du problème de la couleur d'arrière-plan de bascule du module d'accordéon tout en changeant la couleur du niveau de l'élément enfant.
- Correction d'un problème où le curseur devient un écran vide tout en ajoutant une nouvelle diapositive.
- Correction du problème d'alignement du module interne de rang tout en définissant sa valeur de marge gauche pour la section spécialisée.
- Correction d'un problème où l'étiquette de champ ne s'affiche pas sur certains champs du composant.
- Correction du problème de couleur du titre du module du texte de présentation pendant que nous définissons la couleur du texte sur Lite.
- Correction du problème avec les e-mails ne sortant pas de plusieurs e-mails séparés par des virgules ajoutés dans les paramètres du module du formulaire de contact.
- Correction d'un bug avec le module MAP si l'option ENQUEUe Google Maps Script est désactivée dans les options de thème.
- Docs mis à jour, nouveau style de page d'index et nouveaux CTA pour télécharger Divi 5 et rejoindre Discord.
- Nous avons mis à jour la documentation manuelle avec des informations obsolètes et ajouté un nouveau lien de téléchargement.
- Introduit les préréglages du groupe d'options.
- Amélioration des performances tout en chargeant des packs pré-fabriqués dans le flux de travail intégré.
- Éléments de bibliothèque implémentés Importer un système avec portabilité dans l'application cloud.
- Correction de la copie / collage des groupes d'options de module imbriquées.
- Correction de l'ordre de priorité des champs dans le groupe de paramètres de défilement pour s'assurer que «collant» apparaît avant le «défilement» sur divers modules.
- Correction des liens publiques incorrects du module post-navigation à l'aide des mêmes messages de catégorie.
- Des rappels personnalisés ont été ajoutés aux paramètres du module généré automatiquement pour le module MAP FullWidth.
- Amélioration de la lisibilité en supprimant les fichiers inutilisés.
- Correction d'un problème où le module d'onglet n'a pas été affiché correctement lorsqu'une condition a été définie sur le premier élément d'onglet et renvoyée fausse.
- Nous avons résolu un problème avec la largeur / la largeur maximale ne fonctionnant pas à partir de l'onglet de conception pour la position absolue.
- Correction d'un problème où le module de diapositive n'a pas hérité de la transition définie dans le module de curseur.
- Mise à jour de tous les modules pour aider les vidéos modales.
- Ajout d'un support fondamental pour la gestion des groupes composites dans les préréglages du groupe d'options.
- AGM refactorisé pour permettre aux rappels personnalisés d'être attribués pour le groupe / champ dans le fichier index.ts de module respectif.
- Correction de l'avertissement lié au rembourrage droit et gauche du module de diviseur.
- Correction d'un problème où les options d'état de survol étaient incorrectement disponibles pour les paramètres d'arrière-plan et de superposition de texte dans le module de curseur FullWidth.
- Corrige un problème de sécurité qui pourrait permettre aux utilisateurs de manquer de capacité non filtrée_html pour définir l'indicateur de contenu dynamique Active_html via l'éditeur classique.
- Correction d'un problème où la recherche de police Google a affiché toutes les polices au lieu de filtrer les résultats en fonction de la requête de recherche.
- Ajout de la prise en charge fondamentale de la gestion des groupes composites dans les préréglages du groupe d'options dans le module d'élément d'accordéon.
- Ajout du support fondamental de la manipulation du groupe composite dans les préréglages du groupe d'options dans le module d'accordéon.
- Ajout d'un support fondamental pour la gestion des groupes composites dans les préréglages de groupe d'options dans le module de blog.
- Ajout de la prise en charge fondamentale de la gestion des groupes composites dans les préréglages du groupe d'options dans le module Countdowntimer.
- Ajout de la prise en charge fondamentale de la gestion des groupes composites dans les préréglages du groupe d'options dans le module de diviseur.
- Ajout de la prise en charge fondamentale de la gestion des groupes composites dans les préréglages du groupe d'options dans le module FilterableportFolio.
- Ajout de la prise en charge fondamentale de la gestion des groupes composites dans les préréglages de groupe d'options dans le module de menu pleine largeur.
- Ajout de la prise en charge fondamentale de la gestion des groupes composites dans les préréglages du groupe d'options dans le module FullWidth Post-Slider.
- Ajout d'un support fondamental pour la manipulation du groupe composite dans les préréglages du groupe d'options dans le module d'en-tête.
- Ajout de la prise en charge fondamentale de la gestion des groupes composites dans les préréglages de groupe d'options dans le module de menu.
- Ajout de la prise en charge fondamentale de la gestion des groupes composites dans les préréglages du groupe d'options dans le module post-navigation.
- Ajout de la prise en charge fondamentale de la gestion des groupes composites dans les préréglages du groupe d'options dans le module de la table de tarification.
- Ajout de la prise en charge fondamentale de la gestion des groupes composites dans les préréglages du groupe d'options dans le module de recherche.
- Ajout de la prise en charge fondamentale de la gestion des groupes composites dans les préréglages du groupe d'options dans le module de section.
- Ajout de la prise en charge fondamentale de la gestion des groupes composites dans les préréglages du groupe d'options dans le module SignUpCustomField.
- Ajout de la prise en charge fondamentale de la gestion des groupes composites dans les préréglages de groupe d'options dans le module de diapositive.
- Ajout de la prise en charge fondamentale de la gestion des groupes composites dans les préréglages du groupe d'options dans le module de témoignage.
- Ajout de la prise en charge fondamentale de la gestion des groupes composites dans les préréglages du groupe d'options dans le module à bascule.
- Correction du problème manquant de classe ET_Clickable du module interne du module, ce qui rend le module non cliquable lorsque nous définissons la valeur de liaison à partir des paramètres.
- Mettez à jour l'exemple de code dans les pages «Ajout de contenu d'espace réservé» et «Conversion du module dynamique» pour importer la fonction utilitaire de PaceholderContent à partir du package ModuleUtils.
- Les modules d'exemples fixes ne sont pas chargés en raison d'une erreur fatale lors de la mise à jour du package pour importer la fonction utilitaire de pointage de placement.
- Correction d'un problème de sécurité dans le module audio.
- Correction d'un problème où des groupes composites avec plusieurs noms d'attribut ayant des suffixes similaires ont conduit à une sélection d'attribut incohérente.
- Correction d'un problème de sécurité dans le composant d'arrière-plan.
- Correction des styles d'en-tête et de pied de page ne fonctionnant pas correctement sur les pages d'index, telles que les pages de catégorie et les pages de résultats de recherche.
- Correction d'un problème qui a empêché le constructeur visuel de se charger sur la page contenant des modules de raccourcis.
Sauter dans Divi 5 aujourd'hui
Le divi 5 public alpha est disponible aujourd'hui. Comme indiqué dans le calendrier de libération multi-phases original de Divi 5, le divi 5 public alpha est comme «divi 5 lite». Il manque quelques fonctionnalités et peut ne pas convenir aux sites Web existants, mais il est prêt à être utilisé sur de nouveaux sites Web si vous préférez l'expérience à Divi 4. Essayez-le et faites-nous savoir ce que vous pensez!

Si vous trouvez un bogue, signalez-le à notre équipe et nous le réparerons. Nous continuerons à travailler de manière agressive pour ajouter de nouvelles fonctionnalités et répondre aux commentaires.
Restez à l'écoute pour une nouvelle version Divi 5 toutes les deux semaines. À partir de maintenant, Divi 5 s'améliorera régulièrement à travers l'alpha, la version bêta et au-delà.