How to Create a Post in Divi
Q: Why create a post and how is it different from a page?
Posts are pages of information that belong to or fall under a main topic. They are built just like pages with one big difference. When you create a post, you can assign it to a category which allows you to place that information on any page you choose. Whereas, pages typically form the structure or main topics of your website.
The following steps are pictured left for further clarification. Click on an image to enlarge.
Quick Reference: Clickat the top of your screen – Choose “Post” – Add title – Click “Use Divi Builder” – Under “Divi Post Settings” (right side), Choose page layout and show or hide post title – Begin building by adding Sections and Modules
Step One Start the Post with a Title and Basic Settings:
- Log into Dashboard
- Hover over the +New option on the top bar of your WordPress page
- Select Post
- Add a title for your post
- Click “Use the Divi Builder” button – this will load the builder so you can build your post using sections and modules
- Find “Page Layout” on the right side under “Divi Post Settings” and choose your layout – Do you want your post to have a right or left sidebar or be the full width of the page?
- Also under “Divi Post Settings” – Decide if you want to “hide” or “show” your post title.
- Select a category for this post – this is further down on the right hand side. Uncategorized is the default and is the only option if you haven’t created any others. At this point, you can click “+ Add New Category” to create a category for this post. Type in what you want and hit “enter”. Then remove the checkmark from uncategorized.
Step Two Build your Post:
To start, you should have an idea of how you want your post to look. This will help you in choosing type of sections, how many columns and modules to go in those columns. I’m going to use a simple post as an example.
- Choose your first section – When the builder loads, it has one standard section in place. Below that section you will see that you have 4 choices: Standard Section, Fullwidth Section, Specialty Section and Add From Library. I will use the standard section here.
- Next, click the “+ Insert Columns” in the center of your section – A pop up will open up that asks you to choose your column structure. You can choose a different layout at any time by clicking the
on the left side of your section.
- Then click “+ Insert Modules” in whichever column you want to start with first.
- Choose your module – You will see a lot of module options. Modules are the element you are adding to that column. Most of them are pretty straight forward. For this example, I will choose a text module.
- Add the Content – This is the tab that’s open in your module pop-up. Scroll through this tab and add whatever you want.
- Style your Content – Click the “Design” tab at the top of the pop-up. This is where you choose how your content is designed. Divi already has default design preferences set in each module. In this tab, you can change anything that isn’t to your liking.
- Click “Save & Exit” – This saves the work you did for that module.
- Repeat – Now that you’ve created your first section, choose what you want below it.
If you want to change the order of a module, section or row, you can move them around by clicking and dragging.
After completing one section, you probably understand the basics to building your post. The only difference between a full-width section and the other sections, is that you only get one column in a full-width section. You also have a lot less module options in a full-width section.
These are the controls in your Divi builder.
Below is a video that walks you through the process.
Other Available Tutorials:
Add an E-Mail Icon to your Main Menu
Email & Other Icon Links: This tutorial shows you how to add an email icon link to your main Divi menu. By default, if you enter your email address in the appearance section, it will display your address on the secondary menu bar (above the main) and...
Remove the Drop Down Arrow in Divi Main Menu
Here’s how to remove the drop down arrow on your divi menu. It’s a simple bit of code you can copy and paste into your custom CSS section.
Edit Divi Posts or Pages
When Editing a Page or Post: There is no simple description on how to edit Divi posts or pages. There are simply too many options available in each item or module. Here, I am going to give you the starting blocks to editing your Divi posts or pages. ...
How to Save and Load a Layout in the Divi Library
What is the Divi Library and why save or load an existing layout: The Divi Library is place that stores pre-made layout templates as well as your custom saved layouts, modules and widgets. Save a layout to the Divi Library if you would like to use it as a template...
How to Update Plugins in WordPress
What is a Plugin and Why Update: Plugins are like little programs that work with the main software to help further customize design and function of your website. You need to keep them updated, or they can become a security risk or may not function...
Hi,
I have tried to follow your instructions on building a Divi blog post but I can see as of May 26, 2022, what you are showing in the video must be an older version of Divi because I am not seeing what you are showing in the video. So, do you have a more up to date video and instructions on building a blog post using Divi? What I need to do is build a blog post template before using it to produce my newsletter. Then, after building the blog post template, I will need to build a webpage that pulls in the blog content. I am not sure what you call that page. I am new to Divi and I am loving this new tool. I am still working on trying to learn all about Divi and how I can use it to build my international newsletter.
Any recommendations would be much appreciated.
Thank you and have a great day.