Comment concevoir un fond de diviseur unique en Divi en utilisant les options de transformation

Le style de séparateur de zone intégré Divi a toujours été une façon populaire (et simple) d’ajouter des arrière – plans créatifs à une page. Il offre non seulement un moyen rapide et beau de segmenter le contenu de la page, mais il ajoute également des textures de fond abstraites pour différencier votre site. Avec la publication des options de conversion Divi, vous pouvez faire plus intéressant avec ces séparateurs de partitions. Dans ce tutoriel, je vais vous montrer comment utiliser l’option Transform pour concevoir un fond de séparateur de segment unique dans Divi.
On y va. Voici un aperçu de la conception que vous pouvez construire dans ce tutoriel. Téléchargement gratuit exemples de mise en page de l’arrière – plan du séparateur de partitions pour obtenir ces exemples d’arrière – plan du séparateur de partitions, vous devez d’abord les télécharger en utilisant les boutons ci – dessous. Pour accéder au téléchargement, vous devez vous abonner à notre liste de diffusion quotidienne Divi en utilisant le tableau ci – dessous. En tant que nouvel utilisateur, vous recevrez plus de Divi Goods et un paquet gratuit Divi Layout le lundi! Si vous êtes déjà sur la liste, il vous suffit de saisir votre adresse e – mail ci – dessous et cliquez sur télécharger. Vous ne serez pas « ré – abonné » ou vous recevrez un courriel supplémentaire.
Télécharger le fichier Inscrivez – vous à Divi Newsletter et nous vous enverrons par courriel une copie du dernier paquet de mise en page de la page d’atterrissage Divi, ainsi qu’un grand nombre d’autres ressources, conseils et astuces Divi gratuits. Suivez – nous et vous serez bientôt maître Divi. Si vous êtes déjà abonné, entrez votre adresse e – mail ci – dessous et cliquez sur télécharger pour accéder au paquet Layout. Vous vous êtes inscrit avec succès. Vérifiez votre adresse e – mail pour confirmer votre abonnement et Obtenez gratuitement le paquet hebdomadaire Divi Layout! Pour importer une mise en page dans une page, il suffit d’extraire le fichier zip et de faire glisser le fichier json dans Divi Builder.
O
Continuons le tutoriel, d’accord? Pour commencer ce tutoriel, vous n’avez besoin que de sujets Divi et d’images pour le contenu de l’échantillon. Nous allons construire le design à partir de zéro. Tout ce que vous avez à faire est de créer une nouvelle page et de déployer Divi Builder à l’avant. Alors tu peux partir. Créer un fond de forme abstrait en utilisant un séparateur de section Le premier exemple est une façon très intéressante de créer un fond de forme abstrait pour le contenu. Fondamentalement, il s’agit de personnaliser une partie vide en utilisant un séparateur et de la placer n’importe où après le reste de la page.
Voici comment faire. Créer une section de contenu avant de commencer à ajouter un séparateur de section à une page, ajoutons quelques exemples de contenu. Crée une nouvelle section générale avec deux lignes de colonne. Ajoutez un formulaire texte, puis ajoutez le formulaire texte à la colonne 1, qui contient le contenu fictif suivant:

À propos de Divi meetings

Votre contenu est ici. Modifier ou supprimer ce texte en ligne ou dans les paramètres de contenu du module. Vous pouvez également styliser tous les aspects de ce contenu dans les paramètres de conception du module, et même appliquer des CSS personnalisés à ce texte dans les paramètres avancés du module

La conception est ensuite mise à jour comme suit:
Taille du texte: 16px hauteur de la ligne de texte: 1,9 em en – tête 2 caractères: Robot en – tête 2 poids de la police: lumière titre 2: taille du texte: 50 Px (bureau), 40 Px (tablette), 32 Px (téléphone) hauteur de la ligne d’en – tête 2: 1,4 em Ensuite, ajoutez le module image à la colonne 2 et Téléchargez l’image que vous voulez voir. Dans cet exemple, j’utilise une image d’un de nos paquets de mise en page, qui est 800px X 1156px. Ajuster ensuite la largeur et l’alignement de l’image comme suit: largeur: 80% (bureau), 70% (tablette) Alignement de l’image
Comment ajouter un design unique à un site Web. Avec les options de conversion de Divi et le séparateur de section facile à concevoir, vous pouvez faire quelque chose de très créatif. J’espère que les exemples de ce tutoriel vous inspireront à créer des arrière – plans de coupe qui apporteront de nouveaux changements à votre prochain projet. J’ai hâte d’entendre vos commentaires. Bonjour!