Quand on travaille les préréglages de design dans Divi, le réflexe habituel est de tester directement sur une page existante. Problème : on risque de casser quelque chose en production, ou de se retrouver avec des styles à moitié appliqués un peu partout. Les Canvases de Divi 5 offrent une bien meilleure approche.
Le concept : un espace de travail isolé
Un canvas détaché est une zone de construction invisible pour les visiteurs, totalement séparée de vos pages live. Vous y construisez, testez et comparez vos préréglages en contexte réaliste — avec de vrais modules, de vrais contenus — sans aucun risque pour le site en production.
L’idée est proche d’une branche de développement en Git : vous travaillez librement, et vous n’intégrez que ce qui est validé.
Comment mettre ça en place
Depuis n’importe quelle page dans le Visual Builder, ajoutez un nouveau canvas et nommez-le explicitement — « Preset Playground » ou « Testing » fait très bien l’affaire. Un canvas local suffit pour un usage personnel ; passez en global si vous voulez le partager avec votre équipe.
Une fois dans ce canvas, ajoutez les modules courants de votre projet (boutons, textes, sections hero) et appliquez-y vos variations de styles. Vous pouvez ainsi comparer plusieurs versions côte à côte, affiner les détails, et construire progressivement une bibliothèque de préréglages cohérente avant tout déploiement.
Ce que ça change dans le workflow
Fini les tests en live qui laissent des traces. Fini les hésitations à expérimenter de peur de dérégler une page publiée. Le Preset Playground devient votre bac à sable permanent : vous y revenez à chaque nouveau projet ou chaque évolution du design system, et vos pages actives restent toujours propres.


