fbpx

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

Divi Masques & Motifs de fond | Background Masks & Patterns

Catégories

Des options intéressantes pour améliorer le design des pages Divi !

Dans ce tutoriel WordPress Divi, je vous présente deux options récentes du Divi Visual Builder que sont les masques et les motifs de fond (Background Masks And Patterns). Ces deux nouvelles fonctions  sont disponibles pour les sections, rangées ou modules et vont ajouter un réel plus au design de Divi en vous offrant une infinité de combinaisons possibles. Ces fonctions sont accessibles dans l’onglet Contenu > Fond.

.
Licence Divi
Code Promo Divi Supreme

Divi : Motifs de fond (Backround Patterns)

Dans l’onglet « Contenu » à « Fond », vous avez accès à un 5ème onglet intitulé « Patterns » (Motifs). Vous pouvez à cet endroit choisir un motif de votre choix qui s’appliquera à votre fond.

Vous pouvez ensuite jouer sur plusieurs paramètres :
Notamment la couleur du motif, la symétrie, la taille etc.

 

patterns / motifs
motifs de fond
Hostinger hébergement web

Divi : Masques de fond (Backround Masks)

Dans l’onglet « Contenu » à « Fond », vous avez accès à un 6ème onglet intitulé « Masks » (Masques). Vous pouvez à cet endroit choisir un masque de votre choix qui s’appliquera à votre fond.

Vous pouvez ensuite jouer sur plusieurs paramètres :
Notamment la couleur du masque, son aspect (ratio), la taille etc.

 

Masque Divi disponibles
Masques de fond
MalerLite
Thinkific one month free

En vous ensuite de jouer sur la combinaison de ces deux fonctions (Motifs et Masques) afin d’obtenir des designs originaux.

Divi : Motifs et Masques

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