8 combinaisons d’affichage d’éléments de post pour le module Divi Blog

Nous voyons souvent des étiquettes de blog avec le nom de l’auteur, la catégorie d’article ou la date de publication. Ce sont les éléments post qui appartiennent au post lui – même. Divi vous donne beaucoup de contrôle sur les éléments de post dans le module blog. Cependant, il est parfois difficile de décider quels éléments afficher (et ceux qui ne le sont pas). Pour vous aider à prendre une décision, cet article examinera la combinaison d’affichage de 8 éléments de blog dans le module de blog Divi. Nous discuterons également des avantages de chaque approche. On y va. Ajouter un formulaire de blog à une nouvelle page ou à une page existante vous pouvez ajouter un formulaire de blog à une nouvelle page ou à une page existante, ou apporter des modifications à un formulaire de blog existant. Dans mon exemple, je édite le module blog dans la page blog du paquet de mise en page ACAI Bowl disponible dans Divi.
Voici les paramètres de conception par défaut pour la page. Cette page comprend deux modules de blog pour créer une section héros et un flux de blog.

Le module Blog de la section Hero comprend 1 article entièrement mis en page. Voir l’image de premier plan, le titre, la date, la catégorie et l’extraction. Les flux de blog compensent 1 pour les messages afin d’éviter le chevauchement avec la section héros. Afficher 3 articles dans la disposition de la grille. Contient les mêmes éléments que la section héros et ajoute une mise en page. Nous nous concentrerons principalement sur le flux de blog dans l’exemple parce que l’image de premier plan est plus petite, ce qui rend le projet plus facile à voir dans ma capture d’écran. J’ajouterai également des modules post au premier plan pour montrer comment les combinaisons de modules fonctionnent ensemble. Allez à l’onglet Éléments pour trouver l’onglet éléments dans le module blog Divi, d’abord, cliquez sur l’icône engrenage gris qui apparaît lorsque vous passez le curseur sur le module blog. Il s’ouvre dans les paramètres du formulaire sur l’onglet contenu. Défilement vers le bas f
Dans l’élément. Vous verrez ici une liste d’options que vous pouvez activer ou désactiver en cliquant sur leurs interrupteurs. Chacun de ces éléments est un élément que vous pouvez utiliser et que vous pouvez utiliser pour n’importe quelle combinaison que vous voulez. Regardons un par un. Aperçu des différents éléments que vous pouvez afficher \ masquer dans le module blog Voici un aperçu de chaque élément. Les éléments peuvent être stylisés individuellement dans l’onglet conception, et chaque élément a un champ CSS personnalisé dans l’onglet avancé pour simplifier le positionnement CSS.
Le premier élément de l’image caractéristique est l’image caractéristique. Voici une vignette du billet. Il a attiré l’attention sur cet article. C’est aussi un lien, donc cliquer sur l’image permet au lecteur d’accéder au message. Lisez plus de boutons ensuite, nous avons plus de boutons à lire. Voici un lien vers un billet de blog complet. Il est affiché sous le reste. Auteur l’auteur affiche le nom du blogueur. Affiche le nom spécifié dans les paramètres de l’utilisateur WordPress. Il est cliquable afin que le lecteur puisse voir la page d’archives de l’auteur. L’élément date affiche la date de publication de l’article. Utilisez le format de date spécifié dans les paramètres généraux de WordPress. Catégorie affiche le nom de chaque catégorie que vous avez sélectionnée pour votre message. Chaque nom de catégorie peut être cliqué afin que le lecteur puisse voir la page d’archive pour chaque catégorie. Count comments count comments affiche le nombre de commentaires sur le billet. Cela indique au lecteur s’il y a des commentaires ou de nouveaux commentaires avec lesquels il peut interagir. Extrait selon la façon dont vous définissez le message, l’extrait affiche une petite partie du message. Il peut être utilisé comme résumé d’un article ou comme description de l’article lui – même. Il s’applique également aux paramètres que vous spécifiez dans le contenu des paramètres
Un 3: extraire, lire plus de boutons et mettre en page cette combinaison comprend lire plus de boutons, extraire et mettre en page. La page du blog est propre et fournit au lecteur les informations dont il a besoin sur le post sans trop attirer l’attention. Combinaison d’éléments Option 4: image de premier plan, auteur, extraction et mise en page cette option comprend l’image de premier plan, auteur, extraction et mise en page. Voici comment il se présente sur la page du blog. En l’absence d’autres facteurs, le nom de l’auteur serait bien en évidence. C’est bien si vous avez beaucoup d’auteurs et que vous voulez attirer l’attention des gens sur eux. Combinaison d’éléments Option 5: image de premier plan, catégorie, extraction et mise en page cette option ajoute une image de premier plan, catégorie, extraction et mise en page. Voici comment il se présente sur la page du blog. Cette catégorie est la plus importante dans l’onglet blog. Si vous voulez mettre en évidence une catégorie, ou si vous avez plusieurs catégories, vous pouvez bien afficher la catégorie. Ils sont faciles à naviguer parce que les lecteurs peuvent facilement choisir la catégorie qu’ils veulent voir. Option 6: lire plus de boutons, de dates, de catégories, de comptes d’annotation, d’extraction et de mise en page cela comprend lire plus de boutons, de dates, de catégories, de comptes d’annotation, d’extraction et de mise en page. Il semble beaucoup, en effet, mais il fonctionne dans les flux de blog. L’onglet blog prend moins d’espace s’il n’y a pas d’images en vedette. De plus, comme la mise en page se trouve à un endroit différent, elle n’interfère pas avec les flux du blog. Voici comment il se présente sur la page du blog. C’est utile pour les flux de blog, et vos yeux seront toujours attirés par les articles en vedette. Options de combinaison d’éléments 7: extraction et boutons en savoir plus nous pouvons créer plusieurs combinaisons en utilisant plusieurs modules de blog et différents éléments dans chaque module. Cette combinaison n’utilise que les boutons expert et Read
Plus, mais le module blog a été déplacé dans la section héros à côté du module blog qui affiche les messages en vedette. Cela donne au module un sens et un but complètement différents. C’est ce qu’il ressemble sur la page. Mettre en évidence le dernier article, puis fournir les deux suivants sans détourner l’attention du dernier article. C’est plutôt la mise en page d’un magazine. Element Combination Option 8: Elements in multiple modules I added items in featured articles and keep a minimum blog feed for this option. Pour le module blog des articles en vedette, j’ai activé des images en vedette, des auteurs, des dates, des catégories, des comptes de commentaires et des extraits. Pour le module flux de blog de mon blog, j’ai activé l’image de premier plan, la date, la catégorie, l’extraction et la mise en page. Voici comment le module blog apparaît sur la page blog. Les deux modules fonctionnent bien ensemble. Le premier a attiré l’attention et contient plus d’informations. Cela a contribué à faciliter les commentaires sur le dernier article. Option 9: plusieurs modules de blog avec des images de premier plan cette option utilise une combinaison d’éléments dans le module de blog du billet de premier plan de l’option précédente et déplace le flux de blog dans la colonne à côté du billet de premier plan. Ça crée une histoire de héros intéressante. Pour le deuxième module blog, j’ai sélectionné l’image de premier plan, le bouton lire plus, la date, la catégorie et l’extrait. Voici comment il se présente sur la page du blog. Les images de premier plan attireront l’attention, mais le deuxième article ne sera pas perdu sur la page. Un petit nombre d’entrées garde la plus petite carte de blog propre et facile à lire. Enfin, voici notre point de vue sur la combinaison d’affichage des éléments Post du module Divi blog. La possibilité de les activer individuellement crée un certain nombre d’options de conception, et leur utilisation dans différentes combinaisons peut changer l’apparence de l’AP

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *