# Divi 5 : 5 Étonnants Avantages des Nested Option Presets **Auteur:** Sebastien Chaffer **Publié:** 2026-05-21T06:59:33+02:00 **URL:** https://wordpress-freelance.com/articles/divi-5-5-etonnants-nested/ **Catégories:** Refonte WordPress --- Les **Nested Option Presets** de Divi 5 révolutionnent la manière dont nous gérons les styles sur nos sites web. Grâce à ce système de presets, il devient plus facile de créer, réutiliser et maintenir des [styles cohérents](https://wordpress-freelance.com/articles/personnalisation-formulaire-divi/ "styles cohérents") à travers l’ensemble d’un site. Au lieu de devoir reconstruire le même style de bouton, de bordure ou de [champ de formulaire](https://wordpress-freelance.com/articles/personnalisation-formulaire-divi/ "champ de formulaire") encore et encore, vous pouvez enregistrer ces styles en tant que presets et les appliquer où bon vous semble. Avec la sortie des Nested Option Presets, le système de presets va encore plus loin. ## Qu’est-ce que les Nested Option Presets ? Les Nested Option Presets permettent d’appliquer des presets à des groupes d’options imbriqués à l’intérieur des modules. Par exemple, vous pouvez appliquer un petit preset, comme un style de bordure, à un preset de bouton, qui peut ensuite être inclus dans un preset d’élément plus large. Cela signifie que vous pouvez réutiliser des styles de manière plus efficace et construire un [système de design](https://wordpress-freelance.com/articles/extend-attributes-divi-5-3-secrets-essentiels-pour-gagner/ "système de design") plus propre dans Divi 5. ### Pourquoi les Presets Sont-Ils Importants ? Les presets sont essentiels car ils gardent vos décisions de design connectées. Si votre site utilise le même preset de bordure arrondie sur des boutons, des images, des icônes et des cartes, vous pouvez mettre à jour ce style de bordure une seule fois au lieu d’éditer chaque élément manuellement. Cela accélère également votre [flux de travail](https://wordpress-freelance.com/articles/queueing-commands-divi-astuces/ "flux de travail"), car vous pouvez créer un petit ensemble de styles réutilisables, les appliquer à travers une [mise en page](https://wordpress-freelance.com/articles/queueing-commands-divi-astuces/ "mise en page"), et effectuer des [changements futurs](https://wordpress-freelance.com/articles/queueing-commands-divi-astuces/ "changements futurs") à partir d’un seul endroit. ### Comment Utiliser les Nested Option Presets Voici comment procéder dans le [Visual Builder](https://wordpress-freelance.com/articles/queueing-commands-divi-astuces/ "Visual Builder") : 1. **Créer un Nested Option Preset** : Ouvrez une page dans le Visual Builder, cliquez sur un [module de bouton](https://wordpress-freelance.com/articles/personnalisation-formulaire-divi/ "module de bouton"), ouvrez ses paramètres et allez à l’onglet Design. Stylez le bouton comme nécessaire. Une fois vos styles en place, localisez le groupe d’options imbriqué que vous souhaitez enregistrer. Cliquez sur l’icône d’assignation de preset, choisissez « Nouveau Preset à partir des Styles Actuels », donnez un nom clair au preset et cliquez sur « Enregistrer le Preset ». 2. **Créer un Option Group Preset** : Créez des Option Group Presets pour les groupes d’options principaux du bouton, comme l’espacement ou le bouton. Le processus est similaire : stylez le groupe d’options, cliquez sur l’icône d’assignation de preset, choisissez « Nouveau Preset à partir des Styles Actuels », nommez le preset et enregistrez-le. 3. **Créer un Element Preset** : Une fois vos presets en place, vous pouvez les inclure dans un Element Preset pour le module de bouton. Dans les paramètres du module de bouton, survolez l’en-tête du module pour révéler l’icône d’assignation de preset. Cliquez sur « Nouveau Preset à partir des Styles Actuels », nommez votre preset, puis enregistrez-le. 4. **Appliquer les Nested Option Presets à d’autres Modules** : Les Nested Option Presets deviennent plus utiles lorsque vous les réutilisez à travers différents types de modules. Par exemple, le même preset de bordure arrondie que vous avez créé pour un module de bouton peut également être appliqué à un module d’icône. 5. **Modifier et Mettre à Jour les Presets** : Lorsque vous modifiez un preset, chaque élément utilisant ce preset se met à jour sur votre site. Cela s’applique également lorsque le preset est imbriqué dans un autre preset. ![Illustration des Nested Option Presets dans Divi 5](https://wordpress-freelance.com/wp-content/uploads/2026/05/nested-option-presets-2026.jpg "Divi 5 : 5 Étonnants Avantages des Nested Option Presets 1") ## Conseils et Meilleures Pratiques Pour que votre bibliothèque de presets soit efficace, voici quelques conseils : - **Utilisez des noms clairs et cohérents** : Des noms descriptifs aident à gérer vos presets au fur et à mesure que votre site grandit. - **Sachez quand remplacer et quand imbriquer** : Les presets imbriqués sont idéaux pour les styles que vous souhaitez réutiliser et mettre à jour globalement. - **Gérez vos presets avec le Preset Manager** : Cela vous permet de garder votre bibliothèque organisée. En conclusion, les **Nested Option Presets** de Divi 5 rendent le système de design basé sur des presets plus flexible et modulaire. En commençant par des presets ciblés pour des éléments comme des bordures, des espacements et des boutons, vous pouvez ensuite les combiner en des Element Presets plus larges qui sont plus faciles à appliquer et à mettre à jour à travers un site complet. ## Questions fréquentes ### Que sont les Nested Option Presets dans Divi 5 ? Ce sont des préréglages d’options imbriqués qui permettent d’enregistrer et de réutiliser des configurations de style à différents niveaux dans Divi 5. Ils évitent de reparamétrer manuellement des éléments récurrents. ### Pourquoi utiliser des presets dans Divi ? Les presets font gagner du temps et garantissent la cohérence visuelle : une modification du preset se répercute sur tous les éléments qui l’utilisent. C’est un levier de maintenabilité sur les sites construits avec Divi. ### Comment utiliser les Nested Option Presets ? On crée un preset à partir d’une configuration de style, puis on l’applique aux éléments concernés. L’imbrication permet de gérer des préréglages à plusieurs niveaux, pour une structure de styles réutilisable et hiérarchisée. ### Quelles bonnes pratiques avec les presets Divi ? On nomme clairement ses presets, on les organise par usage, et on les utilise systématiquement pour les éléments récurrents afin de centraliser les styles. Cette discipline simplifie les mises à jour visuelles à grande échelle.