PÉRIODE BLACK FRIDAY 2023 !

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 :

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