Divi 5 dit adieu aux codes courts. Voici pourquoi c'est important

Divi a longtemps été considéré comme l’un des thèmes WordPress les plus puissants et les plus polyvalents. Avec l’introduction de Divi 5, on bouscule les choses. Dans les versions précédentes de Divi, les shortcodes – de petits extraits de code – servaient d'espace réservé pour les modules de conception de Divi, permettant au Visual Builder de générer des mises en page et des styles complexes via des commandes backend.

Avec la sortie de Divi 5, les shortcodes ont disparu et nous avons complètement réécrit le framework de fond en comble. Dans cet article, nous explorerons comment le nouveau framework de Divi, construit de manière similaire aux blocs Gutenberg, est plus efficace et puissant que jamais.

Apprenez-en plus sur la Divi 5 Public Alpha et comment la télécharger.

Télécharger Divi 5 Public Alpha

Que sont les codes courts ?

Les codes courts ont été conçus pour permettre aux utilisateurs d'ajouter plus facilement du contenu et des fonctionnalités complexes à leurs sites Web sans nécessiter de code long. Par exemple, au lieu de coder manuellement un formulaire entier ou une galerie d'images en HTML et CSS, les utilisateurs peuvent insérer un shortcode comme [galerie], et WordPress générera automatiquement les éléments nécessaires lors du rendu de la page.

L’idée derrière les shortcodes était de rendre WordPress plus convivial. Ces courts extraits pourraient exécuter des fonctions personnalisées et restituer des éléments personnalisés, qui pourraient être facilement réutilisés sur votre site Web.

Comment Divi utilisait les shortcodes dans le passé

Divi a utilisé le système de shortcode natif de WordPress pour organiser ses éléments de création, chaque shortcode agissant comme un élément de base unique dans une conception plus grande.

Par exemple, lorsqu'un utilisateur ajoute un bouton dans Visual Builder, en coulisse, Divi insère un shortcode pour ce bouton qui définit toutes ses propriétés, comme la couleur, la taille, le rayon de la bordure, etc. créez des mises en page incroyables, mais en coulisses, Divi empile des shortcodes pour définir et restituer chaque élément.

Si vous avez déjà désactivé Divi et visité une page que vous avez créée avec Divi Builder, vous auriez vu ces shortcodes ci-dessous.

Pourquoi nous nous sommes éloignés des shortcodes dans Divi 5

WordPress s’éloigne des shortcodes au profit des blocs. Pour cette seule raison, Divi doit abandonner sa dépendance aux shortcodes, qui seront inévitablement obsolètes. Divi 4 vit dans le passé, tandis que Divi 5 est construit pour le futur. Mais il y a d’autres raisons de déménager, ce qui profitera grandement aux utilisateurs de Divi.

Performances améliorées

La première raison est la performance . L'analyse d'une page construite avec des codes courts est moins efficace car elle n'a pas de hiérarchie appropriée. Il faut simplement plus de temps à Divi pour prendre une énorme chaîne de contenu shortcode et la comprendre . De plus, la vitesse à laquelle WordPress restitue le contenu du shortcode laisse à désirer. Divi 4 pousse ce système dans ses retranchements.

Polyvalence améliorée

La deuxième raison est la polyvalence . Les codes courts n’ont pas été envisagés dans le cadre d’un système de conception complexe et imbriqué. Divi 4 a dû franchir des obstacles pour éviter les problèmes lors de l'imbrication des modules dans les colonnes des lignes des sections, et l'ajout de plus d'imbrication, comme des colonnes dans les colonnes, ouvre une toute nouvelle boîte de Pandore. Divi 5 résout ce problème avec son nouveau format de stockage, permettant des éléments imbriqués à l'infini.

Stabilité améliorée

La troisième raison est la stabilité . En tant qu'API, les shorcodes ont des limites. La façon dont les crochets et les attributs sont utilisés pour stocker des données complexes signifie qu'un seul caractère rouge pourrait faire tomber tout le système. Divi 5 aura moins de bugs car moins de problèmes peuvent se produire.

Compatibilité croisée améliorée

La quatrième raison est la compatibilité croisée . Le nouveau format de stockage de Divi 5 imite les blocs natifs de WordPress, permettant ainsi à Divi et Gutenberg de communiquer plus facilement.

C’était un énorme changement. Il fallait recommencer ! Mais c’est extrêmement important pour la viabilité à long terme de Divi.

Le passage à un système de création visuelle basé sur des blocs

Conscient de la nécessité d'une approche plus moderne, Divi 5 s'est éloigné des shortcodes au profit d'une approche basée sur des blocs alignée sur l'avenir de WordPress. Au lieu de s'appuyer sur des shortcodes, Divi 5 imite l'architecture basée sur des blocs de WordPress. La suppression des shortcodes dans Divi 5 fait partie d’un effort plus large visant à rendre Divi plus rapide, plus flexible et plus facile à utiliser. En éliminant l’ancien framework, Divi 5 offre des améliorations significatives des performances.

En termes de flexibilité, Divi 5 permet des capacités de création de sites plus dynamiques et évolutives. Ce nouveau framework moderne peut facilement être étendu et intégré à des fonctionnalités plus complexes, ce qui est impossible avec le framework basé sur le shortcode de Divi 4.

Quel est l’impact sur les sites Web Divi existants ?

La question la plus pressante pour de nombreux utilisateurs de longue date de Divi est de savoir ce qu’il adviendra de leurs sites Web existants construits avec Divi 4. Heureusement, nous avons prévu cela. Bien que Divi 5 élimine les shortcodes dans les nouvelles versions de sites, les sites Web existants ne seront pas affectés.

Divi 5 est livré avec un migrateur qui convertira tous vos shortcodes Divi 5 en blocs Divi 5. C'est aussi simple que de cliquer sur un bouton !

Divi 5 a également été conçu avec une rétrocompatibilité, garantissant que votre site Web continue de fonctionner normalement, même avant la migration. Si Divi 5 détecte des shortcodes hérités, il fonctionnera en mode rétrocompatibilité jusqu'à ce que ce contenu soit correctement migré ou que vos modules tiers aient été mis à jour pour prendre en charge Divi 5.

Divi 5 : plus rapide, plus propre et plus flexible

La suppression du framework basé sur les shortcodes de Divi 4 est une avancée significative.

Vous voulez découvrir la différence vous-même ? C’est le moment idéal pour tester le Divi 5 Alpha et vous familiariser avec ses plus gros changements. Aidez-nous à trouver les bugs et à rendre la version finale de Divi 5 encore meilleure.

Pensez uniquement à tester le Divi 5 Alpha en local ou sur un site staging. Vous rencontrerez probablement de nombreux bugs à ce stade, notamment lors de la migration. Si vous ne souhaitez pas participer à la phase de test de bugs, participez plus tard.