fbpx

Bons plans Alpa14 | Des offres et des réductions intéressantes à découvrir 😃

Tutoriel Divi Supreme : Module Content Toggle

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 également intéressé par ces articles …

        Créer un pop-up sur un site Divi

        Créer un pop-up sur un site Divi

        Ce tutoriel vous propose une solution simple et pratique pour créer un pop-up. En effet, je vous présente un plugin gratuit pour Divi intitulé « Popups for Divi » qui vous permettra de transformer toute section de votre site web en fenêtre pop-up.

        lire plus
        Formation WordPress éligible au CPF : Webmyday

        Formation WordPress éligible au CPF : Webmyday

        Vous souhaitez créer un site Internet WordPress pour votre entreprise ? Vous êtes complètement débutant ? Dans ce tutoriel vidéo, je vous présente Webmyday la formation WordPress Divi qui va vous permettre de réaliser facilement votre site web en étant accompagné d’un coach sympa pendant 2 mois. 😊

        lire plus
        Offrez-moi un café! Merci :)