Comment créer une belle conception de texte en utilisant le séparateur de section dans Divi

Personnaliser le négatif ne pour étendre le texte au – dessus et au – dessous de la section. Cela permet aux séparateurs de segments de se chevaucher à l’intérieur du texte pour créer l’effet d’un dessin fracturé. Le gradient de fond le rend très design. Le résultat est peut – être l’un de mes textes préférés, qui ouvre la porte à de nombreux changements créatifs.
C’est le dernier dessin. Feuille de texte 2: texte avec texture de ligne verticale Pour la deuxième conception de texte, continuez à créer une nouvelle section qui contient une ligne par colonne. Ensuite, ajoutez un formulaire texte à la colonne. Je pense qu’il est préférable de commencer par un formulaire texte afin que nous puissions mieux comprendre le processus de conception plutôt que de personnaliser d’abord la section. Ajoutez les paramètres de texte de la ligne à la colonne et ajoutez un formulaire de texte qui contient le contenu de notre travail. Puis mettre à jour les paramètres de conception comme suit: police de texte: poids de la police de texte Poppins: taille de la police de texte super gras: 8vw hauteur de la ligne de texte: 1emtext direction: Centre Custom edge: 0 Px top, 0 Px bottom Paramètres de ligne les paramètres de ligne sont les mêmes que dans le premier exemple de conception, de sorte que vous pouvez copier et coller un style de ligne dans cette ligne. Ou il suffit de mettre à jour les paramètres de ligne comme suit: largeur personnalisée: 100% remplissage personnalisé: 0px en haut, 0px en bas Mettre à jour les paramètres de la section comme suit: largeur: 70% style du séparateur supérieur: voir capture d’écran couleur du séparateur supérieur: # FFFFFF hauteur du séparateur supérieur: 8vw répétition horizontale du séparateur supérieur: 150x disposition du séparateur supérieur: haut du contenu de la Section
Style du séparateur inférieur: voir capture d’écran couleur du séparateur inférieur: # FFFFFF hauteur du séparateur inférieur: 8vw répétition horizontale du séparateur inférieur: 150x en – tête
Final: 0% Custom fill: 5vw top Spacer style: Cloud (or Bubble?) Couleur du séparateur inférieur: # 1c7503 puis mettre à jour la couleur du texte à # 000835 Voici les résultats. Et le portable? Comme tous ces éléments utilisent des unités de longueur VW, les styles de texte et les séparateurs seront bien adaptés à tous les navigateurs sans avoir à spécifier de dimensions supplémentaires sur la tablette et le smartphone. Cependant, si vous avez du mal à zoomer le texte trop petit sur votre smartphone, vous devrez peut – être augmenter la valeur VW de la longueur unitaire de la taille du texte. J’espère que vous aimez essayer le séparateur de section dans un projet de texte unique. Divi offre tous les différents styles de police, de couleur et de séparateur, et je suis sûr que vous n’aurez aucun problème à créer votre propre excellent design de texte pour le prochain projet. Pour en savoir plus sur l’utilisation créative des séparateurs de section, consultez ces textures d’arrière – plan, le panneau de menu de navigation et l’arrière – plan de la barre de pied de page inférieure. La prochaine fois, j’ai hâte d’entendre vos commentaires. Bonjour!