fbpx

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

Tutoriel Divi : Fonction visibilité

Catégories

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 intéressé par les articles suivants :

      Ajouter une bannière WordPress « Hero Image » optimisée ⏱️

      Ajouter une bannière WordPress « Hero Image » optimisée ⏱️

      Dans ce tutoriel Divi WordPress, je vous montre où trouver une image de qualité gratuite pour un usage commercial, je vous montre également comment la choisir et l’optimiser au bon format. Je vous apprends ensuite comment designer ce bandeau large « Hero Image » grâce au Divi Visual Builder du thème Divi de la société Elegant Themes.

      lire plus
      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
      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