Design With Divi
Add your content.

Add Your Pages

Get started by adding standard pages such as Home, Blog, About and Contact page. 

Follow These steps:

 Go to Pages, select Add New.
Enter your page title.
Click Publish.
Repeat for each page.

Create Your Main Menu

Follow These Steps:

Under Appearance, click Menus
Give your menu a name (i.e. Primary Menu).
Click Create Menu.
Select your Pages on the left.
Click Add to Menu and rearrange the order, if needed.
Select Display Location to Primary Menu.
Click Save Menu.

If you want to add a Secondary Menu or Footer Menu, the process is relatively the same.

HOVER OVER IMAGE + SCROLL TO SEE MORE

Assign Your Home + Blog Page

Follow These steps:

Under Settings, click Reading.
Select the A static page (select below) option.
Set the Front Page to your Home page.
Set the Posts Page to your Blog page.
Click Save Changes.

If you want to design a custom Blog page, leave the Posts Page field blank.

Set Up Your Permalinks

Follow These steps:

 Under Settings, click Permalinks.
Choose your option.
Click Save Changes.

Important: This step should only be completed if you haven’t created any blog posts yet to avoid broken links. If you have, stick to the same permalink structure you’re already using.

Enable The Visual Builder

Follow These Steps:

Go to your new Page.
Click the purple Use The Divi Builder button.
Begin designing from the back-end. (Optional)
 Select the blue Use Visual Builder button, and begin designing from the front-end. (Recommended)

Insert Sections

What are divi sections?

Everything you build in Divi starts with a section. Sections are the horizontal building blocks that contain your rows + modules. There are three types of sections you can choose from: Standard, Specialty and Fullwidth.

This step demonstrates on a new page using the Visual Page Builder

Insert Rows

What are Divi rows?

After you add your section, you’ll be able to insert a row and choose from various column layouts. There are plenty layouts to choose from allowing you to structure your pages and posts however you want.

This step demonstrates on a new page using the Visual Page Builder

Insert Modules

What Are Divi Modules?

After you insert your row, you’ll be able to insert one or more content elements called modules within each of the row columns. Divi comes with 40+ different modules that you can use to build just about anything your creative business website needs. 

This step demonstrates on a new page using the Visual Page Builder

Add a New Blog Post

Follow These steps:

Go to Posts, click Add New.
 Enter your Post Title. 
 Enable the Use The Divi Builder button. 
 Insert a column. (i.e. a Single Column) 
 Insert a module. (i.e. Text)
 Add your content.
 Click Save.

Edit Your Blog Post Content 

Follow These steps:

 Within the Module Settings, find the Content area.
 Be sure the the Visual tab is selected.
 Use the toolbar above the text area to Bold, Italicize, Add Links, Add Header Text and so on within your blog post.

Add Media Within Your Post

Follow These steps:

 Within the Content area, click where you want to insert your image.
 Click the black Add Media button.
 Choose an existing image or upload a new one.
 Click Insert into post.
 Click Save & Exit.

Assign Your Post To a Category

Here’s what you need to know:

Categories help visitors find they posts they want to read about. This is optional, but recommended if you are blogging about a lot of different topics. To set your categories, locate the Categories box on the right side, and select your existing category, or create a new one. 

Set Your Featured Image

Here’s what you need to know:

The featured image is what will appear on the blog feed of your website. By default, this will also be the first image that appears within your blog post. To set your Featured Image, locate the Featured Image box on the lower right side, click Set Featured Image, and select an existing image from your Media Library, or upload a new one.

Publish Your Post

Here’s what you need to know:

Click the Preview button to view how your blog post will look before publishing. If you are still working on things, but need to come back later to finish, then click the Save Draft button and edit your post later. Once you are ready to share your new post with the world, click Publish

Pin It on Pinterest

Share this free online guide!

Show your friends how simple it is to build a WordPress website with Divi.

Shares