The best Divi blog layouts: give your blog a boost!

Published on 13/01/2020 | 4 comments

Want to give your blog a fresh start? With these Divi blog layouts, you'll find ready-to-use designs, grids, layouts and features. Nothing better to give a new, professional and dynamic look to your site!

The blog is a strategic point of your site. It is in this section that you will attract and retain your visitors. Therefore, this part needs special care.

However, most themes only offer a fairly basic and static blog design, which will not necessarily appeal to your readers. When you see the features and visual quality reserved for other sections most of the time, it's a shame to leave the blog part so far behind.

Fortunately, for Divi, it's different!

You'll easily find lots of layouts for your blog pages... You'll still have to sort them out!

That's what I'm offering you, with this selection of the best Divi layouts for blog.

Advertisement: This article contains affiliate links that you will easily recognize. The classic links are in purple and sponsored links are in pink.

A little reminder: what's a layout?

Layouts are predefined pages, modules, lines or sections that you can use in your Divi sites. You can load them from your Divi library or directly from the Divi Builder.

Elegant Themes publishes new layouts very regularly. These are 100% free for personal or commercial use. He's one of many benefits of Divi license.

Other publishers also offer templates, which are sometimes for a fee.

Also to be read: how to create a blog post template with the Divi Theme Builder.

How to import your Divi layouts?

  • Create a new page and load the Divi Builder
  • Click on the "+" in the purple bar. It gives you access to the library.
  • Use the search to find the layout you need, select this layout and click "Use This Layout".

For layouts from third parties (publishers other than Elegant Themes), you will first need to download them from the publisher's website and then include them in your library using Divi's import tool.

Discover the detailed procedure for import or export Divi layouts here.

#1 Layouts Divi for blog: CSS Grid Blog Layout

CSS Grid Layout

This Divi blog layout creates a magazine design using a CSS grid to present your blog dynamically.

The first post is displayed in one column, the next two in two columns, then the next two in three.

The CSS Grid Blog Layout design adapts well to any screen size and any length of content.

In addition, CSS variables make it easy to edit. A class of buttons adds some jQuery that allows you to customize the "read more" links with the buttons in the theme customizer.

Indicative price : Free of charge ? See the layout

Many other free layouts are available on the official Elegant Themes blog. Browse them here.

#2 Divi Magazine / Blog layout

layouts pour blog divi magazine

Divi Magazine / Blog Layout provides a layout similar to that of online magazines such as BuzzFeed. It will allow you to create your own online magazine using your blog categories.

The "front page" article is displayed full width. Next come 5 messages that are displayed as small square images with titles that appear on hovering.

They can display your latest posts from all categories or the latest posts from each of your categories.

A section displays the latest posts in a single column next to a text module, a video module, and an image module that create a sidebar. It is followed by a section with a blog grid.

Other sections integrate a call to action, contact forms and other blog modules with different layouts. There are three possible colour combinations: red, blue and yellow.

Little extras proposed in this layout :

  • Unsplash royalty-free images are included.
  • A one-step import just like a child theme to import demo data.

Indicative price : $49.95 (excluding promo) |. See the layout

#3 Best Divi Layouts for Blog: Single Post Layouts for Divi

layouts divi pour blog single post

Single Post Layouts for Divi is a pack of five layouts.

The first proposes to display an image on the left with the category, title, meta, social tracking buttons - and the content on the right.

The second layout uses a header image with category and title buttons, author information on the left and content on the right.

The third layout displays the image on the front page with social buttons, title, author image, meta and content overlapping in a single column.

The fourth layout removes the author's image, places the meta in the featured image, and presents the social buttons and content in a box that covers the featured image.

The fifth layout uses a featured image with author information overlapping on the right with social buttons and a thumbnail, and the title, meta and content on the left.

Indicative price : 25 $ |. See the layouts pack

#4 One Half and Two Quarter Alternating Blog Layout

layouts divi "one half and two quarters"

This free layout uses the Divi blog module with custom CSS to display posts in an alternative layout.

The layout presents the posts in two different widths: half screen and quarter screen (hence the name). This will allow you to display a row with one image on one side and four images on the other.

It also adds a gradient overlay with a hover effect to display the extract and the read more button.

Indicative price : Free of charge ? See the layout

#5 Divi Layouts for blog : Podcast Layout

divi podcast layout pack blog

This pack includes everything you need to create a blog centered on your podcast. The following page templates are provided:

  • Home
  • Landing page
  • About us
  • Contact Information
  • Episode list page
  • Episode page (to view details and read a specific episode)

Podcasts have come back in force in the last few years and Elegant themes offers us here a very classy presentation, which makes it one of the best Divi blog layouts of this selection.

Indicative price : Free of charge ? See the layout

#6 Free Food Blog Layout Pack

divi food recipes layout

Another Elegant themes pack, this time dedicated to cooking blogs. Once again, this is a success, with yellow and mauve pastel tones in dominant colours and a high level design as this editor knows how to do so well.

Also to be read: 10 examples of restaurant website made with Divi.

This pack contains the following pages:

  • Home
  • Contact Information
  • Landing Page
  • Presentation of the team
  • About us
  • List of recipes
  • Individual recipe page
  • Blog page

Indicative price : Free of charge ? See the layout

#7 Divi Blog Layouts: Divi Blog Extras

Divi Blog Extra

Divi Blog Extras is a plugin that adds 6 blog layouts to Divi blog layout options.

It is compatible with Divi and Extra and has Ajax loading and numbered paging to display an unlimited number of messages on a single page.

It can be used as a category page builder using the Divi builder. It also adds a widget so that you can display your messages in the sidebar with a highlighted image, meta description, etc.

Indicative price : from $14.40 |. See the layouts

#8 Divi Layouts for blog : Lara Divi Blog Module

lara blog module

Lara Divi Blog Module is a layout that allows you to display your latest posts with a card design.

These display a color image. The title, highlighted by an elegant border, is displayed in a block that overlaps the bottom of the image.

When you hover over the image, it zooms in and becomes black and white. This layout is fully stylable since it is based on the default Divi blog module. This allows you to change the colors according to the design of your site.

Indicative price : from 5$ |. See the layout

#9 Divi Blog Layouts: Travel Blog Layout

layouts divi pour blog travel

A very nice free blog template by Elegant themes, this time about travel. This layout enhances your expeditions to faraway places with its modern, efficient and very "professional" design.

This changes from travel blogs with a sympathetic but often amateurish design. Here, you'll fill your visitors' eyes not only with your travel photos, but also with this classy and pleasant presentation.

This pack contains a total of 8 page templates, which should make it easy for you to find what you're looking for!

Indicative price : Free of charge ? See the layout

#10 Elegant blog page layout

layouts divi pour page de blog

Elegant Blog Page Layout creates a blog page with a magazine-style layout that includes :

  • a slider,
  • the latest articles by category,
  • the latest articles in all categories,
  • the categories presented,
  • a sidebar in a multi-column layout

This sidebar can display :

  • a widget about it,
  • a registration form,
  • commercials,
  • social buttons,
  • standard WordPress widgets - the layout is designed to integrate them well

The layout of each blog post includes :

  • a stylized title,
  • a stylized sidebar,
  • a highlighted image,
  • next and previous buttons,
  • a comments section
  • links to similar posts

A stylised divider allows the different sections to be divided.

Indicative price : Free of charge ? See the layout

Discover lots of other resources to improve and customize your blog on the Elegant Themes website and in the Resources for Divi of this blog.

Best Divi blog layouts: review and latest thoughts

These Divi blog layouts will make your job a lot easier! With them, you will create a beautiful blog in just a few clicks.

Indeed, the use of layouts is very easy and represents a significant time saving. This is definitely one of Divi's big strengths!

This selection is deliberately eclectic, in order to help you find your happiness, whatever your tastes and needs.

Feel free to give me your feedback in the comments! Which layouts have you tested, which ones do you prefer?

If you create a blog with one of these layouts, send a link so that the community can see the result in real life 😉.

Top 10 layouts pour blog Divi
layouts pour designer le blog de Divi

This article was written by David Albert, a freelance writer who helps entrepreneurs publish quality content. More information on his website.

10 best Divi Blog Layouts

1,784 words

7

You should like it too:

Vidéo mise en avant dans les articles Divi avec ACF

Video highlighted in Divi articles with ACF

This step-by-step tutorial shows you how to create a new custom field in your Divi Articles to add highlighted YouTube videos. You can do this easily with the Theme Builder and ACF.

4 Commentaires

  1. Marie

    Bonjour,
    Merci pour tous vos conseils !
    J’ai une question simple qui n’est pas abordée sur votre site je crois.
    Est-il possible de supprimer l’option « zoom » sur les images produits d’une boutique ?

    Merci beaucoup pour votre aide,

    Marie

  2. Cemil

    Bonsoir,
    Merci pour cet article !
    Néanmoins je me questionne : comment remplacer la page blog classique (celle qui reçoit les articles une fois la page d’accueil rendue « statique », par un de ces thèmes?

    J’ai pourtant créé une nouvelle page, vierge, sur laquelle j’ai installé un thème blog que j’apprécie.
    Ensuite je suis allé dans les réglages de la page d’accueil pour y indiquer, dans le menu déroulant, la dite page que je venais de créer afin de la dédier à la réception de mes articles de blog.

    Mais ça ne fonctionne pas.

    Help 😉

  3. Lycia Diaz

    Salut Cemil,
    Tu ne dois pas spécifier quelle page est ton blog dans les réglages de WordPress. C’est déjà la première chose. Ensuite dans ton layout, tu dois ajouter un module blog pour faire apparaître tes articles.
    Sinon, l’autre solution, tu stylises ta page de blog via le thème builder. Et dans ce cas, tu dois spécifier quelle page est ton blog dans les réglages de WordPress.

Soumettre un commentaire

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

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pin It on Pinterest

Shares
Share This