Souhaitez-vous mettre à jour votre blog? Avec ces Layouts Divi pour le blogVous trouverez ici des conceptions, des grilles, des mises en page et des fonctions prêtes à l’emploi. Rien de tel pour donner à votre site un aspect plus récent, plus professionnel et plus dynamique!

Le blog est un point stratégique de votre site Web. C’est là que vous attirerez et fidéliserez vos visiteurs. Il est donc particulièrement nécessaire de prendre soin de cette partie.

Cependant, la plupart des sujets ne proposent qu’une conception de blog relativement simple et statique qui ne plaira pas nécessairement à vos lecteurs. Lorsque vous voyez les fonctionnalités et la qualité visuelle réservées la plupart du temps aux autres sections, il est dommage de laisser la partie blog derrière comme ça.

Heureusement, c’est différent pour Divi!

Vous trouverez facilement de nombreux Mises en page pour vos pages de blog… Il faut encore un peu arranger les choses!

C’est ce que je vous apporte avec cette sélection des meilleures mises en page de blog Divi.

Annonce: Cet article contient des liens d’affiliation que vous repèrerez facilement. Les liens classiques sont en violet et les liens sponsorisés sont en Rose.

Petit rappel: qu’est-ce qu’une mise en page?

le Mises en page (ou mises en page) sont des pages, modules, lignes ou sections prédéfinis que vous pouvez utiliser dans vos Divi-Sites. Vous pouvez les charger depuis votre bibliothèque Divi ou directement depuis le Divi Builder.

Elegant Themes publie de nouvelles mises en page très régulièrement. Ceux-ci sont 100% gratuits pour un usage personnel ou commercial. C’est l’un des nombreux Avantages de la licence Divi.

D’autres éditeurs proposent également des modèles parfois payants.

Lisez aussi: Comment créer un modèle d’article de blog à l’aide de Divi Theme Builder.

Comment importer mes mises en page Divi?

  • Créez une nouvelle page et chargez le Divi Builder
  • Cliquez sur le « + » dans la barre violette. Vous pouvez l’utiliser pour accéder à la bibliothèque.
  • Utilisez la recherche pour trouver la mise en page souhaitée, sélectionnez cette mise en page, puis cliquez sur Utiliser cette mise en page.

Pour les mises en page tierces (éditeurs autres que Elegant Themes), vous devez d’abord les télécharger depuis le site Web de l’éditeur, puis les ajouter à votre bibliothèque à l’aide de l’outil d’importation Divi.

Découvrez la procédure détaillée pour Ici, vous pouvez importer ou exporter des mises en page Divi.

# 1 Layouts Divi pour Blog: mise en page de blog en grille CSS

Disposition de la grille CSS

Cette mise en page de blog Divi crée un design de magazine en utilisant une grille CSS pour afficher dynamiquement votre blog.

En fait, le premier message apparaît dans une seule colonne, les deux suivants dans deux colonnes et le suivant dans trois.

La conception de Mise en page du blog en grille CSS s’adapte bien quelle que soit la taille de l’écran et la longueur du contenu.

Les variables CSS facilitent également l’édition. Une classe de bouton ajoute un peu de jQuery qui vous permet de personnaliser les liens «Lire la suite» avec des boutons dans le personnalisateur de conception.

Prix ​​indicatif: gratuit | Voir la mise en page

Beaucoup plus Layouts gratuits sont disponibles sur le blog officiel d’Elegant Themes. Cherchez-les ici.

# 2 Mise en page du magazine / blog Divi

Mises en page pour le blog du magazine Divi

Mise en page du magazine / blog Divi offre une mise en page similaire aux magazines en ligne comme BuzzFeed. Cela vous permet de créer votre propre magazine en ligne en utilisant les catégories de votre blog.

L’article présenté est affiché en pleine largeur. Viennent ensuite 5 messages affichés en petites images carrées avec des titres qui apparaissent en survolant.

Ceux-ci peuvent afficher vos derniers articles dans toutes les catégories ou les derniers messages dans l’une de vos catégories.

Une section affiche les derniers articles dans une seule colonne à côté d’un élément de texte, d’un module vidéo et d’un module d’images qui créent une barre latérale. Voici une section avec une grille de blog.

D’autres sections incluent un appel à l’action, des formulaires de contact et d’autres modules de blog avec différentes mises en page. Il existe trois combinaisons de couleurs possibles: rouge, bleu et jaune.

Petits extras offerts dans cette mise en page:

  • Des images libres de droits Unsplash sont incluses.
  • Une importation en une étape comme un sous-thème important des données de démonstration.

Prix ​​indicatif: 49,95 USD (hors promotion) | Voir la mise en page

# 3 Meilleures mises en page Divi pour les blogs: mises en page à un seul article pour Divi

Layouts Divi Pour Blog article unique

Les mises en page à message unique pour Divi sont un package avec cinq mises en page.

Le premier suggère d’afficher une image avec les boutons Catégorie, Titre, Méta, Suivi social à gauche et le contenu à droite.

La deuxième mise en page utilise une image d’en-tête avec des boutons de catégorie et de titre, des informations sur l’auteur à gauche et un contenu à droite.

La troisième mise en page s’affiche l’image sélectionnée avec des boutons sociaux qui se chevauchent, le titre, l’image de l’auteur, la méta et le contenu dans une seule colonne.

La quatrième mise en page supprime l’image de l’auteur, place la méta dans l’image en vedette et présente les boutons sociaux et le contenu dans une boîte qui couvre l’image en vedette.

La cinquième disposition utilise une image sélectionnée avec Informations sur l’auteur Chevauchement sur la droite avec les boutons sociaux et une vignette, et le titre, la méta et le contenu sur la gauche.

Prix ​​indicatif: 25 $ | Voir le package de mise en page

# 4 Mise en page de blog en alternance pendant un demi-quart et deux trimestres

Mises en page Divi "un demi et deux quarts"

Celles-ci mise en page gratuite utilise le module de blog Divi avec CSS personnalisé pour afficher les actualités en un Alternative à la mise en page.

La mise en page présente les messages dans deux largeurs différentes: un demi-écran et un quart d’écran (d’où le nom). Cela vous permet d’afficher une ligne avec une image d’un côté et quatre images de l’autre.

Il ajoute également une superposition de dégradé avec un effet de survol qui montre l’extrait de code et un bouton « Lire la suite ».

Prix ​​indicatif: gratuit | Voir la mise en page

# 5 Disposition du blog Divi: Disposition du podcast

Blog du pack de mise en page de podcast Divi

Ce package contient tout ce dont vous avez besoin pour démarrer un blog axé sur votre podcast. Les modèles de page suivants sont fournis:

  • À la maison
  • Page de destination
  • plus de
  • Contacter
  • Page de la liste des épisodes
  • Page Épisode (pour afficher les détails et lire un épisode spécifique)

Les podcasts sont revenus en vigueur ces dernières années et Elegant Themes nous offre ici une présentation très classe qui en fait l’un des meilleures mises en page divi pour blog cette sélection.

Prix ​​indicatif: gratuit | Voir la mise en page

# 6 Pack de mise en page de blog gratuit sur l’alimentation

Disposition des recettes alimentaires Divi

Un autre paquet de sujets élégants, cette fois pour les blogs culinaires. C’est une autre réussite, avec des tons pastel jaune et violet aux couleurs dominantes et un design de haute qualité, comme le sait si bien cet éditeur.

Lisez aussi: 10 exemples de site internet de restaurant réalisé avec Divi.

Ce package contient les pages suivantes:

  • À la maison
  • Contacter
  • Page de destination
  • Présentation de l’équipe
  • plus de
  • Liste des recettes
  • Page de recette individuelle
  • Page de blog

Prix ​​indicatif: gratuit | Voir la mise en page

# 7 Disposition du blog Divi: Extras du blog Divi

Blog Divi Extra

Extras du blog Divi est un plugin qui ajoute 6 mises en page de blog aux options de Mise en page du blog Divi.

Il est compatible avec Divi et Extra et dispose d’un chargement Ajax et d’une pagination numérotée pour afficher un nombre illimité de messages sur une seule page.

Il peut être utilisé comme constructeur de page de catégorie appelant le constructeur Divi. Il ajoute également un widget qui vous permet d’afficher vos messages dans la barre latérale avec une image en vedette, une méta description, etc.

Prix ​​indicatif: à partir de 14,40 USD | Voir les mises en page

# 8 Mises en page de blog Divi: Module de blog Lara Divi

Module de blog Lara

Module de blog Lara Divi est une mise en page qui vous permet de visualiser vos publications récentes avec un conception en forme de carte.

Ceux-ci montrent une image en couleur. Le titre, mis en évidence par une bordure élégante, est affiché dans un bloc qui chevauche le bas de l’image.

Lorsque vous survolez l’image, elle est agrandie et convertie en noir et blanc. Cette mise en page est complètement stylisable car elle est basée sur le module de blog standard de Divi. En particulier, cela vous permet de changer les couleurs en fonction de la conception de votre site Web.

Prix ​​indicatif: à partir de 5 USD | Voir la mise en page

# 9 Mises en page de blog Divi: mise en page de blog de voyage

Layouts Divi pour les blogs de voyage

Un très joli modèle de blog gratuit de sujets élégants, cette fois sur le voyage. Cette mise en page met en valeur vos expéditions vers des pays lointains avec son design moderne, efficace et très « professionnel ».

Ça change Blogs de voyage avec une belle facture, mais ils sont souvent amateurs. Ici, vous serez surpris par vos visiteurs non seulement avec vos photos de voyage, mais aussi avec cette présentation élégante et agréable.

Ce pack contient un total de 8 modèles de pages qui vous permettent de trouver facilement ce que vous recherchez!

Prix ​​indicatif: gratuit | Voir la mise en page

# 10 Mise en page élégante de la page de blog

Layouts Divi pour la page du blog

Mise en page élégante de la page de blog crée une page de blog avec une mise en page de Magazine de style comprenant:

  • un curseur,
  • les derniers articles par catégorie,
  • les derniers articles dans toutes les catégories,
  • les catégories présentées,
  • une barre latérale dans une disposition à plusieurs colonnes

Cette barre latérale peut afficher:

  • un widget à propos,
  • un formulaire d’inscription,
  • Spectacle,
  • boutons sociaux,
  • Widgets WordPress standard – la mise en page est conçue de manière à pouvoir être bien intégrés

La mise en page de chaque article de blog comprend:

  • un titre stylisé,
  • une barre latérale stylisée,
  • une image vedette,
  • bouton suivant et précédent,
  • une zone de commentaire
  • Liens vers des articles similaires

Un séparateur stylisé permet de diviser les différentes sections.

Prix ​​indicatif: gratuit | Voir la mise en page

Découvrez de nombreuses autres ressources pour améliorer et personnaliser votre blog sur le site Thèmes du site d’Elegant et dans la section Ressources pour Divi de ce blog.

Meilleures mises en page de blog Divi: examen et pensées finales

Ces mises en page de blog Divi rendront votre travail beaucoup plus facile! Avec eux, vous pouvez créer un beau blog en quelques clics.

En fait, l’utilisation des mises en page est très simple et représente un gain de temps considérable. C’est sans aucun doute l’une des grandes forces de Divi!

Cette sélection est volontairement polyvalente pour vous aider à trouver ce que vous cherchez, quels que soient vos goûts et vos besoins.

N’hésitez pas à me faire part de vos commentaires dans les commentaires! Quelles mises en page avez-vous testées, lesquelles préférez-vous?

Si vous bloguez avec l’une de ces mises en page, envoyez un lien pour que la communauté puisse voir les résultats dans la vraie vie

Cet article a été rédigé par David Albert, un écrivain indépendant qui aide les entrepreneurs à publier du contenu de qualité. Plus d’informations sur son site web.



Source link

Recent Posts