Comment créer un chapitre en utilisant les nouvelles options de conception de Divi

Dans le tutoriel Divi d’aujourd’hui, nous vous montrerons comment créer des chapitres étonnants pour votre site. Ces sections peuvent servir de guide aux visiteurs. Il les affiche lorsqu’ils 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. Si vous envisagez d’utiliser des chapitres sur votre site, cet article pourrait être un bon endroit pour vous inspirer. Nous allons vous montrer 4 styles de chapitres que vous pouvez facilement recréer en suivant cet article. Résultats avant d’entrer dans la section pratique du style de chapitre de la section IV, examinons ce que vous 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 – vous à nos styles de chapitres de canaux YouTube # 1 Tout d’abord, ajoutez une ligne à deux colonnes à la page en cours de traitement et sélectionnez l’alignement de ligne à gauche sur l’onglet conception. Faites défiler le même onglet vers le bas et assurez – vous que 0px est sélectionné pour le remplissage en haut, à droite, en bas et à gauche. La raison pour laquelle nous l’avons fait était de garder la ligne aussi petite que possible afin qu’elle ne prenne pas trop d’espace dans la section. Dans tous les exemples, nous n’utiliserons qu’une seule des deux colonnes (selon l’alignement des lignes). Sélectionnez la colonne de gauche si vous voulez placer le chapitre sur le côté gauche de la page. Ensuite, ajoutez un module de séparateur et activez l’option afficher les séparateurs dans l’onglet contenu. Passez à l’onglet 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 – vous 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 à l’onglet conception et assurez – vous que les paramètres suivants pour la Sous – catégorie texte sont appliqués: police de texte: Sing 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 l’alignement 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 l’exemple 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 l’alignement central du module. Enfin et surtout, sélectionnez le remplissage supérieur \