Téléchargez 5 styles de fond dynamiques pour votre billet de blog Divi

Le lozza que vous allez créer, à partir de là. Palette # 1 Couleur # 1: # 886dfc couleur # 2: # 7c56bd couleur # 3: # 372c66 palette de couleurs # 2 Couleur # 1: # 42bcb2color # 2: # 9cfef0 Color # 3: # a8baf7 Palette # 3 Couleur # 1: # 96b2ff couleur # 2: # d999ff couleur # 3: # 357ff4 palette de couleurs # 4 Couleur # 1: # b981ff couleur # 2: # 24eefa couleur # 3: # be7bf2 palette de couleurs # 5 Couleur # 1: \ # e02b20 couleur # 2: \ # f6ff56 couleur # 3: \ # db241e créer un nouveau message Ajouter des détails et activer Divi Builder commençons à zéro! Ajoutez de nouvelles pages au site WordPress, ajoutez des titres de page, téléchargez des images en vedette et activez Divi Builder. Configuration de la page Divi avant de passer à Visual Builder, faites quelques modifications à la boîte de configuration de la page Divi dans le coin supérieur droit de votre page. Cela garantit que vous utilisez Divi entièrement pour créer la mise en page de votre billet de blog. Si vous prévoyez réutiliser des modèles sur votre site, vous devez vous rappeler de modifier ces paramètres chaque fois que vous créez un nouveau blog.
Mise en page: titre du message de pleine largeur: caché Passer à Visual Builder vous pouvez maintenant passer à Visual Builder. Une fois terminé, trois options sont affichées à l’écran. Cliquez sur le bouton bleu pour construire à partir de zéro. Créer un billet de blog Ajouter une image de fond de la section 1 commençons à créer un modèle! Commencez par l’espace vide en haut. Ouvrez la section paramètres, allez aux paramètres d’arrière – plan et téléchargez le style d’arrière – plan que vous avez sélectionné. Vous pouvez aller dans le dossier téléchargé > Hero et trouver les 5 variantes. Taille de l’image de fond: couverture emplacement de l’image de fond: Centre supérieur Espacement pour que l’image de fond apparaisse complètement, remplissez le Haut de la section. Rembourrage supérieur: 660 pixels Ajouter l’espace de la section # 2 sous la section que vous venez d’ajouter, continuer et assembler
L’autre. Ouvrez les paramètres, allez aux paramètres d’espacement et supprimez toutes les écoutilles personnalisées par défaut. Remplissage supérieur: 0px remplissage inférieur: 0px Ajouter une nouvelle ligne de structure de colonne continue en ajoutant une nouvelle ligne à la section en utilisant la structure de colonne suivante: L’espacement supprime tout Remplissage par défaut au bas de la section suivante.
Remplissage du Bas: 0px Il est temps de commencer à ajouter des modules! Dans cette ligne, nous n’avons besoin que d’un formulaire de titre de poste. Après avoir ajouté un élément, sélectionnez l’élément à afficher. Paramètres du texte du titre, puis allez aux paramètres du texte du titre et faites quelques modifications. Police du titre: Abril fatface header text alignment: Center header text size: 73 pixels (Desktop), 50 pixels (tablette), 40 pixels (mobile) Paramètres du métatexte les paramètres du métatexte doivent également être modifiés. Meta text alignment: Central Meta text color: Color 1 (find in the palette) Meta text size: 18px Meta Line height: 3em Ajouter la section # 3 image de fond la dernière section de cette page contiendra des articles de blog et du contenu du CTA. Chargez d’abord votre style de fond préféré. Vous pouvez trouver des variantes en allant dans le dossier téléchargé > corps. Après avoir chargé l’image de fond, faites quelques modifications aux paramètres de fond. Taille de l’image de fond: taille réelle emplacement de l’image de fond: Centre supérieur répétition de l’image de fond: espace Espacement supprime tous les remplissages supérieurs par défaut pour cette section afin de supprimer tout espace vide entre cette section et la section précédente.
Remplissage supérieur: 0px Ajouter une structure de ligne 1 continuer à ajouter de nouvelles lignes à la section en utilisant la structure de colonne suivante: Couleur
Ou Activez le formulaire par courriel. Après l’ajout, modifiez le contenu. Champs nous n’utilisons que des adresses e – mail dans ce formulaire, Donc continuez et désactivez prénom et nom de famille dans les paramètres du champ. Continuer à ajouter un fond de rampe au formulaire d’activation du courriel. Couleur 1: couleur # 2 (trouvée dans la palette) couleur 2: couleur # 3 (trouvée dans la palette) Direction du gradient: 144 degrés La mise en page modifie ensuite la mise en page du formulaire. Disposition: haut du corps, bas de forme Les paramètres de texte changent également les paramètres de texte. Orientation du texte: centrer la couleur du texte: effacer Paramètres du texte du titre, puis ouvrez les paramètres du texte du titre et faites quelques modifications. Police du titre: Abril fatface taille du texte du titre: 54 pixels (bureau), 40 pixels (tablette), 35 pixels (téléphone) Les paramètres du bouton changent également l’apparence du bouton. Largeur de la bordure du bouton: 0px rayon de la bordure du bouton: 0px style de police: style de soulignement: double précision Espacement Enfin, il utilise différentes valeurs de remplissage personnalisées dans les paramètres d’espacement du module options de courriel. Remplissage supérieur: 100 Px remplissage inférieur: 100 Px remplissage gauche: 300 Px (bureau), 50 Px (tablette et téléphone mobile) Remplissage droit: 300 Px (bureau), 50 Px (tablette et téléphone mobile) La seule chose qui reste à faire pour enregistrer la mise en page dans la Bibliothèque Divi pour réutilisation est d’enregistrer la mise en page dans la Bibliothèque Divi. De cette façon, vous pouvez également l’utiliser à nouveau pour d’autres pages! Lorsque vous créez une nouvelle page, vous pouvez également accéder au journal en tant que page existante. Aperçu maintenant que nous avons terminé toutes les étapes, regardons enfin les résultats que nous avons créés. Dans cet article, nous avons partagé avec vous quelques styles de fond étonnants et dynamiques que vous pouvez télécharger gratuitement. En outre, nous vous guidons dans la création
Blogue depuis le début. Vous pouvez utiliser ces styles d’arrière – plan pour votre propre modèle de billet de blog. Si vous avez des questions ou des suggestions, assurez – vous de laisser un commentaire dans la section commentaires ci – dessous!