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 à lrsquointérieur du texte pour créer lrsquoeffet drsquoun dessin fracturé. Le gradient de fond le rend très design. Le résultat est peut être lrsquoun de mes textes préférés, qui ouvre la porte à de nombreux changements créatifs.
Crsquoest 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 qursquoil 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 drsquoabord 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 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 drsquoé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 drsquoé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 avez du mal à zoomer le texte trop petit sur votre smartphone, devrez peut être augmenter la valeur VW de la longueur unitaire de la taille du texte. Jrsquoespère que 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 nrsquoaurez aucun problème à créer votre propre excellent design de texte pour le prochain projet. Pour en savoir plus sur lrsquoutilisation créative des séparateurs de section, consultez ces textures drsquoarrière plan, le panneau de menu de navigation et lrsquoarrière plan de la barre de pied de page inférieure. La prochaine fois, jrsquoai hâte drsquoentendre vos commentaires. Bonjour!
Comment créer une belle conception de texte en utilisant le séparateur de section dans Divi
