fbpx

Tutoriel Divi : Fonction visibilité

Divi Visibilité : une fonction qui peut s’avérer bien utile

Dans ce court tutoriel Divi WordPress, je vous montre comment utiliser la fonction visibilité qui vous permet de faire apparaître ou pas des sections, des rangées ou des modules selon le périphérique sur lequel le site web est vu (vue bureau, vue tablette ou vue téléphone). Cette fonction du Divi Visual Builder peut s’avérer très utile et pratique dans certains cas

Licence Divi
Code Promo Divi Supreme
.

La fonction Divi visibilité

    Cette fonction bien pratique est présente et applicable dans les paramètres des sections, des rangées et des modules.

    Paramètres de l’élément > Onglet Avancé > Visibilité

    hébergeur web Hostinger
    Module Divi Supreme Content Toggle

    Fonction Divi Visibilité, comment ça marche ? 

      Dans l’exemple du tutoriel, je construis sur la même page 3 sections.
      – Une section (bureau) apparaîtra uniquement en vue ordinateur bureau
      – Une section (tablette) qui apparaîtra uniquement en vue tablette
      – Une section (téléphone) qui apparaîtra uniquement en vue téléphone.

      Pour paramétrer par exemple la section qui apparaîtra seulement en vue bureau, il faut cocher la case des périphériques sur lesquels on ne veut pas que la section apparaisse.

      Il faut faire de même pour les 2 autres sections.

      Quand le Visual Builder est activé les 3 sections apparaissent.
      Mais quand on est sorti du Visual Builder, et que l’on réduit la fenêtre les vues correspondant apparaissent successivement selon les différentes tailles. 

      MailerLite free-trial
      Fonction Divi visibilité
      animation
      Thinkific one month free

      Vous serez peut-être également intéressé par ces articles …

      Tutoriel Divi : Inverser les colonnes selon la vue

      Tutoriel Divi : Inverser les colonnes selon la vue

      En vue ordinateur un site web peut avoir un design avantageux mais peut être moins en vue mobile du fait des colonnes d’une rangée qui passent les unes sous les autres.
      On peut alors se trouver avec une suite d’éléments non souhaitée avec par exemple 2 textes ou 2 images à la suite.

      lire plus
      10 extensions Chrome pour améliorer la productivité

      10 extensions Chrome pour améliorer la productivité

      Dans cette vidéo, je vous présente 10 extensions pour le navigateur Chrome afin d’améliorer votre confort, votre rapidité et donc votre productivité lorsque vous surfez sur Internet. Il existe ne nombreuses extensions Chrome, et il peut être difficile de trouver celles qui vont réellement améliorer votre productivité.

      lire plus
      Un menu hamburger 🍔 en vue ordinateur : site WordPress Divi

      Un menu hamburger 🍔 en vue ordinateur : site WordPress Divi

      Sur Internet, le terme de “hamburger menu” désigne un menu de navigation utilisé sur les sites mobiles par souci  de gain de place et d’ergonomie, la largeur de l’écran étant restreinte pour conserver un menu classique. Sur ces périphériques mobiles, on masque alors le menu derrière un bouton à 3 petits traits ressemblant à un hamburger.

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