Bibliothèque Chapitre 2

LA BIBLIOTHÈQUE

CHAPITRE 2 : UTILISATION DE LA SYNCHRO

MODULE 3

La bibliothèque Divi

Avec une palette de couleurs vives, le thème Peinture Divi enfant utilise des accents de rose électrique pour attirer les visiteurs du site et mettre en valeur le contenu.

Associé à une utilisation intelligente de l'espace blanc, d'élégantes combinaisons de polices et de subtiles animations aérodynamiques à travers la structure, il crée un look et une sensation élégante et professionnelle.

Sélectionnez la partie de l'élément de bibliothèque globale que vous souhaitez synchroniser

Par exemple, si vous enregistrez un nouveau module dans la bibliothèque en tant qu'élément global, vous pouvez éditer les paramètres pour ne synchroniser que les paramètres de conception, alors seuls ces paramètres seront ajoutés à la bibliothèque.

Ceci est particulièrement utile si vous explorez les onglets Design ou Advanced Tabs, et que vous souhaitez utiliser vos styles uniques pour plusieurs modules sur votre site Web tout en ajoutant un contenu unique dans l'onglet Contenu pour chacun d'entre eux.

Un exemple simple serait de créer un module d'en-tête au style unique qui est ajouté à chaque page de votre site Web. Dans cet exemple, vous voudrez peut-être avoir une combinaison unique de paramètres de conception partagés sur l'ensemble de votre site Web, mais en même temps, vous devez pouvoir ajouter un texte de titre unique à chaque module pour représenter la page en cours.

Dans cet exemple, le choix de ne synchroniser sélectivement que les paramètres de conception est le plus logique.

Utilisation de la synchronisation sélective

En utilisant le Visual Builder, enregistrez un nouvel élément dans votre bibliothèque et cochez la case pour en faire un élément global.

Cliquez sur cette icône pour activer ou désactiver l'option permettant de synchroniser sélectivement tous les paramètres de l'élément de la bibliothèque globale actuelle et cliquez sur Enregistrer.

Seules les options que vous avez sélectionnées seront modifiables dans la bibliothèque. Lorsque vous ajoutez l'élément global de la bibliothèque à votre page, seuls les paramètres que vous avez cochés pour être synchronisés seront présents.

Chaque fois que vous éditez un module global, vous pouvez facilement identifier quelles options sont actuellement synchronisées par la couleur verte de l'icône de synchronisation.

Les icônes vertes sont des options en cours de synchronisation dans le module global. Rouge signifie que l'élément n'est pas synchronisé. Les options éditées avec les icônes de synchronisation verte (activé) sont partagées par toutes les instances de l'élément global.

La puissance de la synchronisation sélective

L'utilisation de Selective Sync en combinaison avec des modules globaux peut être extrêmement puissante. Creusons un peu plus profondément.

Vous avez également utilisé les paramètres " Design " pour donner à votre en- tête un aspect unique en ajustant le style de police du titre aux majuscules gras et toutes les majuscules, et vous avez augmenté le rembourrage personnalisé en haut et en bas de l'en-tête pour agrandir le module d'en-tête. Vous voulez que tous les modules d'en-tête de chaque page utilisent ce style unique, mais vous avez besoin de chaque page pour avoir des titres uniques.

Dans ce cas, vous pouvez créer un module Global Fullwidth Header et choisir de ne synchroniser sélectivement que les options de l'onglet "Design". Maintenant, chaque fois que vous ajoutez ce module global à une nouvelle page, les paramètres "Design" seront synchronisés, mais vos paramètres "Contenu" resteront uniques pour le module courant.

Si jamais vous voulez changer le style des en-têtes de toutes vos pages, vous pouvez modifier les paramètres "Design" synchronisés partagés par ces modules globaux et les changements seront reflétés sur chaque page où l'en-tête global a été utilisé! Wow, ça vous fait gagner un temps incroyable!

Cette même théorie pourrait également s'appliquer à l'onglet "Avancé". Supposons que vous avez créé un module Slider et utilisé l'onglet "Avancé" pour appliquer une animation unique au bouton du curseur. Vous souhaitez utiliser cette nouvelle animation unique sur tous les modules Slider de votre site web. Dans ce cas, vous pouvez créer un nouveau Global Slider Module et synchroniser sélectivement les paramètres "Advanced" qui incluent votre animation CSS personnalisée.

Ajoutez ce curseur à votre page et ajustez les paramètres " Contenu " et " Design " librement, tout en gardant votre CSS personnalisé unique synchronisé sur toute la série de modules. Si vous souhaitez régler les paramètres "Avancés" de cette série de modules globaux, vous n'avez qu'une seule fois.

Édition des paramètres "Avancés" dans une seule mise à jour du module pour toutes les implémentations de ce Global Slider Module.

MERCI