fbpx

Découvrez les bons plans & les réductions Alpa14 ?

Tutoriel Divi Supreme : Module Content Toggle

Catégories

Divi  Supreme Content Toggle, une fonction bien utile qui manque peut-être à votre site :)

Changer de contenu en activant simplement un interrupteur sur votre site Divi ? C’est possible grâce au module Content Toggle de Divi Supreme Pro l’excellent plugin pour Divi. Cette fonction peut être très utile dans bon nombre de cas. C’est ce que je vous présente et vous explique dans ce nouveau tutoriel WordPress Divi Supreme.
Si vous ne connaissez pas Divi Supreme, je vous invite à consulter cette page de mon blog où je passe en revue tous les nouveaux modules et nouvelles extensions qu’apporte ce plugin Divi.

 

Code Promo Divi Supreme
Licence Divi
.

Insertion du module Divi Supreme Content Toggle

    Dans le tutoriel, je crée une nouvelle section, j’insère une rangée à une colonne et dans cette colonne, j’appelle le module Content Toggle. Ce module se comporte comme tout autre module Divi à insérer dans une colonne de rangée.

    Vous remarquez au passage que les modules rajoutés par Divi Supreme ont un fond bleu ce qui les distingue des modules classiques de Divi.

    Amelia booking plugin
    Thinkific one month free
    Module Divi Supreme Content Toggle

    Paramétrage du Contenu du module Content Toggle

      Le principe est simple dans l’onglet contenu, vous avez « Content One  » (Contenu 1) et « Content two » (Contenu 2).

      Ce sont les contenus qui vont apparaitre selon que vous activez ou pas l’interrupteur.

      Chaque contenu peut être appelé soit :
      D’un contenu personnalisé (Custom Content) ce sera du texte entré dans l’encart texte classique.
      D’un contenu enregistré dans la librairie, ce sera ici le contenu complet d’une section. Section qui pourra contenir plusieurs rangées et modules.
      C’est donc très puissant et toute mise en page est possible. (c’est ce contenu que j’utilise dans la vidéo, en créant 2 sections que j’enregistre respectivement dans la librairie pour ensuite les appeler dans « Content 1 » puis « Content2 »).
      D’un contenu appelé par un Shortcode. Il vous est possible aussi de faire apparaître le contenu d’un autre plugin générant des Shortcodes.

      Switcher
      Code Promo Divi Supreme
      Insertion Module Masonry Gallery
      Licence Divi

      Paramétrage du Style du module Content Toggle

        Dans l’onglet « Style » vous allez pouvoir paramétrer principalement 5 choses intéressantes :
        L’interrupteur (Switcher), vous allez pouvoir modifier sa taille et sa couleur de fond selon sa position.

        – Heading one et Heading two (Titre 1 et Titre 2), sont les titres qui apparaissent de part et d’autre de l’interrupteur. Vous pouvez modifier ici, la taille du texte, sa couleur etc.

        – Content one et Content 2 (Contenu 1 et Contenu 2), à cet endroit c’est le design même du contenu que vous pouvez modifier. Vous pouvez par exemple jouer sur les marges, modifier la couleur de fond etc.

        Pour voir le résultat de votre travail, enregistrez votre travail et sortez du Visual Builder.

         

        section1
        Section 2
        Style
        hébergeur web Hostinger
        MalerLite

        Vous serez peut-être intéressé par les articles suivants :

        Divi Supreme : Galerie filtrable – Filterable Gallery

        Divi Supreme : Galerie filtrable – Filterable Gallery

        Filtrer une galerie d’images par catégories ? C’est possible grâce au module Filterable Gallery de Divi Supreme, l’excellent plugin pour le Visual Builder de Divi.
        Assignez les photos d’une galerie à certaines catégories et triez-les en 1 clic. Cette galerie photos filtrable c’est sûr, améliorera grandement le confort de navigation des visiteurs sur d’un site web WordPress Divi.

        lire plus
        Divi Supreme : les nouveautés du plugin Divi !

        Divi Supreme : les nouveautés du plugin Divi !

        De nouveaux modules pour le Divi Visual Builder d’Elegant Themes ? Oui, c’est possible ! Avec Divi Supreme poussez le design des pages de votre site WordPress Divi au maximum ! Avec Divi Supreme Pro ce n’est pas moins de 58 nouveaux modules et 8 nouvelles extensions que vous ajoutez à Divi.

        lire plus
        Divi Supreme : Content Timeline

        Divi Supreme : Content Timeline

        Divi Supreme Content Timeline : Une ligne de temps de contenu claire et engageante Dans ce tutoriel WordPress Divi, je vous présente le module Divi Supreme Content Timeline qui vous permet de créer facilement une chronologie de contenu pour...

        lire plus