Malgré les constantes améliorations et mises à jour de Divi, il reste tout de même un point où la marge de manoeuvre reste limitée : la personnalisation du blog.
Mise à part quelques modifications de couleurs ou l’utilisation du module Blog, peu d’options sont à notre disposition pour créer des affichages un peu originaux et sortant un peu des standards de WordPress.
Voici la liste de tous les plugins dédiés à ces modifications que nous avons trouvé :
Sommaire
DTS Blog Module Pro
DTS Module Blog Pro permet de modifier la mise en page de la page blog générée automatiquement par Divi ou d’ajouter un module Blog plein écran ou sous forme de grille.
Il est développé et vendu par Divi Theme Store à partir de 12$.
Il est possible d’alterner les images et méta-descriptions, ainsi que de modifier l’affichage de l’ensemble des couleurs, polices ou tailles de caractères.
Il propose automatiquement d’ajouter différents réseaux sociaux pour le partage des articles, tels que WhatsApp ou encore LinkedIn.
La mise en page que vous choisirez pour votre blog sera automatiquement utilisée pour afficher vos articles sur les pages d’archives et de recherche, ce qui permettra d’obtenir un rendu plus moderne sur des pages souvent oubliées dans les développements de sites.
Autre bon point, il permet d’ajouter facilement des widgets d’articles récents ou populaires.
C’est d’ailleurs de cette manière que sont affichés les articles dans la barre latérale de Divi Community (au tout début du site, on l’utilisait aussi pour afficher les articles partout).
Ce plugin ne permet en revanche pas de styliser les pages d’articles seuls et n’est pas (encore ?) compatible avec le Visual Builder.
DTS Blog Module Pro est un plugin développé et vendu par Divi Theme Store à partir de 12$/an pour un site et 40$/an pour une utilisation illimitée.
Divi Extra
Comme son nom l’indique, Divi Extra s’inspire de la mise en page du thème Extra, également développé par Elegant Themes, pour afficher les articles de blogs.
Il ajoute 7 modules au Visual Builder :
- Ads : un module pour afficher des pubs si vous souhaitez monétiser votre blog ;
- Blog Feed Masonry : un module pour afficher vos articles sous forme de grille, comme le module d’origine mais un peu amélioré ;
- Blog Feed Standard : idem que précédemment mais pour afficher vos articles en plein écran ;
- Featured Posts Slider : un module ajoutant un joli slider personnalisable pour afficher n’importe quel article ;
- Posts : un module permettant de mettre un article en avant sur la moitié gauche et vos derniers articles en plus petits sur la droite ;
- Posts Carousel : un module sympa permettant d’afficher vos articles dans un carrousel. À noter qu’ils s’affichent par 4 et que ce n’est pas modifiable via le plugin ;
- Tabbed Posts : un module affichant vos articles de la même manière que le module Posts mais dans un module Portefeuille Filtrable si vous souhaitez afficher différentes catégories.
En combinant tous les modules sur vos pages, vous pouvez créer des modèles complexes et originaux.
Voici un exemple d’utilisation avec les articles de Divi Community :
Divi Extra est entièrement compatible avec le Visual Builder, mais tout comme DTS Blog Module Pro, il ne permet pas de modifier l’affichage des articles seuls.
Il est vendu par Divi Space à partir de 27$/an pour un site et 77$/an pour une utilisation illimitée. Vous pouvez également l’utiliser avec une licence à vie si vous optez pour leur abonnement à vie à 399$ (valable pour tous leurs plugins).
Divi Blog Extras
Divi Blog Extras, à ne pas confondre avec le plugin précédent, ajoute un unique module au Visual Builder permettant de choisir une mise en page parmi 6 modèles différents.
Ceux-ci sont originaux et plutôt modernes et vous permettront en quelques minutes d’avoir une page de blog sortant des standards de Divi.
Allez jeter un oeil à la démo ici :
Ce plugin intègre également un widget dédié à l’affichage des articles dans la barre latérale, soit sous forme de liste, soit sous forme d’onglet.
Divi Blog Extras permet également de créer un modèle de page dans la bibliothèque Divi pour afficher vos pages d’archives et catégories.
Il est développé par Divi Extended et vendu à partir de 24$/an pour un site et 59$/an pour une utilisation illimitée.
Divi Article Card
Divi Article Card est un plugin gratuit et très simple, disponible sur le site d’Elegant Themes.
Il fonctionne avec le module Blog natif de Divi, uniquement si vous affichez les articles en mode “Grille” et permet de moderniser leur affichage.
La seule option disponible est la couleur dominante à définir dans l’administration, Divi -> Divi Article Card.
Vous pourrez ensuite utiliser les options classiques du module Blog pour personnaliser l’affichage de vos articles.
Divi Ultimate Blog
Divi Ultimate Blog est l’un des plugins les plus intéressants de cette sélection.
En effet, contrairement aux autres, il ne permet pas de personnaliser la liste des articles mais uniquement les pages d’articles seuls.
Vous pouvez par exemple créer des mises en page de ce type pour vos articles :
Il propose différents modèles de page plutôt orignaux via le customizer de WordPress qui vous permettront en quelques clics de transformer vos pages d’articles sans aucune connaissance en code puisque toutes les marges, couleurs, polices, etc. sont paramétrables.
En bonus, il permet également d’ajouter des articles en relation sous vos articles, de personnaliser les flèches de navigation (si vous les utilisez) ou encore de supprimer la barre latérale afin d’afficher tous vos articles en plein écran.
Il est vendu au prix de 35$/an pour une utilisation illimitée.
Divi Toolbox
On vous a présenté Divi Toolbox dans un article dédié, et parmi ses nombreuses options, il permet également de modifier l’apparence du blog via quelques réglages :
- la personnalisation des widgets et de la barre latérale ;
- l’ajout d’icônes avant les méta-descriptions de l’article (auteur, date, catégories…) ;
- un choix parmi 6 modèles de page pour votre page de blog ;
- la possibilité d’ajouter des articles en relation, une description de l’auteur ;
- la possibilité de supprimer la barre latérale ;
- la possibilité de personnaliser la partie commentaires via le customizer de WordPress ;
- la possibilité d’injecter des modèles de pages préalablement créés dans la bibliothèque Divi pour les afficher sous l’entête des pages d’articles, de catégories ou encore de recherche.
Voici les différents modèles de mises en page proposées par Divi Toolbox :
Si vous voulez en savoir plus sur ce plugin couteau-suisse je vous invite à lire notre test complet à son sujet.
Il est vendu 49€ pour un site et 149€ pour une utilisation illimitée. À noter que pour ce prix-là vous bénéficiez des mises à jour à vie.
Divi Children
On vous a présenté Divi Children dans un article précédent, et même si son rôle premier n’est pas de personnaliser les pages d’articles, il propose tout de même quelques fonctionnalités intéressantes à ce sujet :
- la possibilité de choisir quelles métadonnées afficher sur les pages d’articles, et notamment ajouter la date de dernière modification d’un article ;
- la possibilité de modifier et choisir le type de séparateur entre chacune de vos métadonnées ;
- la possibilité de personnaliser le texte précédant ces métadonnées, ou de le remplacer par des icônes ;
- la possibilité de réorganiser la mise en place de vos articles en glisser-déposer. Il est par exemple possible d’afficher l’image à la une au dessus des métadonnées.
Voici les options ajoutées dans le customizer lorsque vous installez le plugin :
Et par exemple pour les méta-données des articles :
Divi Children est gratuit et permet avant de tout de créer des thèmes enfants pour Divi avec de nombreuses options de personnalisation, mais il pourra également vous convenir si vous avez besoin d’apporter des modifications simples sur vos pages de blog.
Conclusion
Après avoir testé tous ces plugins, on se rend compte que peu d’entre eux permettent de répondre vraiment aux besoins conjoints de modifications en profondeur de la page blog et des articles de Divi.
Certains s’avèrent même complémentaires pour arriver facilement à un résultat original, d’autres vous permettront de répondre à certains besoins prévus uniquement.
Personnellement, et après avoir testé tous ces plugins en détails, seuls quelques-uns se démarquent des autres :
- Divi Ultimate Blog propose des possibilités intéressantes pour modifier les pages d’articles, bien qu’on reste bridé par des modèles pré-conçus
- Divi ToolBox (malgré son prix plus élevé) apporte également des modifications simples, mais peut être intéressant en raison du nombre d’options qu’il propose pour modifier l’intégralité de votre site
Et vous, qu’utilisez-vous ? Connaissez-vous des plugins que je n’ai pas listés dans cet article ?
Article intéressant merci. Est-ce que la version 4.0 du Builder ne proposera pas nativement certaines options, comme la modification des pages d’articles ?
Bonjour, pour l’instant nous n’en savons rien et aucune date de sortie n’a été annoncée pour une telle fonctionnalité.
Bonjour Julien, merci pour cet article. J’ai une question concernant le cas particulier des sidebar dans le blog, définitivement ma bête noire. Je trouve que les widgets laissent peu de manoeuvres quand à la personnalisation. On a beau mettre un plugin pour inscription à la newsletter, un pour suivre sur les réseaux sociaux, un pour afficher le feed instagram, etc, le design des différents plugins n’est jamais le même ! Et quelle galère de styliser tous les boutons un à un pour que ce soit harmonieux. Une solution ? Merci d’avance !
Hello! Malheureusement à par entrer un peu de code CSS pour harmoniser le tout, il n’y a à ma connaissance pas vraiment d’alternatives 🙁
Bonsoir,
Je cherche désespérément à mettre en page mes catégories d’articles qui sont aussi mes sections du menu. Pour le moment quand on clic sur mes sections de menu les articles s’affichent les uns en dessous des autres sans mise en page.
Je sais qu’il est possible d’appliquer un module “blog” sur une page et d’afficher les articles d’une catégorie sous forme de grille. Or c’est aux catégories elles mêmes que j’aimerais mettre cette mise en page.
Savez vous comment faire ou existe il un article qui l’explique ?
Merci beaucoup d’avance 🙂
Bonjour Célia, tu as essayé en utilisant le module Blog de Divi sur une page que tu crées de toutes pièces?
Bonjour,
Quel est le plugin que tu utilise pour faire les sommaires de tes articles?
En te remerciant par avance.
Alexandre
Il s’agit d’un bloc Gutenberg (Table of content) issu du plugin Advanced Gutenberg Blocks.
Bonjour,
J’ai un petit doute quant à la hiérarchie entre les divers “layouts”: J’imagine que la séquence correcte c’est :
Template Blog page –> template Blog module —> Template d’article Divi
Est-ce que le “Template d’article Divi” peut être inséré dans la blog page, sans avoir nécessairement inséré un “blog module” dans la “blog page” ? Pardon d’être aussi basique. Merci
En effet, d’une part il faut créer un template d’article et d’autre part un template pour la page de blog.
Sur cette page de blog, il faut insérer un module “blog” afin de lister les divers articles.
Salut.
Lorsque vous créez avec votre élément de blog, peut-il être ajouté via le constructeur de divi?
Bonjour, comment avez-vous modifier le module commentaire ? Par défaut, Jai SOUMETTRE UN COMMENTAIRE en titre et le bouton.
Mais vous avez Laissez un commentaire en titre et votre bouton Poster le commentaire. Je chercher sur le net comment faire.
Merci d’avance pour votre aide précieuse.
Bonjour, oui tout à fait. Des modules sont disponibles.
Bonjour, ce sont des modifications du modèle de commentaire directement en PHP.