Divi 5 et l’éloignement des shortcodes

Je suis de retour avec une autre mise à jour de Divi 5 ! Comme vous le savez peut-être, nous sommes au milieu d’un projet massif recréant Divi Builder, en nous concentrant sur des améliorations fondamentales telles que les performances et l’extensibilité.

Je donne une mise à jour rapide chaque mois pour tenir la communauté informée de nos progrès. Le mois dernier, j'ai annoncé la sortie de Divi 5 Dev Beta, la deuxième des quatre phases bêta qui précéderont le lancement de Divi 5. Avec la sortie de Dev Beta et l'API Divi 5 terminée, nous travaillons vers l'Alpha publique, garantissant nous terminons suffisamment de fonctionnalités principales de Divi pour rendre cette première version bêta publique largement utilisable.

Ce que nous avons accompli ce mois-ci

Nous avons accompli beaucoup de choses ce mois-ci, en complétant la conversion de davantage de modules Divi, tels que le module Accordéon, le module Social Follow, le module Icône, le module Recherche et les modules Code. Nous avons corrigé davantage de bugs, apporté davantage d'améliorations, mis à jour davantage de documents et poursuivi notre marche vers la phase Alpha publique.

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

• Ajout des modules Map & Map Pin pour Divi 5
• Ajout des tableaux de prix et du module Tableau de prix pour Divi 5
• Ajout des modules Slider et Slide pour Divi 5
• Ajout du module Vidéo pour Divi 5
• Implémentez l'importation de mises en page prédéfinies via l'application cloud dans le générateur visuel.
• Correction du bouton de contenu dynamique afin qu'il apparaisse également dans les zones de texte remplies.
• Ajout d'une amélioration de l'interface utilisateur pour le groupe d'options imbriqué dans le modal des paramètres du module.
• Module.json généré à partir du fichier ts tapé pour garantir que les valeurs des propriétés des métadonnées du module sont validées.
• Test d'instantané PHP mis à jour
• Correction d'un bug qui empêchait le chargement des feuilles de style Divi dans le Builder lorsqu'un thème enfant était actif.
• Correction des liens de portfolio sortant du générateur visuel.
• Correction de la réinitialisation d'une image de survol personnalisée provoquant des conflits sur le FE.
• Correction du problème de taille du modal d'aide où le désancrage du modal d'aide le faisait apparaître plus grand que sa taille d'origine.
• Correction du poids par défaut du module Divider.
• Correction de la taille par défaut de l'icône du module Blurb.
• Mise à jour de la bordure des boutons CTA et de connexion et des couleurs du texte pour qu'elles soient vides par défaut.
• Introduction de elementType imageLink dans la classe ModuleElements qui permet de restituer un élément d'image lié.
• Introduction du wrapper elementType dans la classe ModuleElements qui fonctionne pour restituer un élément wrapper.
• Introduction de l'image elementType dans la classe ModuleElements qui permet de restituer un élément d'image.
• Correction de la différence HTML entre D4 et D5 pour le module Code.
• Ajout des modules Accordéon & Accordéon Item pour Divi 5
• Ajout des modules de médias sociaux et d'éléments de médias sociaux pour Divi 5
• Ajout du module Icônes pour Divi 5
• Ajout du module de recherche pour Divi 5
• Ajout du module Code pleine largeur pour Divi 5
• Création d'un générateur de documents pour Divi 5 PHP Action et Filter Hooks.
• Déclaration doc des hooks d'action PHP mise à jour.
• Déclaration doc des hooks de filtre PHP mise à jour.
• Documents mis à jour pour l'API PHP.
• Ajout d'une amélioration de l'interface utilisateur pour les paramètres du module et le modal en général.
• Tutoriel mis à jour pour intégrer la dernière amélioration du développement de modules.
• Ajout d'un nouveau composant de bibliothèque de champs : avertissement
• Refactoriser l'implémentation de `animationClassnames`
• Ajout des propriétés `moduleClassname` et `moduleOrderClassname` pour les métadonnées du module sur `module.json`
• Ajout de la méthode `ModuleElement.scriptData()`
• Ajout de la méthode `ModuleElement.styleComponents()`
• Option ajoutée pour activer l'interface utilisateur améliorée
• Correction d'un problème lors duquel le changement de style d'animation provoquait le crash du module.
• L’état correct corrigé (ordinateur de bureau, tablette, etc.) n’est pas sélectionné dans le modal State Picker.
• Correction d'un sélecteur incorrect pour le sticky.
• Correction des références defaultAttrs et defaultPrintedStyleAttrs restantes dans le site de documentation
• Correction du champ de paramètres du module ne gère pas correctement les valeurs réactives/survolées/collantes si les accessoires de champ ne sont pas explicitement déclarés
• Correction des icônes de la barre de paramètres de page dans les boutons ne sont pas centrées dans Firefox
• Correction du problème d'importation des options de lien de D4 vers D5 dans le module Blurb.
• Correction du problème d'importation des options de lien de D4 vers D5 dans le module CTA.
• Correction du problème d'affichage des titres d'éléments enfants dynamiques dans le panneau de contenu du module d'onglets.
• Les décalages verticaux et horizontaux fixes ne fonctionnent pas avec la position relative dans le module En-tête pleine largeur.
• Mettre correctement en file d'attente le style de package après le style de thème
• Page de documentation mise à jour des fonctions utilisées dans le didacticiel de développement bêta

Parlons des codes courts

Je voulais également prendre un moment pour évoquer l'un des changements les plus importants de Divi 5, à savoir la suppression des shortcodes et la migration vers un format de stockage plus moderne et en phase avec l'avenir de WordPress.

Pourquoi s’éloigner des shortcodes ?

L’éloignement de Divi 5 des shortcodes présente plusieurs avantages. Premièrement, WordPress dépréciera inévitablement les shortcodes à mesure que de plus en plus d’utilisateurs se tournent vers le nouvel éditeur, et nous voulons garder une longueur d’avance.

Les codes courts ont également des limitations qui rendent difficile, voire impossible, l'accomplissement de certaines choses, comme des éléments imbriqués à l'infini, et ils s'accompagnent également de problèmes inhérents qui font souvent apparaître leurs vilaines têtes, comme des caractères particuliers dans le contenu de la publication brisant la logique du code court, ce qui conduit à des solutions trop complexes pour résoudre le problème sous-jacent.

Les codes courts sont également moins performants car leur analyse peut nécessiter des expressions régulières complexes. D'un autre côté, notre nouveau format de stockage est beaucoup plus facile à analyser, ce qui entraînera une légère amélioration des performances.

Enfin, il y a le problème des shortcodes qui restent dans le contenu de la publication après avoir quitté Divi, ce qui ne sera plus un problème dans Divi 5. Si vous créez votre site Web avec Divi 5, puis passez à un nouveau thème ou constructeur , vous commencerez avec une page vierge au lieu d'utiliser des codes courts indésirables dans le contenu de la publication.

Comment les shortcodes seront-ils migrés sur les sites Web existants ?

Pour effectuer ce changement, nous devrons effectuer une recherche par programme sur votre site Web et convertir les codes courts au nouveau format. Après la mise à niveau vers Divi 5, vous lancerez un processus de migration pour terminer la conversion. Les anciens shortcodes Divi 4 fonctionneront toujours avec Divi 5, mais ils entraîneront un coût en termes de performances, et nous recommandons à chacun de migrer son site Web et de mettre à jour ses modules Divi tiers afin que l'ensemble de votre site Web utilise le framework Divi 5.

Si vous créez un nouveau site Web dans Divi 5, en revanche, tout utilisera le nouveau framework par défaut. Les anciennes mises en page de votre bibliothèque ou les anciennes mises en page que vous avez exportées depuis Divi 4 seront automatiquement converties au format Divi 5 à l'import.

Restez connectés pour plus de nouvelles

C'est tout pour la mise à jour Divi 5 de ce mois-ci. Par ailleurs, nous avons une mise à jour de Divi AI qui sortira dans les prochaines semaines qui vous permettra de générer du code avec l’IA, rendant plus facile que jamais la personnalisation de Divi et de ses modules. Pour ceux d’entre vous qui aiment s’affranchir des paramètres de conception de Divi et écrire leur propre CSS, je pense que vous allez trouver cette mise à jour incroyablement utile.

Restez à l'écoute et je vous verrai dans la prochaine mise à jour. Suivez-nous par email et abonnez-vous à notre chaîne YouTube pour toutes les dernières nouvelles.