WordPress + Divi Tutorial

DIVI BUILDER

The Divi Builder comes in two forms: The standard “Back-end Builder” and the front-end “Visual Builder.” Both interfaces allow you to edit the same content elements and design settings.

ENABLING THE VISUAL BUILDER (MOST USED)

While you are logged in to your WordPress dashboard, you can navigate to any page on the front-end of your website and click the “Enable Visual Builder” button in the WordPress admin bar to launch the visual builder.

CONTENT ELEMENTS

SECTIONS (Blue)
The most basic and largest building blocks, these are used to create large groups of content.

ROWS (Green)
Rows sit inside of sections and can have any number of rows inside. There are many different column types to choose from.

ELEMENT SETTINGS

Each section, row, and module content can be edited by clicking on the first icon on any block.

EDITING PAGE TEXT AREAS

• Choose a Page
• Click on a module’s first icon
• Add or replace text in the main content area
• Click the green checkbox to save your changes
• Once you have finished editing all content areas, click on the Update button located in the right sidebar.

EDITING PAGE IMAGE AREAS

• Choose a Page
• Click on a image module’s first icon
• Use the Add Media button to upload / choose a new image
• If editing an image module, click the gear icon on the current image to change it
• Click the green checkbox to save your changes
• Once you have finished editing all content areas, click on the Update button located in the right sidebar.

ADDING LINKS TO PAGES

• Choose a Page
• Click on a module’s first icon
• If editing text in a main content area, use the link icon at the top of the section to add / edit a link url
• If there is no main content area in the module chosen, use the link area to update the link address

CREATING A NEW PAGE

• Click Pages > Add New
• Add your page title
• Click the purple button that says Use The DIVI Builder
• Click on Clone Existing Page
• Click on a Page similar to what you would like to create
• Edit the Title and Main Content blocks as needed
• Once you have finished editing all content areas, click on the Publish button located in the right sidebar.

ADDING NEW PAGE TO NAVIGATION

• Click on Appearance > Menus from the left sidebar
• Check the box next to the new page name you recently created from the box entitled Pages
• Click the Add to Menu button
• Your new page will be added at the bottom of the navigation list
• Drag the page title where you would like it to go in the navigation
• Be sure the page is indented under another page title
• Click the Save Menu button.

CREATING A NEW POST

• Click Posts > Add New
• Add your post title
• Click the purple button that says Use The DIVI Builder
• Click on Clone Existing Page
• Click on a Post similar to what you would like to create
  Edit the Title and Main Content blocks as needed
• Right Sidebar
  – Page Layout: Full Width
  – Post Title: Hide
  – Add a Featured Image
  – Check the Blog Category
• Once you have finished editing all content areas, click on the Publish button located in the right sidebar.

ADDING A NEW USER

• Choose Users > Add New
• Create a Username
• Add an Email
• Generate a secure Password
• Choose a Role (roles listed below)
• Click the Add New User button

WORDPRESS ROLES

Administrator – somebody who has access to all the administration features within a single site.
Editor – somebody who can publish and manage posts including the posts of other users.
Author – somebody who can publish and manage their own posts.
Contributor – somebody who can write and manage their own posts but cannot publish them.
Subscriber – somebody who can only manage their profile.