Comment créer & # 39; Une page de flux élégante avec le paquet de mise en page Divi Architecture Studio
Paper 1: Identifiez les sections que nous allons utiliser et modifiez les seules sections que nous allons certainement réutiliser dans ce tutoriel comme suit:
Étape 2: changez l’espacement des sections, activez d’abord les paramètres de cette section et ajoutez \ Étape 4: modifier la structure de la colonne E changer la structure de la colonne en ligne de colonne. Étape 5: modifier l’espacement des lignes pour ouvrir les paramètres de ligne et ajouter les remplissages personnalisés suivants: remplissage en haut et en bas: remplissage d’environ 60 Px: 50 Px (tablette et téléphone seulement) Étape 6: ajouter des ombres de boîte à la ligne nous ajouterons également des ombres de boîte à la ligne pour créer la profondeur. Dans ce tutoriel, nous avons activé la première ombre de la boîte sans changer ses paramètres par défaut. Étape 7: changez l’alignement du texte pour le formulaire texte no 1. Nous voulons centrer tous les modules de cette ligne, en commençant par le premier formulaire texte. Ouvrez ses paramètres et activez l’orientation du texte central. Étape 8: supprimer le remplissage négatif gauche du module séparateur ouvrir le réglage du module séparateur et supprimer le remplissage négatif gauche du réglage de l’espacement en ajoutant « 0px ». Étape 9: utiliser l’alignement du module central pour le module séparateur nous utiliserons également l’alignement du module central pour ce module séparateur. Étape 10: modifier l’orientation du texte pour le formulaire de texte no 2, puis ouvrir le formulaire de texte contenant toutes les informations et utiliser l’orientation du texte intermédiaire. Étape 11: changer la taille du module de texte n° 2 nous utiliserons également les paramètres suivants pour réduire la largeur Z de ce module de texte sur le BureauIon: largeur: 54% (bureau), 99% (tablette et téléphone) Alignement du module: milieu Étape 12: utilisez le module intermédiaire pour le module bouton pour aligner le dernier module de votre ligne, le module bouton, qui nécessite également que les boutons soient alignés au milieu. Maintenant que tous les modules sont centrés, nous pouvons passer à la section suivante. Partie 3: ajouter un séparateur vertical Étape 1: ajouter une nouvelle ligne aux colonnes d’une section existante la prochaine partie de ce tutoriel se concentre sur les différentes étapes du lien. Nous utiliserons un formulaire texte à cette fin et le placerons sur une nouvelle ligne juste en dessous de la ligne précédente que nous avons modifiée. Pour ce faire, sélectionnez la structure de colonne suivante: Étape 2: changez l’espacement des lignes avant d’ajouter n’importe quel module, ouvrez les paramètres de ligne et ajoutez \ Étape 3: ajoutez le formulaire texte à la nouvelle ligne continue en ajoutant le formulaire texte à la colonne de cette ligne. Une fois l’édition terminée, nous utiliserons les caractères suivants dans la zone de contenu, qui seront affichés sous forme de lignes verticales: | | | | | | | | | | | | | | | | | | | | | | Étape 4: paramètres de texte il y a une chose qui vous aide à superposer les lignes de ce formulaire de texte. Nous discutons de la hauteur des lignes de texte. Lorsqu’il s’agit de grandes tailles de texte, les valeurs par défaut sont ajoutées à votre contenu. Ensuite, au lieu de modifier la hauteur de la ligne de texte, utilisez les paramètres de texte suivants:
Poids de la police de texte: Super gras couleur du texte: rgba (194171146,0,04) taille du texte: 600 Px direction du texte: Centre Partie 4: Cloner la partie avec la fréquence nécessaire Étape 1: Cloner la partie nous avons terminé la première étape du processus! La section contient tous les éléments nécessaires. Continuer à cloner ce s