Comment ajouter des modèles et des conceptions personnalisés au format de blog Divi (Partie 3 de 3)

Qui est votre poste?

Pour ce format standard, tout ce que nous avons à faire est d’ajouter des images de premier plan. Comme cette image de premier plan s’étendra sur toute la largeur de l’écran, je vous recommande d’utiliser l’image 2000 x 600. J’utilise une image non Flash. Com. Après avoir ajouté l’image de premier plan, vérifiez l’apparence du post standard. Pour définir le style du format vidéo d’un message, assurez – vous que le format vidéo est sélectionné pour le message. Ensuite, ajoutez une URL ou Intégrez la vidéo dans le contenu. Le format vidéo prend la première URL vidéo, l’étiquette vidéo ou la fusionne et l’affiche en haut du contenu du message. Cette vidéo remplacera également l’image de premier plan sur la page du blog. Pour cet exemple, j’utilise simplement l’URL de la vidéo YouTube. Ajoutez l’image de premier plan 2000 x 600 à votre message. Ensuite, nous ajouterons un style supplémentaire à la vidéo de premier plan, ajouterons une bordure blanche à la vidéo et la soulevons légèrement pour qu’elle chevauche la partie du héros et qu’elle soit légèrement surlignée.
Aller au personnalisateur de thème → ajouter un CSS et ajouter le CSS personnalisé suivant: \/ * – – emplacement du formateur d’emballage vidéo – – –
Écran média seulement et (largeur minimale: 980px)
Promouvoir la vidéo pour chevaucher les héros
– Oui. Colonne unique. Vidéo en format simple. Et _ main Video Container {Edge top: – 120px; background: # FFF; Profile: 10px Solid # FFFFFF! Important; Z Index: 100; Edge bottom: – 100px;}
}
Consultez maintenant vos nouveaux messages de format vidéo. Alternativement, vous pouvez créer ce décalcomanie pleine largeur comme une autre grande option de conception. Il suffit d’éditer votre message et, dans le coin supérieur droit de la page, dans la configuration des messages fractionnés, sélectionnez la mise en page pleine largeur. Voir maintenant les messages sur le format vidéo pleine largeur: Format AUD après dessin
Magine in primo piano di 2000 x 600 aluminium column. Le format de devis génère une vue de devis personnalisée en utilisant le raccourci BLOCKQUOTE. Ensuite, ajoutez une citation de bloc au contenu pour voir la citation personnalisée. Consultez vos messages maintenant. Nous utilisons une petite boîte de référence de premier plan personnalisée css pour fournir une image de fond et de grandes guillemets dans le coin supérieur droit. Aller au personnalisateur de thème → ajouter un CSS et ajouter le CSS personnalisé suivant: \/ * – – – Ajouter une image de fond à la boîte de devis – – –
– Oui. Et _ quote content {
Image de fond: gradient linéaire (rgba (0,0,0,0,3), rgba (0,0,0,0,3)), URL (‘Saisissez l’URL de l’image ici’)! Important
Répétition de fond: aucune répétition;
Dimensions de fond: couverture;
}
– – – Ajouter un symbole de devis à la boîte de devis
– Oui. Et \ \ u quote \ \ u content Block quote P:: before {
Famille de polices: Cardo;
Position: absolue;
En haut: 16px;
Gauche: 5%;
Marge gauche: – 16px;
Rayon limite: 31px;
Contexte: rgba (255, 255, 255, 0);
Taille de la police: 70px;
Couleur de police: # FFF;
Contenu: \
}
– – – format du texte dans les guillemets
Écran média seulement et (largeur minimale: 980px)
– Oui. Colonne unique. Format unique devis BLOCKQUOTE P {
Taille de la police: 30px! Important
Poids de police: 600! Important
}
}
Trouvez l’image et téléchargez – la dans votre médiathèque (la taille de l’image est d’environ 700 x 300). Ensuite, copiez l’URL et collez – la dans le CSS ci – dessus, qui affiche insérer l’URL de l’image ici. Image de fond: gradient linéaire (rgba (0,0,0,0,3), rgba (0,0,0,0,3)), URL (\
Vérifiez maintenant vos résultats finaux: Format de l’article de la Bibliothèque graphique pour le format de l’article de la bibliothèque, assurez – vous que le format de la bibliothèque est sélectionné pour l’article. Ensuite, assurez – vous d’ajouter 2000 x 600 images de premier plan. Le format Gallery post vous permet de créer une bibliothèque dans le contenu des messages dans la médiathèque. Pour vous