Mise à jour de progression de Divi 5 : Explorer l'extensibilité de Divi 5

Publié: 2023-07-07

Je suis de retour avec une autre mise à jour de progression de Divi 5. Si vous n'êtes pas familier avec Divi 5, consultez notre article d'annonce original. Pour le dire brièvement, nous recréons le constructeur dans Divi 5 à partir de zéro, en nous concentrant sur les performances, la stabilité, l'évolutivité et l'extensibilité. Il n'apportera pas beaucoup de nouvelles fonctionnalités, mais il sera beaucoup plus rapide et plus performant, et il donnera à notre équipe et à la communauté les outils dont nous avons besoin pour démarrer avec de nouveaux modules et fonctionnalités fantastiques.

Le mois dernier, j'ai donné une démo du Divi 5 Visual Builder pour montrer sa vitesse ultra-rapide, donc si vous avez manqué cette vidéo, assurez-vous de la regarder.

Je discuterai de l'extensibilité de Divi 5 et donnerai une démonstration rapide dans la mise à jour de ce mois-ci. Mais d'abord, parlons de ce que notre équipe a fait au cours du mois dernier.

Ce que nous avons accompli ce mois-ci

Nous avons fait beaucoup de progrès le mois dernier. Nous approchons du lancement de Divi 5 Dev Beta, la prochaine phase du programme Divi 5 beta, et j'espère annoncer sa sortie dans ma prochaine mise à jour.

Pendant la dernière ligne droite, nous restons concentrés sur la simplification du processus de création de modules afin que les créateurs de la communauté et notre équipe puissent construire des modules Divi 5 plus rapidement. Le travail que nous avons effectué au cours de cette phase portera ses fruits dans les phases suivantes, l'objectif ultime étant de mettre la main sur Divi 5 plus tôt.

Entrées du journal des modifications :

Refactorisation de tous les modules actuellement construits pour incorporer un nouveau système d'attributs basé sur les éléments amélioré.
Ajout de la fonction saveInlineEditorValue Util dans packages/module-utils pour stocker la valeur de l'éditeur de texte en ligne
Ajout de la fonction canEditInline Util dans packages/module-utils pour vérifier si l'attribut de module peut être modifié en ligne
Ajout de l'événement onPaste Handler à l'éditeur de texte en ligne pour traiter les données du presse-papiers
Remplacement des noms de classe basés sur les événements de l'éditeur de texte en ligne par des sélecteurs data-* (par exemple : et-vb-editable-element–empty, et-vb-editable-element–html) dans The Builder.
CSS mis à jour pour l'éditeur de texte en ligne avec des sélecteurs data-* (par exemple : [data-et-vb-editable-element]).
Mise à jour de l'éditeur de texte en ligne pour vérifier si le module est modifiable et si l'utilisateur a la permission appropriée de le modifier
Magasin de raccourcis clavier refactorisé pour désactiver les raccourcis lorsque l'éditeur de texte en ligne est en mode d'édition
Ajout de la fonctionnalité d'éditeur de texte en ligne au module audio pour le titre
Ajout de la fonctionnalité d'éditeur de texte en ligne au module Blurb pour le titre
Ajout de la fonctionnalité de l'éditeur de texte en ligne au module de compteur de barres pour le titre
Ajout de la fonctionnalité de l'éditeur de texte en ligne au module Circle Counter pour le titre
Ajout de la fonctionnalité d'éditeur de texte en ligne au module de code pour le contenu de code (HTML)
Ajout de la fonctionnalité de l'éditeur de texte en ligne au module de compte à rebours pour le titre
Ajout de la fonctionnalité d'éditeur de texte en ligne au module d'en-tête pleine largeur pour le titre et le sous-titre
Ajout de la fonctionnalité d'éditeur de texte en ligne au module de code pleine largeur pour le contenu de code (HTML)
Ajout de la fonctionnalité de l'éditeur de texte en ligne au module de connexion pour le titre
Ajout de la fonctionnalité de l'éditeur de texte en ligne au module de compteur de nombres pour le titre
Ajout de la fonctionnalité de l'éditeur de texte en ligne au module Personne (membre de l'équipe) pour le nom et le poste
Ajout de la fonctionnalité d'éditeur de texte en ligne au module de tableau de prix pour le titre, le sous-titre, la devise, la somme et la fréquence
Ajout de la fonctionnalité de l'éditeur de texte en ligne au module Slider pour l'en-tête de la diapositive
Ajout de la fonctionnalité de l'éditeur de texte en ligne au module d'onglets pour le titre de l'onglet
Ajout de la fonctionnalité d'éditeur de texte en ligne au module de témoignage pour l'auteur, le titre du poste et le nom de l'entreprise
Ajout de la fonctionnalité d'éditeur de texte en ligne pour basculer le module pour le titre
Ajout de la fonctionnalité d'éditeur de texte en ligne à la vue filaire pour les étiquettes d'administration de module
Mise à jour de la fonctionnalité de l'éditeur de texte en ligne pour définir le texte par défaut lorsque l'attribut de module est modifié avec une valeur vide (par exemple, les étiquettes d'administration en mode d'affichage filaire)
Ajout de cas de test pour garantir que le mode d'édition pour l'éditeur de texte en ligne n'est pas activé pour le module verrouillé
Ajout de tests pour dans tous les modules qui utilisent l'éditeur de texte en ligne pour s'assurer qu'il fonctionne comme prévu.
Ajout des composants de base InlineRichTextEditorContainer et InlineRichTextEditor dans le générateur pour l'édition en ligne de texte enrichi.
Introduction de la classe ElementInnerContent, une version simplifiée de la classe MultiViewElement.
Classe MultiViewScriptData améliorée.
Ajout d'un filtre et d'un crochet personnalisés dans le script Responsive Content FE.
Introduction de la classe MultiViewElement.
Contenu dynamique : nouveau format de valeur de contenu dynamique : `$variable(JSON_VALUE)$`.
Contenu dynamique : introduction d'une nouvelle fonctionnalité de conversion d'attributs pour les attributs de contenu dynamique.
Contenu dynamique : introduction du rendu initial du contenu dynamique dans la partie frontale.
Nouvelle approche sur le traitement des valeurs de contenu dynamique. Les valeurs de contenu dynamique seront traitées sur l'analyseur de bloc avant que le document ne soit analysé dans la liste des structures de bloc.
Rétroportage du code pour résoudre les valeurs de champ intégrées et personnalisées de Dynamic Content en fonction du nom et des paramètres du champ.
Rétroportage du code pour générer les champs intégrés et personnalisés de Dynamic Content en fonction de différentes conditions.
Contenu dynamique : introduction du rendu initial du contenu dynamique dans VB
Contenu dynamique : fonctionnalité de contenu dynamique intégrée dans la classe "ModuleElements".
Contenu dynamique : implémentation de la fonctionnalité d'image d'arrière-plan dynamique dans VB.
Contenu dynamique : introduction de l'interface utilisateur de contenu dynamique initiale sur les paramètres du module dans VB. À l'heure actuelle, il est disponible en tant que prototype sur le texte d'entrée du module de témoignage avec prise en charge de l'option de contenu dynamique `site_title` uniquement.
Éditeur RichText en ligne : ajout des fonctionnalités d'édition principales de TinyMCE au composant d'éditeur en ligne Rich Text
Éditeur de texte enrichi en ligne : mise à jour de l'éditeur de texte enrichi en ligne pour récupérer le contenu modifiable et enregistrer le contenu modifié.
Module Attribute Refactor : Refactorisez les attributs du module Icon.
Module Attribute Refactor : Refactorisez les attributs du module Social Media.
Module Attribute Refactor : Refactoriser les attributs du module vidéo.
Module Attribute Refactor : Refactorisez les attributs du module de recherche.
Module Attribute Refactor: Refactoriser les attributs du module Full Width Code.
Module Attribute Refactor : Refactoriser les attributs du module Pricing Tables.
Module Attribute Refactor : Refactoriser les attributs du module Accordion.
Module Attribute Refactor: Refactoriser les attributs du module Full Width Map.
Module Attribute Refactor: Refactoriser les attributs du module Full Width Slider.
Module Attribute Refactor : Refactorisez les attributs du module Map.
Bogues signalés par la communauté : mise en œuvre du mécanisme de crédit de module. Ajoutez du crédit sur module.json pour afficher le crédit du module.
Bogues signalés par la communauté : Activer la balise sélectionnée dans la description du champ
Options de transition : ajout d'un composant de style de transition pour tous les modules utilisant ElementStyle.
Éléments de module : Présentation de la classe ModuleElements pour simplifier la création d'éléments sur les modules Audio, Blurb, CTA et Testimonial.

Illustrer l'extensibilité de Divi 5

L'un des aspects les plus essentiels de Divi 5 est son extensibilité. Quand je parle d'extensibilité, je parle de Divi 5 agile et capable du point de vue de l'API et des nombreuses fonctionnalités uniques que nous pouvons créer grâce à ces améliorations. J'ai également parlé de l'alignement de Divi 5 avec l'avenir de WordPress, de la suppression des shortcodes et de l'intégration de nombreux packages de blocs WordPress dans Divi 5.

Qu'est-ce que tout cela signifie pour l'avenir de Divi ?

J'ai demandé au responsable de notre équipe de développement de trouver un peu de temps libre pour concocter une démo rapide qui illustre ces aspects afin que je puisse partager quelque chose d'amusant dans cette mise à jour visuellement représentative de l'extensibilité de Divi 5. Il est venu avec le module de bloc automatique. Un module qui transforme chaque bloc Gutenberg en un module Divi, les suralimentant avec la large gamme de paramètres de conception de Divi et vous permettant de mélanger des modules et des blocs sur la même page !

Le module de bloc récupère les éléments HTML du bloc et génère dynamiquement des groupes d'options qui vous donnent un contrôle total sur sa conception. Vous pouvez également générer de nouveaux groupes d'options à la volée, en ciblant et en personnalisant n'importe quel élément.

Alors que nous avons créé ce module de bloc pour le plaisir, et qu'il n'est ni fini ni peaufiné, c'est une merveilleuse démonstration de ce que nous pouvons faire avec Divi 5, et avec une relative facilité, grâce à la nouvelle fondation que nous créons.

Non seulement c'est facile pour nous, mais aussi pour vous et la communauté de développement, grâce à la nature ouverte de l'API. Nous pouvons même terminer ce module de bloc et l'ajouter à Divi 5 en tant que fonctionnalité officielle. Mais pour l'instant, nous restons concentrés sur la progression dans les phases bêta.

Divi AI est presque terminé !

Cela conclut la mise à jour Divi 5 de ce mois-ci. Par ailleurs, notre première version de Divi AI est presque terminée, ce qui vous permettra de générer des images extraordinaires à partir de rien et d'écrire et d'améliorer du contenu avec l'IA pendant que vous travaillez dans le Visual Builder. Je me suis beaucoup amusé à jouer avec la version inachevée et j'ai hâte de l'emballer et de l'expédier bientôt !

Restez connectés pour plus de nouvelles

J'ai promis de donner des mises à jour de progression de Divi 5 tous les mois, et c'est ce que je compte faire ! Je ne peux pas promettre que chaque mise à jour sera passionnante, mais soyez assurés que nous travaillons aussi dur que possible pour terminer cet énorme projet. Chaque jour, nous nous rapprochons un peu plus et la fondation Divi 5 devient un peu plus forte. Nous allons bientôt lancer la Divi 5 Dev Beta, ce qui signifie que la base sera complète. À partir de là, c'est à toute vapeur les fonctionnalités destinées aux utilisateurs que vous pourrez tester dans l'alpha publique plus tard cette année.

Laissez un commentaire si vous avez des questions. Rendez-vous dans la prochaine mise à jour !