15+ tutoriels de module de blog incroyables pour Divi

Le module blog de Divi est un module puissant pour créer tous types de pages avec des flux de blog. Affichez des publications uniques, des publications multiples, des publications pour des pages spécifiques, attribuez les pages à des archives, et bien plus encore. C'est un module simple, mais il y a plusieurs façons de l'utiliser. Heureusement, il existe de nombreux didacticiels sur le module de blog qui enseignent les tenants et les aboutissants de l'utilisation du module de blog. Dans cet article, nous examinerons plus de 15 tutoriels de module de blog incroyables pour Divi pour vous aider à créer vos pages de blog.

1. Comment créer une page de blog

Ce didacticiel utilise l'un des nombreux modèles de page de blog disponibles dans Divi pour montrer comment créer une page de blog. Il utilise le module de blog ainsi que de nombreux modules de support. Il vous guide étape par étape à travers chaque paramètre pour recréer la page de blog.

Voir le didacticiel

2. 8 combinaisons d'affichage d'éléments de poteau

Celui-ci examine les éléments de publication, tels que le nom de l'auteur, la date de publication et les catégories, qui sont affichés dans les cartes de blog. Il fournit 8 exemples avec diverses combinaisons de la façon dont ils peuvent être utilisés ensemble et comprend des informations sur le moment d'utilisation de chacun des éléments et leurs avantages.

Voir le didacticiel

3. Comparaison des mises en page de blog Grid et Fullwidth de Divi

Ce didacticiel passe en revue une comparaison détaillée des mises en page de blog en grille et en pleine chasse disponibles dans le module de blog. Il fournit des informations sur la manière de passer d'une option à l'autre. La comparaison montre des exemples de la façon dont ils sont utilisés dans les mises en page Divi. Il fournit également les avantages et les inconvénients de chaque option et comprend des conseils pour choisir entre eux.

Voir le didacticiel

4. Comment styliser vos cartes de grille de blog Divi

Ce didacticiel guide le lecteur dans le style des cartes de grille de blog. Il montre 4 exemples qui incluent une grille de blog en damier, des effets de survol avec une disposition en damier, la personnalisation des cartes par ligne et la conception d'une carte spécifique. Les exemples incluent un didacticiel vidéo et couvrent les paramètres de base du module de blog et le CSS personnalisé. Il montre également comment utiliser l'outil Chrome Inspect.

Voir le didacticiel

5. Transformez votre module de blog en un carrousel déplaçable/glisser

Ce didacticiel montre comment créer un carrousel avancé de cartes de blog pouvant être glissé/glissé. Il place de gros boutons sur le côté droit de l'écran pour les ordinateurs de bureau et les appareils mobiles. Il utilise plusieurs modules et inclut des CSS et jQuery personnalisés. La carte est également disponible sous forme de fichier JSON téléchargeable afin que vous puissiez l'utiliser sans avoir à la construire vous-même.

Voir le didacticiel

6. Comment créer une section d'offre d'emploi dynamique

Ce didacticiel fait partie d'une série sur la création d'offres d'emploi. Vous devrez d'abord créer le modèle de publication de poste vacant, puis revenir à ce didacticiel. Celui-ci se concentre sur la façon de présenter dynamiquement les positions ouvertes sur ce modèle. Il comprend un CSS personnalisé et il est également téléchargeable sous forme de fichier JSON.

Voir le didacticiel

7. Comment ajouter des publications connexes

Ce didacticiel montre comment utiliser le module de blog pour ajouter une section d'articles connexes au bas de votre modèle d'article de blog. Les articles de ce module de blog correspondent à l'article de blog, quelle que soit sa catégorie. Il couvre également ce dont un modèle de publication de blog a besoin et comment utiliser un modèle de publication de blog avec Divi Theme Builder. Il comprend également un didacticiel vidéo.

Voir le didacticiel

8. Donnez un nouveau look au module Divi Blog

Celui-ci est du jour 3 du marathon Divi 100. Il s'agit de l'extension Divi Article Cards que vous pouvez télécharger. Il comprend un tutoriel sur la façon de le styliser. Il comprend un didacticiel vidéo. Même si elle date d'il y a quelques années, c'est toujours l'une des meilleures conceptions de cartes de blog disponibles.

Voir le didacticiel

9. Comment basculer les extraits d'articles de blog sur le survol

Ce didacticiel montre comment créer une disposition de grille compacte qui révèle l'extrait lorsque le visiteur survole une carte. Vous pouvez afficher plus de publications sur une page et vos visiteurs n'auront pas à voir les extraits des publications qui ne les intéressent pas. Cela inclut un CSS personnalisé. Vous pouvez télécharger le fichier JSON, vous n'avez donc pas à le créer à partir de zéro.

Voir le didacticiel

10. Comment limiter la longueur de l'extrait

Celui-ci montre comment personnaliser la longueur de l'extrait pour votre module de blog. Il montre également comment masquer l'extrait si vous ne voulez pas l'afficher et comment styliser l'extrait pour qu'il corresponde à votre modèle. Il explique également pourquoi vous souhaitez inclure ou exclure un extrait de message.

Voir le didacticiel

11. Comment utiliser le décalage de publication pour créer une page de blog polyvalente

Ce didacticiel montre comment créer des pages de blog avec plusieurs modules de blog et utiliser le décalage de publication pour les contrôler. L'exemple montre comment créer une page de blog en utilisant 3 modules de blog et 2 modules de curseur de publication dans différentes combinaisons pour créer des pages polyvalentes. Il montre comment les empêcher d'afficher les mêmes messages et comment les faire afficher stratégiquement certains des mêmes messages.

Voir le didacticiel

12. Comment utiliser un module de blog dans une catégorie ou une page d'archive

Ce didacticiel explique comment utiliser le module de blog dans les pages de catégories et les pages d'archives, afin qu'ils affichent les publications de ces catégories et archives. Il affiche les paramètres du module de blog ainsi que les affectations de modèles. Il décrit également ce que sont les pages de catégorie et d'archive et discute des différences entre elles.

Voir le didacticiel

13. Comment afficher les articles de blog par catégorie

Ce didacticiel montre comment utiliser la fonctionnalité de catégorie dans le module de blog pour afficher des articles pour des catégories spécifiques. Il explique pourquoi vous souhaitez afficher des catégories spécifiques et comprend plusieurs exemples d'utilisation. Il montre comment attribuer un modèle à des pages de catégorie spécifiques en combinaison avec les paramètres du module de blog et comment styliser le module pour qu'il corresponde à votre modèle.

Voir le didacticiel

14. Comment personnaliser le bouton "En savoir plus"

Ce didacticiel détaille le lien En savoir plus qui apparaît sous l'extrait de message dans les cartes de blog. Il couvre les options d'alignement, comment rendre le bouton pleine largeur, créer un bouton personnalisé avec des effets de survol et comment modifier le texte qu'il affiche. Il comprend un CSS personnalisé, jQuery et une mise en page JSON téléchargeable.

Voir le didacticiel

15. Comment changer le nombre de colonnes

Ce tutoriel montre comment contrôler le nombre de colonnes de blog à l'aide de CSS Grid. Normalement, la disposition en grille affiche un maximum de 3 colonnes. Avec CSS Grid, vous pouvez créer une grille de blog réactive avec 5 colonnes. Il explique également pourquoi vous souhaitez utiliser CSS Grid et comment fonctionnent les colonnes CSS. CSS personnalisé, un didacticiel vidéo, un fichier JSON téléchargeable et des conseils supplémentaires sont inclus.

Voir le didacticiel

16. Comment concevoir des cartes flottantes

Celui-ci montre comment faire flotter vos cartes de blog sur la page afin qu'elles soient toujours visibles avec les défilements des utilisateurs. Vous pouvez afficher les messages populaires et les faire glisser depuis le côté de l'écran lorsque l'utilisateur les survole. L'effet est obtenu avec uniquement les paramètres intégrés de Divi. Il comprend un fichier JSON téléchargeable et un didacticiel vidéo.

Voir le didacticiel

17. Comment ajouter une pagination

Ce didacticiel se concentre sur la pagination dans le module de blog. Il montre comment la pagination est utilisée et comment l'activer ou la désactiver pour les pages avec plusieurs modules de blog. Il montre également comment le styler. Le modèle d'exemple utilise 4 modules de blog pour montrer quand l'utiliser et quand ne pas le faire. Il le compare également avec la navigation après pour montrer les différences. Un didacticiel vidéo est également inclus.

Voir le didacticiel

18. Comprendre l'option "Messages pour la page actuelle"

Ce didacticiel approfondit l'option "Messages pour la page actuelle" dans le module de blog. Il explique ce que fait l'option et en quoi elle diffère des catégories. Il montre des exemples utilisant un modèle de blog et des affectations de modèles dans Divi Theme Builder. Les exemples incluent des affectations pour les catégories et les balises pour créer des pages d'archives et plus encore.

Voir le didacticiel

Fin des réflexions sur plus de 15 tutoriels de module de blog incroyables pour Divi

C'est notre regard sur plus de 15 tutoriels de module de blog incroyables pour Divi. Ces tutoriels ont une gamme de compétences et d'utilisations, et beaucoup d'entre eux incluent du code personnalisé et des téléchargements. Parcourir ces tutoriels est un excellent moyen d'apprendre à utiliser le module de blog, à créer des pages de blog et à les attribuer dans Divi Theme Builder. Vous apprendrez même quelques CSS en cours de route.

Nous voulons de vos nouvelles. Avez-vous utilisé l'un de ces tutoriels de module de blog pour Divi ? Faites-nous savoir quelle est votre préférée dans les commentaires.