Divi Tips No. 85

The best Divi layouts for blog: give peps to your blog!

Updated on 13/01/20

1812 words

7 minutes of reading
6 comments

This article contains affiliate links recognizable by the percentage icon (%) → I am an affiliate link

Want to give your blog a break? With these Divi layouts for blog, you will find ready-to-use designs, grids, layouts and features. Nothing like this to add a new, pro 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. This part must therefore be treated in particular.

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

Fortunately, for Divi, it's different!

You will find plenty of layouts for your blog pages... We'll have to sort again!

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

What's a layout?

The layouts (or 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. It's one of many benefits offered by the Divi licence.

Other publishers also offer models, which are sometimes paid for.

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

How to import your Divi layouts?

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

For third-party layouts (other than Elegant Themes), you will first need to download them from the publisher's website and then include them in your library using the Divi 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, in order to present your blog in a dynamic way.

The first post is displayed on a single column, the next two on two columns, and the next on three.

The design CSS Grid Blog Layout fits well regardless of screen size and content length.

Moreover, CSS variables make it easy to edit. A class of buttons adds a bit of jQuery that allows you to customize the links "read the sequel" with the buttons in the theme personnalizer.

Guide price: Free See the layout

Lots of others free layouts are available on the official blog of Elegant Themes. Browse them here.

#2 Divi Magazine / Layout Blog

layouts for blog divi magazine

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

The "front page" item is displayed in full width. Then come 5 messages that appear in small square images with titles that appear on the fly.

These can display your latest articles in all categories or the latest posts in each of your categories.

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

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

Small plus proposed in this layout :

  • Free rights images of Unsplash are included.
  • A one-step import as well as a child theme to import demo data.

Guide price: $49.95 (excluding promo) See the layout

#3 Best layouts Divi for blog : Single Post Layouts for Divi

layouts divi for blog single post

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

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

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

The third layout displays image at the front with social buttons, title, author image, meta and content that overlap in one column.

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

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

Guide price: $25 See the layout pack

#4 One Half and Two Quarter Alternative Blog Layout

layouts divi "one half and two quarters"

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

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

It also adds a superposition of gradients with an overshoot effect which allows to display the extract and the button read the rest.

Guide price: Free See the layout

#5 Layouts Divi 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
  • Contact
  • List page of episodes
  • Episode page (to view details and read a specific episode)

The podcasts have come back in force in recent years and Elegant themes here offers us a very classy presentation, which makes it one of the most Divi best layouts for blog of this selection.

Guide price: Free See the layout

#6 Free Food Blog Layout Pack

divi food recipes layout

Another pack of Elegant themes, this time dedicated to culinary blogs. This is also a success, with yellow and purple pastels tones in dominant colours and a high-level design as this publisher knows so well.

Also read: 10 sample website restaurant made with Divi.

This pack includes the following pages:

  • Home
  • Contact
  • Landing Page
  • Presentation of the team
  • About
  • List of income
  • Individual recipe page
  • Blog page

Guide price: Free See the layout

#7 Layouts Divi for blog : Divi Blog Extras

Divi Blog Extra

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

It is compatible with Divi and Extra and has an Ajax load and numbered pagination 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.

Guide price: from $14.40 See layouts

#8 Layouts Divi for blog : Lara Divi Blog Module

lara blog module

Lara Divi Blog Module is a layout that allows you to display your last tickets with a card-shaped 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 fly over the image, it zooms in and becomes black and white. This layout is completely stylizable since it is based on the default Divi blog module. This allows you to change the colors according to the design of your site.

Guide price: starting at $5 See the layout

#9 Layouts Divi for blog : Travel Blog Layout

layouts divi for blog travel

A very beautiful free blog template by Elegant themes, this time on the journey. This layout enhances your expeditions in the distant regions with its modern, efficient and very "pro" design.

This changes the Travel blogs to the nice but often amateur bill. Here you will put the eyes of your visitors, not only with your travel photos, but also with this classy and pleasant presentation.

This pack has a total of 8 page templates, which should allow you to easily find your happiness!

Guide price: Free See the layout

#10 Elegant blog page layout

layouts divi for blog page

Elegant Blog Layout Page creates a blog page with a layout of magazine style which includes:

  • a slider,
  • the latest items 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,
  • a registration form,
  • advertisements,
  • social buttons,
  • standard WordPress widgets – the presentation is designed to integrate them well

The layout of each blog post includes:

  • a stylized title,
  • a stylized sidebar,
  • a prominent image,
  • the following and previous buttons,
  • a comment section
  • links to similar posts

A stylized separator divides the different sections.

Guide price: Free See the layout

Discover many other resources to improve and customize your blog on the site d and under the heading Resources for Divi from this blog.

Divi best layouts for blog: stocktaking and latest reflections

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

Indeed, the use of layouts is very easy and represents an important time saving. It's certainly one of Divi's big strengths!

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

Do not hesitate to make your feedback in the comments! Which layouts have you tested, which ones do you prefer?

If you're creating a blog with one of these layouts, send a link so the community can see the result in real time.

Top 10 layouts for blog Divi
layouts for designer Divi's blog

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

Get Divi

Divi training

Ebook Divi PDF

Free tips

Divi Quiz

Live coaching

icon 256x256
Discover my wpLingua plugin that makes your WordPress websites multilingual ! SEO-Friendly / Automatic / Editable

6 Comments

  1. Marie
  2. Lycia Diaz
  3. Cemil
  4. Lycia Diaz
  5. Laurence
  6. Lycia Diaz

Submit a comment

Your email address will not be published. Required fields are indicated with *

This site uses Akismet to reduce undesirables. Learn more about how your feedback data is used.