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 :

      Créer un en-tête plein écran avec Divi

      Créer un en-tête plein écran avec Divi

      Dans ce tutoriel, je  vous montre étape par étape comment créer un en-tête plein écran époustouflant en utilisant le puissant Divi Visual Builder. Nous commencerons par trouver une image de qualité professionnelle sur Pixabay, puis nous l’optimiserons pour le web avec Photopea avant de plonger dans la conception de notre en-tête.

      lire plus
      Thème Divi : Personnaliser le header

      Thème Divi : Personnaliser le header

      Dans ce tutoriel vidéo, je vous montre comment personnaliser l’en-tête d’un site Divi.
      Cet en-tête changera en scrollant, lorsque la page défile. Le logo, le menu et le fond du header changeront de couleur attirant ainsi davantage l’attention du visiteur.
      Cet en-tête comprendra également un bouton d’appel à l’action incitant à davantage d’engagement.
      Grâce au constructeur de thèmes (le thème Builder) du thème Divi, nous pouvons créer des en-têtes personnalisés au design poussé.

      lire plus