Dans le tutoriel Divi damp;rsquoaujourdamp;rsquohui, nous montrerons comment créer des chapitres étonnants pour votre site. Ces sections peuvent servir de guide aux visiteurs. Il les affiche lorsquamp;rsquoils visitent une autre partie de la page. En général, dans tous les chapitres, les chapitres sont utilisés en combinaison avec des couleurs de fond spécifiques. envisagez damp;rsquoutiliser des chapitres sur votre site, cet article pourrait être un bon endroit pour inspirer. Nous allons montrer 4 styles de chapitres que pouvez facilement recréer en suivant cet article. Résultats avant damp;rsquoentrer dans la section pratique du style de chapitre de la section IV, examinons ce que pouvez obtenir des résultats finaux.
Style de chapitre 1 Style de chapitre 2 Style de chapitre 3 Style de chapitre 4 Comment utiliser les nouvelles options de conception de Divi pour créer des chapitres Abonnez à nos styles de chapitres de canaux YouTube 1 Tout damp;rsquoabord, ajoutez une ligne à deux colonnes à la page en cours de traitement et sélectionnez lamp;rsquoalignement de ligne à gauche sur lamp;rsquoonglet conception. Faites défiler le même onglet vers le bas et assurez que 0px est sélectionné pour le remplissage en haut, à droite, en bas et à gauche. La raison pour laquelle nous lamp;rsquoavons fait était de garder la ligne aussi petite que possible afin quamp;rsquoelle ne prenne pas trop damp;rsquoespace dans la section.
Dans tous les exemples, nous namp;rsquoutiliserons quamp;rsquoune seule des deux colonnes (selon lamp;rsquoalignement des lignes). Sélectionnez la colonne de gauche si voulez placer le chapitre sur le côté gauche de la page. Ensuite, ajoutez un module de séparateur et activez lamp;rsquooption afficher les séparateurs dans lamp;rsquoonglet contenu. Passez à lamp;rsquoonglet conception et utilisez 000000 comme couleur de séparateur. Ensuite, ouvrez la Sous catégorie Styles et sélectionnez pointé comme style de séparateur et haut comme position de séparateur. Ensuite, assurez que les paramètres suivants sont définis
I fond de gradient suivant: première couleur: rgba (255255255,0) Deuxième couleur: 92d84b type de gradient: direction de gradient linéaire: 55 degrés position de départ: 25% position finale: 100% Ensuite, allez à lamp;rsquoonglet conception et assurez que les paramètres suivants pour la Sous catégorie texte sont appliqués: police de texte: ng one text font size: 220 (Desktop and tablet), 100 Px (mobile) text color: f2f2f2f2f2 (Background color for section) text Line height: 1.7 emtext direction: Right Ouvrez la Sous catégorie taille, utilisez la largeur 82% et sélectionnez lamp;rsquoalignement correct du formulaire. Enfin, utilisez le remplissage personnalisé suivant: en haut: 60px à droite: 50 Px en bas: 60 Px à gauche: 50px Le deuxième formulaire de texte ajoute un autre formulaire de texte et utilise les paramètres suivants dans la Sous catégorie de texte: caractères de texte: arimo taille du caractère de texte: 20px couleur du texte: 000000 hauteur de la ligne de texte: 1emtext direction: droite Ouvrez la Sous catégorie taille, sélectionnez 39% de largeur, puis sélectionnez alignement du module central. Enfin, ajoutez 130px à la marge supérieure. Troisième module de texte le dernier module de texte de lamp;rsquoexemple de chapitre a les paramètres de sous catégorie de texte suivants: caractères de texte: script de danse taille de police de texte: 45px couleur de texte: 000000 hauteur de ligne de texte: 1EM direction de texte: droite Ouvrez la Sous catégorie taille, sélectionnez 50% de largeur et sélectionnez lamp;rsquoalignement central du module. Enfin et surtout, sélectionnez le remplissage supérieur
Comment créer un chapitre en utilisant les nouvelles options de conception de Divi
