Divi 5 continue son enrichissement pré-release. Cette fois, c’est la fonctionnalité Advanced Units qui débarque. Elegant Themes la décrit comme « un nouveau champ d’unité multifonctionnel prenant en charge toute la gamme d’unités, de fonctions et de variables CSS ». Sur le papier ce n’est pas glamour, dans la pratique c’est un vrai gain de flexibilité.
Ce que change Advanced Units
Jusqu’ici, quand vous régliez une taille dans Divi (marge, padding, taille de police, etc.), vous étiez limité aux unités prédéfinies : px, %, em, rem. Advanced Units étend le catalogue à toute la gamme CSS : valeurs sans unité comme unset et fit-content, et surtout des fonctions comme clamp() et calc().
Concrètement, clamp(1rem, 2vw, 3rem) vous permet d’avoir une taille de police qui s’adapte fluidement entre 1rem et 3rem selon la largeur du viewport. C’est la base d’une typographie fluide moderne, sans devoir écrire dix media queries à la main.
Variables CSS aussi supportées
Vous pouvez aussi définir des variables CSS et les référencer dans vos designs. Ça change beaucoup le workflow sur les gros sites : au lieu de répéter #100a3d vingt fois pour la couleur primaire, vous définissez --primary: #100a3d une fois et vous utilisez var(--primary) partout. Un changement de valeur se propage automatiquement.
La prochaine étape : Nested Rows
Elegant Themes annonce déjà la suite : les Nested Rows. Ces rangées imbriquées ajouteront de la flexibilité dans la mise en page, en permettant d’imbriquer une rangée à l’intérieur d’une autre. Une limite historique qui va enfin sauter.
Notre lecture
Divi 5 est encore en Alpha publique, la Beta puis la stable arriveront courant 2025. Le rythme des améliorations montre qu’Elegant Themes prend son temps pour bien faire les choses, après des années de développement en interne. Advanced Units est le type de fonctionnalité qui aurait dû exister depuis longtemps, mais mieux vaut tard que jamais.
L’annonce complète sur le blog Elegant Themes →