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

Tutoriel Divi : Fonction visibilité

Alpa14 les tutoriels faciles !

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 un footer WordPress Divi personnalisé

      Ajouter un footer WordPress Divi personnalisé

      Ajouter un footer WordPress ? Rien de plus simple grâce au Thème Builder de Divi. Faire un pied de page WordPress global devient un jeu d’enfant ! C’est ce que je vous montre dans ce tutoriel Vidéo Divi, comment créer un footer WordPress personnalisé en le désignant de manière très fine avec Divi Visual Builder d’Elegant Themes.

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