1. Creating a Standard Divi Blog Post

When you use Divi for your Blog posts, you can use the Divi Modules to create your posts. This means you can be much more creative and make interesting layouts with modules like buttons, calls to action, galleries, etc.

How do you start blogging with Divi?

Create a new post as usual, give it a title, and save as draft. Then click “Use Divi Builder” button.

Next, load the layout ‘Divi Standard Blog Post – Divine Website Pack‘ into your page.

(the version number can vary, depending on when you bought your pack. To check if you have the latest version, go to the Layout Library, where you can always download the latest version).

In screen options, at the top of your post, make sure the “Divi Page Settings” are visible (ticked):

On the right of your post screen, check that under Divi Page settings, the layout is set to ‘Right Sidebar’ and Post title to ‘Show’:

You can now add modules as normal. It’s a good idea to have an image first, to standard dimensions  that are the same for all your posts, as usual (added in the image module at the top). You can insert additional rows with a different column structure as well, but check that your columns are not getting too narrow when choosing 3+ columns, because the default WordPress Sidebar is added next to the content of your blog post, for this layout. For the option to create also your sidebar with Divi, or to have no sidebar,  see further below in this class.

At the bottom of the layout is a row with a post navigation module. This module inserts links to previous and next post at the end of your post, and should stay at the bottom of the post… So insert all your content above it:

2. Creating Divi Blog Posts with custom sidebar using Divi modules

You can use your own sidebar (instead of the one you make with WordPress widgets), if you use a Specialty Section.

Create a new post as usual, give it a title, and save as draft. Click the “Use Divi Builder” button, and load the layout ‘Divi Blog Post Custom Sidebar – Divine Website Pack‘ into your page.

(the version number can vary, depending on when you bought your pack. To check if you have the latest version, go to the Layout Library, where you can always download the latest version).

In screen options, at the top of your post, make sure the “Divi Page Settings” are visible (ticked):

On the right of your post screen, make sure that under Divi Page settings, the layout is set to ‘No Sidebar’ and Post title to ‘Show’:

You now see an orange section, which is a specialty section, consisting of a sidebar area on the right, and a normal content area on the left.  At the moment the sidebar area has a sidebar module, set to display the standard sidebar you make in your WordPress widget area ( Appearance > Widgets, also see  here for more info). But you can delete this module and add Divi modules there instead to create custom sidebar content.

You can add modules as normal. It’s a good idea to have an image first, to standard dimensions  that are the same for all your posts, as usual (added in the image module at the top). You can insert additional rows with a different column structure as well, but the maximum number of columns available from left to right is restricted because of the space needed for the sidebar.

There’s a second row with two blog specific modules: post navigation and comments. Post navigation allows your readers to navigate to previous posts or next posts, and comments allows comments to be placed. If you don’t want to allow comments, you can delete this module. And also switch off comments at the bottom of the post.  Otherwise you can leave these two modules there at the bottom of each post.

Tip: If you have created a sidebar that fits a certain type of post you are writing, for example a certain category, you can save the layout to the library so you can insert this layout with your readymade custom sidebar every time your create that type of post.

3.Blog posts with centred content and no sidebar

If you don’t want to use a sidebar next to your blog posts then if you switch off the sidebar the content becomes very wide, stretching the whole width of your screen. This is unpleasant reading for your visitors; if a line of text is too long the visitor’s eye will have a hard time focusing on the text and people often switch off from reading.  We have created a blog post with reduced content width to help you avoid this problem if you don’t want to use a sidebar.

Create a new post as usual, give it a title, and save as draft. Click “Use divi builder” button, and load the layout ‘Divi Blog Post Centred – no sidebar – Divine Website Pack‘ into your page.

(the version number can vary, depending on when you bought your pack. To check if you have the latest version, go to the Layout Library, where you can always download the latest version).

In screen options, at the top of your post, make sure the “Divi Page Settings” are visible (ticked):

On the right of your post screen, make sure the under Divi Page settings, the layout is set to No Sidebar and Post title to Hide:

You’ll see a special module here at the top, called Post Title. This module is necessary because if we don’t switch off the Post title as we did, it will align the usual post title far to the left of the screen, which looks off. This Post title module comes to the rescue. Under elements on the  content tab of the module, there are a few settings to make, for if you’d like to show more or less of the post meta data (such as author, comments, category, etc). Further down there are more options, but they are not relevant really for how we use this module here. The post title displays your post title automatically, it is not necessary to set it in the actual module.

Under the post title module, you see the first image, and you can create your content as usual using Divi modules.

At the bottom there is a row with post navigation and comments again. If you don’t want to allow commenting, you can delete the commenting module and you’ll also need to switch off commenting at the bottom of the post in the discussion section by unticking the box: 

4. Read more tags in Blog posts created with the Divi Builder

In the video below we show you how to create read more tags in Divi Blog posts. You need Read More tags for example if you use the Divi Blog roll module to create your blog page.