Le lozza que 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 utilisez Divi entièrement pour créer la mise en page de votre billet de blog. prévoyez réutiliser des modèles sur votre site, devez rappeler de modifier ces paramètres chaque fois que créez un nouveau blog.
Mise en page: titre du message de pleine largeur: caché Passer à Visual Builder pouvez maintenant passer à Visual Builder. Une fois terminé, trois options sont affichées à lamp;rsquoé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 lamp;rsquoespace vide en haut. Ouvrez la section paramètres, allez aux paramètres damp;rsquoarrière plan et téléchargez le style damp;rsquoarrière plan que avez sélectionné. Vous pouvez aller dans le dossier téléchargé amp;gt Hero et trouver les 5 variantes. Taille de lamp;rsquoimage de fond: couverture emplacement de lamp;rsquoimage de fond: Centre supérieur
Espacement pour que lamp;rsquoimage de fond apparaisse complètement, remplissez le Haut de la section. Rembourrage supérieur: 660 pixels Ajouter lamp;rsquoespace de la section 2 sous la section que venez damp;rsquoajouter, continuer et assembler
Lamp;rsquoautre. Ouvrez les paramètres, allez aux paramètres damp;rsquoespacement 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: Lamp;rsquoespacement 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 namp;rsquoavons besoin que damp;rsquoun formulaire de titre de poste. Après avoir ajouté un élément, sélectionnez lamp;rsquoé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 damp;rsquoabord votre style de fond préféré. Vous pouvez trouver des variantes en allant dans le dossier téléchargé amp;gt corps. Après avoir chargé lamp;rsquoimage de fond, faites quelques modifications aux paramètres de fond. Taille de lamp;rsquoimage de fond: taille réelle emplacement de lamp;rsquoimage de fond: Centre supérieur répétition de lamp;rsquoimage 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 lamp;rsquoajout, modifiez le contenu. Champs nous namp;rsquoutilisons 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 damp;rsquoactivation 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 lamp;rsquoapparence 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 damp;rsquoespacement 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 damp;rsquoenregistrer la mise en page dans la Bibliothèque Divi. De cette façon, pouvez également lamp;rsquoutiliser à nouveau pour damp;rsquoautres pages! Lorsque créez une nouvelle page, 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 nous avons partagé avec quelques styles de fond étonnants et dynamiques que pouvez gratuitement. En outre, nous guidons dans la création
Blogue depuis le début. Vous pouvez utiliser ces styles damp;rsquoarrière plan pour votre propre modèle de billet de blog. avez des questions ou des suggestions, assurez de laisser un commentaire dans la section commentaires ci dessous!
Téléchargez 5 styles de fond dynamiques pour votre billet de blog Divi
