If you are a blogger and need to create a Divi website that is primarily a blog, or even just a normal site that has a blog included, Divi makes it quick & easy with a dedicated blog module and Theme Builder templates.
There are two types of Divi Blog layouts, a blog page, and a blog post page.
- You can create a blog page to list all your posts using the Divi Blog Module
- You can use the Divi Theme Builder to create templates that apply to every blog post
- You can use the Divi Theme Builder to create templates for displaying post categories, tags, and archive pages
If you don’t have the time and/or design skills to create your own, then using a pre-made DIvi blog post, page, and archive page layout can be a great option that allows you to get a new blog up and running.
This article will list a number of Divi blog layouts including blog posts, blog pages, and Divi Theme Builder blog archives.
Affiliate Disclosure: Links on this page contain affiliate code which means the owner of this website will be paid a commission on any sales that result from purchases made via these links. If you choose to purchase via links on divilayouts.com you will never be charged any extra and you will be helping to keep this website a forever free resource for the Divi community.
Divi blog post layout
You can create a blog post layout template in the Divi Theme Builder that will be applied to all of your posts on your website.
The template will dynamically insert the content of your post into the pre-made design, which means you can add your posts using the default WordPress backend and the content then displays on the front end within the template.
You can create a feature-rich blog post template using any of the Divi Builder modules in the Theme Builder. There are also some blog-specific Divi modules that you can use within your posts.
The most important is the Post Content module which adds your main content from the post you create in the WordPress backend.
There is a built-in Comments Module, a Post Title Module, and a Post Navigation Module. You can also add things such as post title, post excerpt, post publish date, post comment count, post categories, post tags, past links, and post author using dynamic content in any module’s text area.
1. Mortgage broker website blog post
The Divi blog post template is designed to work with the Divi Builder mortgage broker layout pack and is available to download for free on the Elegant Themes blog. There is also a step-by-step tutorial that shows you how to create the blog page layout from scratch.
The layout includes areas populated dynamically with content such as for your post title, post metadata, and post title background image. As with all post layouts, there is a Post Content module to add your main content and a Post Comment module to display your comments.
Developer: Elegant Themes
Price: FREE (in Divi Builder)
More Information
2. Film lab website blog post
The Divi blog post layout is designed to go with the Divi Builder film lab layout pack and is available to download for free on the Elegant Themes blog. There is also a step-by-step tutorial that shows you how to create the blog page layout from scratch.
The layout uses the built-in Divi modules and dynamic content to style your blog post content.
This blog post template uses dynamic elements for the header with a featured image as the background, the post title, and the post meta data (date, categories, author, and comment count) against a bright orange background.
There is also a related posts section that displays the four most recent posts that are from the same category. There is a post-author bio to display the blog author’s profile info (picture, name, bio). The post content module will display the actual post content from the backend of WordPress. Lastly, there is a comments section that and a post navigation for the next and previous posts.
Developer: Elegant Themes
Price: FREE (in Divi Builder)
More Information
3. Charity website blog post
The Divi blog post layout is designed to work with the Divi Builder charity layout pack and is available to download for free on the Elegant Themes blog. There is also a step-by-step tutorial that shows you how to create the blog page layout from scratch.
The layout uses Divi modules and dynamic content to style your backend post content. The post header uses dynamic elements to add a background featured image, a post title, and the post metadata. The main body is added using a Post Content Module. There is a section to dynamically display 4 related blog posts from the same post category. There is a post-author bio box to display the post author’s name, picture, and bio. There is also a post comments section and post navigation added via Divi modules.
Developer: Elegant Themes
Price: FREE (in Divi Builder)
More Information
4. Webdesign Agency website blog post
The Divi blog post layout is designed to accompany the web design agency layout pack and is available to download for free on the Elegant Themes blog. There is also a step-by-step tutorial that shows you how to create the blog page layout from scratch.
This blog post template uses Divi blog modules and dynamic content to create a template for the Theme Builder. The post header uses dynamic elements to display a background image using your featured image along with a dynamic post title, and post metadata. The rest of the page is created using the Post Content module to display your backend post content along with a post author bio box, post navigation, and post comments modules. You can further alter the design using the module settings as you usually would in Divi.
Developer: Elegant Themes
Price: FREE (in Divi Builder)
More Information
5. Copywriter website blog post
The Divi blog post layout is designed to accompany the copywriter layout pack and is available to download for free on the Elegant Themes blog. There is also a step-by-step tutorial that shows you how to create the blog page layout from scratch.
This Divi post layout uses Divi blog modules and dynamic content within modules to create a template for the Theme Builder. The post header is built using dynamic elements to add a background image using your featured image along with a dynamic post title, and post metadata. There is also a Post Content module to display your backend post content along with a post author bio box, post navigation, and post comments modules. You can further alter the design using the module settings as you usually would in Divi.
Developer: Elegant Themes
Price: FREE (in Divi Builder)
More Information
6. Double sidebar blog post
The Divi blog post comes with 2 sidebar modules for a unique three-column layout and is available to download for free on the Elegant Themes blog. There is also a step-by-step tutorial that shows you how to create the blog page layout from scratch.
This layout has 3 columns with the main post content being displayed in the middle column. You can add any modules you like into the left and right side columns but the template includes related posts on the left and a contact form module and social media follow module on the right.
Developer: Elegant Themes
Price: FREE (in Divi Builder)
More Information
Blog page layouts (to display your posts)
The Divi blog page is where your blog posts are listed and can be built using the Divi Blog Module along with any other Divi modules and dynamic content.
You do not need to use the Divi Theme Builder for your posts page.
By using multiple blog modules on your blog page along with the Divi post offset setting you can style each independently and ensure that the same posts are not repeated in different modules. If you want a classic blog layout you can use the Divi Sidebar Module to add widgets, like on the default WordPress blog page.
Each of the free DIvi layout packs that are released weekly by Elegant Themes includes a posts page layout that can be loaded into your page directly from within the DIvi Builder. Currently, there are 134 Layouts available which can be found by searching for the Blog Page in the Divi Layouts Library on the Elegant Themes website.
Developer: Elegant Themes
Price: FREE (in Divi Builder)
More Information
Blog category page layouts
You can use the Divi Theme Builder to add a custom layout for displaying the blog post category or tag archive pages. The layout is then assigned to pages and post types on your website.
This is particularly useful for category pages so you can add more useful text content and avoid thin content issues with Google.
The same principles can be extended to be used on product categories and tags too.
1. Blog post category page layout
This Divi Theme Builder template allows you to build a custom blog post category archive page layout that will be assigned to every archive page displaying post categories. When a user clicks on a category link on your blog, posts that have been assigned to that category will be displayed on the category archive page.
The layout uses Divi modules and dynamic content to display the posts from the selected category along with any other necessary post-category content for the page. The blog module is the key to the page working correctly and is used to display posts that are in the current category by setting the “Posts for Current Page” option. The layout also uses the Post Slider module and Post Title Module to display the posts for the current post category in a slider and dynamically add your page title.
This layout is for post categories, but the same principles, and layout, can be used for creating a product tag page by adjusting the template assignment settings within the Divi Theme Builder.
Developer: Elegant Themes
Price: FREE (in Divi Builder)
More Information
2. Category page for Divi blogger layout pack
This blog page layout to display your blog post categories is designed to go with the Blogger layout pack available in the Divi Builder by default. The category page template matches the rest of the layout pack design and allows you to add extra content easily to your post category pages. By using dynamic text content you can easily build out a more detailed page with extra content for Google to index. This is a great way to boost your post category pages in the SERPS.
Developer: Elegant Themes
Price: FREE
More Information
3. 5x Blog post category page layouts
As part of the release of the Divi Theme Builder, Elegant Themes gave away five free Theme Builder template packs. Each of the packs includes a post category archive layout to display all blog posts from a selected post category within a pre-designed template.
The packs also include Theme Builder templates for the global header, footer, and post. product, 404-page layouts so you can create a unified style on your website using Theme Builder templates for various areas.
The 5 full Theme Builder packs including the post category layouts can be found at;
- Theme Builder Template #1
- Theme Builder Template #2
- Theme Builder Template #3
- Theme Builder Template #4
- Theme Builder Template #5
This layout is for post categories, but the same principles, and layout, can be used for creating a product tag page by adjusting the template assignment settings within the Divi Theme Builder.
Developer: Elegant Themes
Price: FREE
Where to find more layouts for your blog pages and posts
There are many blog page layouts available for free directly within the Divi Builders pre-made layouts. If you load the pre-defined layouts in the Divi Builder and search for Blog Page you will see 80+ results to choose from as each of the free layout packs comes with a blog page. These will often need to be modified slightly to work within the Theme Builder.
Elegant Themes also releases a number of free layouts in Divi tutorials on their blog. You can find these all listed in the Divi Layouts directory (divilayouts.com) along with all the best free & premium blog layouts from 3rd party developers.
Final thoughts on using blog layouts for DIvi
Blogs are an important part of any website and the built-in options within Divi allow you to create some pretty cool blog layouts for your blog post page and posts.
By using the Divi Theme Builder for blog posts, pages, and archives you can dynamically load content into a design for a set-and-forget global style.
Have you got a great blog layout on your Divi website? Let us know in the comments.
Hello,.
All the templates mentioned by you in this post are marvelous. I like the Ideal blogger templates… I will use it for my blog. I am looking for certain info for a very long time. Looking forward to your further info on similar topics Thanks…
can these blog pages be set as your home page? if so how?
yes, https://www.elegantthemes.com/blog/wordpress/how-to-create-a-static-homepage-on-a-wordpress-website should help
This doesn’t;t answer the question… I know how to use DIVI and create static pages in WP. My question is…can I use a layout in DIVI and make the BLOG page the HOME page. No-one seems to even understand my question. Having a hard time with this. I want them to land on the blog page…like in WordPress themes…but with Divi Theme. 🙁 no one even understands what I am asking)…