Explorez Divi 2.4: créer un design de blog unique et unifié avec le module global post title
Titre \/ premier plan du billet en haut. C’est un format que nous connaissons et aimons tous, mais c’est aussi un format qui ressemble à tous les autres blogs sur Internet. Alors pourquoi ne pas essayer de mélanger les choses? Divi l’a rendu possible.
D’abord, 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 vous écrivez un article, vous trouverez cette case à gauche de l’éditeur d’articles. Une fois que vous avez sélectionné la disposition pleine largeur et sauvegardé, vous verrez que la barre latérale a été complètement supprimée du message. Cela nous donne plus d’espace 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, vous devez d’abord supprimer l’affichage 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 vous sélectionnez masquer pour l’option titre du message dans la boîte de configuration, vous remarquerez que le titre, les métadonnées et l’image 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 – vous de créer un message en utilisant Divi Builder en cliquant sur le bouton violet utiliser Divi Builder au – dessus de l’éditeur de messages. Ben ABCréez ilite Builder et vous 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 l’article, puis ajoutez un formulaire de titre d’article pleine largeur à cette section. La boîte de configuration du formulaire titre de l’article commence par où vous pouvez ajuster l’affichage du titre de l’article personnalisé. Voici un certain nombre d’options, y compris: afficher les titres: dans chaque module de titre de poste, vous pouvez sélectionner les informations à afficher. Vous pouvez désactiver cette option si vous voulez désactiver complètement le titre et n’afficher que l’image 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 l’article, comme l’auteur de l’article, 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 l’auteur: ceci désactive ou active le nom de l’auteur 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 vous pouvez ajuster le format utilisé pour l’affichage de la date. Par exemple, vous 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 l’image de premier plan: l’image de premier plan est optionnelle. Si vous voulez cacher l’image de premier plan d’un message, vous pouvez le désactiver ici. Placer l’image au premier plan: si
L’image de premier plan est activée et vous pouvez choisir parmi une variété de méthodes de visualisation. Vous pouvez placer l’image au – dessus, sous le titre, ou même l’utiliser comme image de fond après le titre de l’article. Effet parallaxe: le mode parallaxe peut être activé si l’image 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 l’article, vous pouvez ajuster leur orientation en sélectionnant le texte à gauche, à droite ou au Centre. Couleur de fond du texte: l’application d’une 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 l’article. Si une couleur de fond de texte foncé est appliquée, envisagez de rendre le texte du titre de l’article lisible. Avec ces différents paramètres, vous 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 d’écran ci – dessous. En particulier, j’ai choisi de placer l’image au premier plan au – dessus du titre de l’article. J’ai également ajouté la couleur de fond du texte et j’ai 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 qu’un article semble complètement différent de la disposition par défaut de l’article 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 lorsqu’il 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 vous avez créés!