Jusqu’à présent, nous nous sommes habitués aux séparateurs de partitions intégrés de Divi. Ils aident à ajouter une touche supplémentaire au site que nous créons. Ils peuvent également servir de transition en douceur entre deux parties différentes, mais en utilisant le générateur de thème Divi, la méthode de création de la transition est légèrement différente. Dans cet article, nous vous guiderons dans les étapes nécessaires pour atteindre vos objectifs. Vous pouvez également télécharger gratuitement le fichier json du modèle! On y va. Aperçu avant d’aller plus loin dans ce tutoriel, jetons un coup d’oeil rapide aux résultats sur différents écrans de taille. Bureau
Mobile Téléchargement gratuit de modèles de page de séparateur de section pour obtenir un modèle de page de séparateur de section gratuit, vous devez d’abord le télécharger en utilisant les boutons ci – dessous. Pour accéder au téléchargement, vous devez vous abonner à notre liste de diffusion quotidienne Divi en utilisant le tableau ci – dessous. En tant que nouvel utilisateur, vous recevrez plus de Divi Goods et un paquet gratuit Divi Layout le lundi! Si vous êtes déjà sur la liste, il vous suffit de saisir votre adresse e – mail ci – dessous et cliquez sur télécharger. Vous ne serez pas « ré – abonné » ou vous recevrez un courriel supplémentaire. Télécharger le fichier
Inscrivez – vous à Divi Newsletter et nous vous enverrons par courriel une copie du dernier paquet de mise en page de la page d’atterrissage Divi, ainsi qu’un grand nombre d’autres ressources, conseils et astuces Divi gratuits. Suivez – nous et vous serez bientôt maître Divi. Si vous êtes déjà abonné, entrez votre adresse e – mail ci – dessous et cliquez sur télécharger pour accéder au paquet Layout.
Vous vous êtes inscrit avec succès. Vérifiez votre adresse e – mail pour confirmer votre abonnement et Obtenez gratuitement le paquet hebdomadaire Divi Layout! Abonnez – vous à notre chaîne YouTube 1. Aller à Divi Theme Builder et ajouter un nouveau modèle aller à Divi Theme Builder commencer par aller à Divi Theme Builder.
Ajouter un nouveau modèle à la page, cliquez sur l’icône pour créer un nouveau modèle
Px Rayon du bord du bouton: 100 Px espacement des lettres du bouton: 2px caractères du bouton: ouvrir sans poids de police du bouton: bold style de police du bouton: majuscules Espacement il complète la configuration du module en ajoutant un remplissage personnalisé à différentes tailles d’écran. Remplissage supérieur: 0,8vw (bureau), 1,6vw (tablette), 2,2vw (téléphone mobile) Remplissage inférieur: 0,8vw (bureau), 1,6vw (tablette), 2,2vw (téléphone mobile) Remplissage gauche: 1,5vw (bureau), 2,5vw (tablette), 3,5vw (téléphone mobile) Remplissage droit: 1,5vw (bureau), 2,5vw (tablette), 3,5vw (téléphone mobile)
3. Après avoir construit le corps personnalisé et ajouté le séparateur supérieur, continuer à créer le corps personnalisé. Vous remarquerez à nouveau une partie de la page. Ouvrez la section et ajoutez un séparateur supérieur. Styles de séparateurs: trouver la couleur du séparateur dans la liste: \ # fc6a3c hauteur du séparateur: 6vw répétition horizontale: 15X inversion du séparateur: Disposition verticale du séparateur: haut du contenu de la Section L’espacement passe à l’onglet conception de la section et supprime tous les remblais supérieurs et inférieurs par défaut.
Remplissage supérieur: 0px remplissage inférieur: 0px Ajouter une nouvelle ligne – structure de colonne ajouter une nouvelle ligne à la Section pour continuer en utilisant la structure de colonne suivante: Redimensionner ouvre les paramètres de ligne et modifie les paramètres de taille comme suit: utiliser une largeur de gouttière personnalisée: Oui largeur de gouttière: 1 largeur: 100% largeur maximale: 100% Supprime tous les remblais supérieurs et inférieurs par défaut. Remplissage supérieur: 0px remplissage inférieur: 0px Pour afficher tout le contenu de la page, vous devez ajouter un module de contenu