Titre premier plan du billet en haut. Camp;rsquoest un format que nous connaissons et aimons tous, mais camp;rsquoest aussi un format qui ressemble à tous les autres blogs sur Internet. Alors pourquoi ne pas essayer de mélanger les choses? Divi lamp;rsquoa rendu possible.
Damp;rsquoabord, changeons un peu la structure globale, en supprimant les barres latérales et en adoptant une disposition pleine largeur. Vous pouvez maintenant le faire en utilisant les paramètres de mise en page dans la boîte Divi post settings. Lorsque écrivez un article, trouverez cette case à gauche de lamp;rsquoéditeur damp;rsquoarticles. Une fois que avez sélectionné la disposition pleine largeur et sauvegardé, verrez que la barre latérale a été complètement supprimée du message. Cela nous donne plus damp;rsquoespace de travail. Comme nous utiliserons Divi Builder pour construire nos messages, cette disposition pleine largeur nous permettra de créer des messages accrocheurs dans un style semblable à celui de Medium, en utilisant des sections pleine largeur et des modules pleine largeur. Com.
En particulier, nous utiliserons le nouveau module titre complet de Divi pour fournir un titre plus unique et plus attrayant pour nos billets de blog. Cependant, avant de le faire, devez damp;rsquoabord supprimer lamp;rsquoaffichage du titre par défaut qui est automatiquement ajouté au début de chaque billet de blog. Cela peut également être fait dans la boîte de configuration Divi post mentionnée ci dessus. Lorsque sélectionnez masquer pour lamp;rsquooption titre du message dans la boîte de configuration, remarquerez que le titre, les métadonnées et lamp;rsquoimage de premier plan normalement ajoutés au début du message ont été supprimés.
Maintenant que le titre de poste par défaut a été supprimé, nous pouvons ajouter une version personnalisée en utilisant le formulaire de titre de poste complet. Pour commencer, assurez de créer un message en utilisant Divi Builder en cliquant sur le bouton violet utiliser Divi Builder au dessus de lamp;rsquoéditeur de messages. Ben AB
Créez ilite Builder et permet de construire des messages de haut en bas en utilisant les éléments Builder. Pour ajouter un nouveau titre personnalisé, ajoutez une nouvelle section pleine largeur au début de lamp;rsquoarticle, puis ajoutez un formulaire de titre damp;rsquoarticle pleine largeur à cette section.
La boîte de configuration du formulaire titre de lamp;rsquoarticle commence par où pouvez ajuster lamp;rsquoaffichage du titre de lamp;rsquoarticle personnalisé. Voici un certain nombre damp;rsquooptions, y compris: afficher les titres: dans chaque module de titre de poste, pouvez sélectionner les informations à afficher. Vous pouvez désactiver cette option si voulez désactiver complètement le titre et namp;rsquoafficher que lamp;rsquoimage de premier plan et les métadonnées. Afficher les métadonnées: Vous pouvez également choisir de masquer toutes les métadonnées habituellement ajoutées sous le titre de lamp;rsquoarticle, comme lamp;rsquoauteur de lamp;rsquoarticle, la date et la catégorie. Désactiver cette option cache toutes les informations en même temps. Vous pouvez également désactiver les parties des méta informations en utilisant les paramètres suivants.
Afficher lamp;rsquoauteur: ceci désactive ou active le nom de lamp;rsquoauteur dans la méta boîte post. Afficher la date – ceci désactive ou active la date du poste dans la méta boîte du poste. Format de la date: Ici pouvez ajuster le format utilisé pour lamp;rsquoaffichage de la date. Par exemple, pouvez passer du 23 janvier 2015 au 23 janvier 2015, et ainsi de suite. Afficher les catégories – ceci désactive ou active les catégories dans la méta boîte post. Afficher le nombre de commentaires – ceci désactive ou active le nombre de commentaires dans la méta boîte post.
Afficher lamp;rsquoimage de premier plan: lamp;rsquoimage de premier plan est optionnelle. voulez cacher lamp;rsquoimage de premier plan damp;rsquoun message, pouvez le désactiver ici. Placer lamp;rsquoimage au premier plan: si
Lamp;rsquoimage de premier plan est activée et pouvez choisir parmi une variété de méthodes de visualisation. Vous pouvez placer lamp;rsquoimage au dessus, sous le titre, ou même lamp;rsquoutiliser comme image de fond après le titre de lamp;rsquoarticle. Effet parallaxe: le mode parallaxe peut être activé si lamp;rsquoimage de premier plan est utilisée comme image de fond.
Orientation du texte – en plus de contrôler les éléments de texte qui apparaissent dans le titre de lamp;rsquoarticle, pouvez ajuster leur orientation en sélectionnant le texte à gauche, à droite ou au Centre. Couleur de fond du texte: lamp;rsquoapplication damp;rsquoune couleur de fond au texte place une zone de couleur autour du titre. Couleur du texte: Vous pouvez choisir entre le texte clair et le texte foncé du titre de lamp;rsquoarticle. une couleur de fond de texte foncé est appliquée, envisagez de rendre le texte du titre de lamp;rsquoarticle lisible. Avec ces différents paramètres, pouvez créer différents styles pour votre blog. Comme exemple de ce tutoriel, je vais utiliser les paramètres affichés dans la capture damp;rsquoécran ci dessous. En particulier, jamp;rsquoai choisi de placer lamp;rsquoimage au premier plan au dessus du titre de lamp;rsquoarticle. Jamp;rsquoai également ajouté la couleur de fond du texte et jamp;rsquoai ajusté la police, le style et la taille du titre du billet dans les paramètres de conception avancés.
Le résultat final est quamp;rsquoun article semble complètement différent de la disposition par défaut de lamp;rsquoarticle Divi! Maintenant, nous avons créé un style unique pour notre blog, qui est différent de tous les autres blogs Divi et WordPress sur le Web! Essayer différents paramètres dans le module post title peut produire plusieurs résultats. Ce nouveau style de titre est particulièrement beau lorsquamp;rsquoil est combiné avec un module image pleine largeur. Comme nous construisons des articles en utilisant Divi Builder, de nombreuses nouvelles options de mise en page sont disponibles. Étape 2: synchronisez votre nouveau
Il est temps de voir tous les beaux messages que avez créés!
Explorez Divi 2.4: créer un design de blog unique et unifié avec le module global post title
