How to Use Divi for Blog Posts

How to Use Divi for Blog Posts

When someone does what you thought about doing, but didn’t know how, you say a prayer of thanks and implement their good work. The software we use daily keeps on improving. We’re fortunate there are so many developers emerging that love what they do, and it shows in the products. The ability to use Plugins is one of the excellent features of the WordPress software. You can add the function to your website by installing a plugin from the WordPress Repository on WordPress.org, or you can purchase a Plugin from a developer and upload a .zip file from the Plugins Dashboard.

This blog post has a different layout.

I am using a plugin that allows me to style a single Blog post. Some say you shouldn’t use the Divi Builder because it interferes with the SEO. This hasn’t been proved. The reality is the search engine reads the content on the page. The module is a placeholder for the content. The search engine doesn’t know the difference, it just reads the content.

Too many people have too much to say about what you must and musn’t do when you create content. The volume of content produced is overwhelming and the truth is no one reads it all. It just makes you feel good because you’re creating the content. Is it relevant content? Or the word is it has to be “great content.”

Made for Divi

The point of all this is simple. I can do what I need to do with my blog post because I can use the plugin specifically made for Divi. The Plugin issues are starting to be addressed. The back end of WordPress is changing and developers have to keep pace. The front end users are delighted because they get to use the Plugin made for Divi without having to know how to code.

The shift is happening in technology. The news it out, the consumer does want to do it for themselves without costly fees. The way we interact online is constantly changing. It is necessary to have a basic understanding of what you’re getting into when you manage a website. Whether you are a small business, a single person, the problem is the same. Without the basic knowledge you can and will be vulnerable.

When someone gives you advice, you want to know what they are talking about. You don’t want them to tell you something is necessary when you don’t need this expensive feature.

The day will come when your business or service does need to go to the next level, that is the time you upgrade and seek professional advice from someone in the industry that doesn’t make empty promises. They can help you based on their experience because they have been successful and what you are wanting to implement.

The Selling of Success

It is empty. No one can guarantee you anything, not even with a trial and your money back guarantee. In fact, the money back guarantee is the warning sign. You don’t need someone to guarantee your success. Only you can based on your efforts. Unfortunately, we have been led to believe it’s quick and easy. It isn’t. Managing a WordPress website has a definite learning curve.

Success isn’t for sale, it is achieved.  

The User of Divi

The developer creates the Divi Framework using the HTML code written in conjunction with the WordPress core HTML code. The designer conceptualizes the Modules that are able to be used with the Divi Framework. The Divi Library Layout Packs contain the designs available for use. The user takes the Divi Framework and operates the built in features to achieve the success of building a website. The entire team work of the developer, the designer, and the user, creates the Divi Theme and each person uses it in their own unique way.

 

The Visual Builder

This is an image of the Visual Builder used to write the content of this Blog Post. As you write the content you can see your edits on the page next to you.

The layout structure shows you the column widths and you can conceptualize how you want the content to look on the page. Each of the sections are clearly visible as you hover over the setting. Now you can focus on the content and not the frustration with not knowing how something works.

Of course there are other details to take care of when you write a blog post. Some settings for the Blog post can only be done in the back end of this Blog post. This is the way Divi works with the WordPress software. The point of this is to demonstrate how possible using the Divi Theme is, and why it gives you the control you’ve always wanted to have.

No code was used to write the content. All the code works in the background. The Visual Builder gives you the ability to create an interesting Blog Page.

Update and Improvements

Coming soon is a new way to improve on the already excellent existing backend builder combined with the visual builder.

You can read more about it here.

Suggested Further Reading

Divi Builder

Divi Builder

Blog With Divi Using the Divi Builder

Ever since the Divi Theme came out in 2013, I have been using it and this is why you see all these articles about Divi. It is the one theme that answered something for me personally. I can arrange the content of a website with any number of layouts and styles. Apart from having a love of art, design, and form, I find the creation of content in a website fascinating.

The Divi Builder is a Page Builder. This is a plugin that when added to WordPress gives you a system of modules to use. The modules have specific functions and are pre-formatted. If you’re using the Divi Theme you don’t need to add the Divi Builder plugin.

The Divi Builder works with most WordPress themes. One thing you’ll find with plugins, they can be incompatible. Anytime you have different teams of people contributing to a main source, there are bound to be collisions of incompatible computer code.

The Divi Builder has the modules built in. You select the specific module you want for the content for the page or blog post. When you open the Divi Builder you’ll see the Divi Builder with a standard section.

There are two ways you can put content onto a web page:

  • Use the Divi Library Layout
  • Use a standard, fullwidth, or specialty section layout

You are not using the default WordPress post editor. All the icons on the tool bar in the default editor will be inside the modules. In our example we’re going to use an image and a text module for a blog post.

Refine the text

You don’t want the text to be too long, it has to fit into the context of the image. When text is carefully placed it works well with the image.

The block, or modular system lets you place content without using HTML code. You enter the content into the placeholder, the text module.

Let’s look at the layout with the modules and the settings used. The image module is on the left and the text module on the right. The row has a background color with a reduced margin (or gutter) width.
This is what the back end layout looks like. An image and a text module in a two column row layout.

To set the background color we have to open the Row Module Settings and locate the Background in the Content area of the Module. There are three areas, the Content, Design, and Advanced tabs which contain all the different settings to style the module.

In the Row Module Setting start with the background color. You want to choose a softer color rather than brighter.

Did you know there are many people who can see color but are “color blind,” they don’t see the true color but an altered color.

We are selecting a background color to compliment the content and someone with a disability. The content in this row is an image on the left and the text on the right.

After setting the background color go to the design tab and set the row to fullwidth. Scroll down and you will see the option to use the Custom Gutter Width. Set the Gutter width to 1. This reduces the margin of the 1/2 and 1/2 column width.

Equalize the Column Heights to make sure the content and the image are aligned. The image is in Column 1 and the text in Column 2.

Divi Builder Blog Post

This blog post used the Divi Builder to create the content for this post.

The ability to style the content onto the blog page enhances the reading experience for the person reading the blog post. This might take some extra time but it is worth the extra time to make the content interesting and emphasize a specific point.

Your work isn’t in vain, you can save the layout to the library and reuse it.

Read more about using the Divi Theme

Divi Builder

Divi Builder

Blog With Divi Using the Divi Builder Ever since the Divi Theme came out in 2013, I have been using it and this is why you see all these articles...

Read More

The Divi Framework

The Divi Framework

What is a Framework?
A framework is the foundation, the building blocks, for something to exist inside the frame.
Divi Theme
A theme is a design element that uses the framework. This website was built with the Divi Framework using the modules.
This website is built ising the Divi Framework, also known as the Divi Theme.

A theme has a specific style used throughout the website. A Framework is something used to mold the style.

Where do you start?

With the Divi Framework. It is the ideal place to begin to take in the whole concept of building a website. With no knowledge of code, or how a website works, you can build one with the Divi Framework. It is specifically designed for the do-it-yourself take charge person or organization.

We’re faced with a changing world. In the last two or three years we have seen nothing but change. Different ways of doing things. Whoever thought you would order groceries online, or read an electronic book instead of a paper one. We use systems and software constantly. It takes time to get to know the software and how it works.

There is a learning curve with the Divi Theme. But this is the fun part because you have a community of users of the Divi Theme. The Divi Theme is the most used theme in the world, and has been translated into thirty two different languages. 

Translated into thirty-two different languages is a fact, not a sales pitch. Divi is so successful it is the go-to Framework for developers and designers to create their Templates.

The whole structure of the framework is a different way to work on a website. This blog post is written using the Divi Visual Builder, as I’m entering text into the text module, I can see how the text looks on the page directly. Of course there is more to building a website than entering text onto a page.

This is a partial list of the Modules available. Each one has a particular function. You select the module and it will open for you to use. The Image module was used for the image above. This text is placed inside the Text Module. The module contains settings to style the text with the icons.

An Open Text Module

The image on the left is an example of what the text looks like when you enter it directly into the Text Module using the Visual Builder.

In the Divi Framework you have:

The Divi Library, predefined page layouts

The Divi Builder, layout modules then preview

The Visual Builder, use modules on the page directly

At first you might want to use the Divi Builder to become familiar with how the web page is laid out, and how the sections and modules work.

Modules

Every module has built in settings. If you don’t know what an icon does, click on it to find out.

The framework pulls the components of the website into place. Initially, you can use the premade layouts in the Divi Library. Once you get used to how the modules work you’ll find you start creating your own specific style and layout with the Divi Framework.

Learn More About Divi

How to Use Divi for Blog Posts

When someone does what you thought about doing, but didn't know how, you say a prayer of thanks and implement their good work. The software we use daily keeps on improving. We're fortunate there are so many developers emerging that love what they do, and it shows in...

Divi Builder

Blog With Divi Using the Divi Builder Ever since the Divi Theme came out in 2013, I have been using it and this is why you see all these articles about Divi. It is the one theme that answered something for me personally. I can arrange the content of a website with any...

The Divi Framework

A framework is the foundation, the building blocks, for something to exist inside the frame. The Divi Framework is the foundation upon which you build the website.

Download Upload Activate Divi

The do-it-yourself with Divi isn't complicated when you know how. Here are the steps for implementing the Divi Theme. First, you should be a member of Elegant Themes. I've been a member since 2012. This is my Affiliate link, this is one of the best Theme Companies I...

Do It Yourself With Divi

Do it yourself with Divi is a series of blog posts and tutorials to show you how you can have a website and do it yourself. This isn't for every website. The kind of website depends on the specific purpose of the site. The way we can build a site has changed. If...

One Click Update

The one click update is possible. To get to the point of being able to click the update button and wait for the updates to implement successfully means following some good practices for the wellbeing of the website. The one click update is user savvy. No one wants to...

And then there is Divi

In the beginning... there was a stillness on the horizon, the modules were an idea in the designer's mind, the ideal placeholder for the information. A text, an image, a blurb, a full width slider, and the family of modules was born into the house of Divi. The...

About the About Page

So, what's this all about? People want to know. It's the page on your website that gives people information about you or the business. We know this. We also know first impressions count as the visitor lands on the Homepage. Which is more important the Homepage or the...

A Website for the User

These slides take you through the thought process about your Website using WordPress and a WordPress Premium Theme. WordPress has become the choice software for half the Websites on the web. This is a whole lot of Websites. There are definite roles in the creation of...

Download Upload Activate Divi

Download Upload Activate Divi

The do-it-yourself with Divi isn’t complicated when you know how. Here are the steps for implementing the Divi Theme. First, you should be a member of Elegant Themes. I’ve been a member since 2012. This is my Affiliate link, this is one of the best Theme Companies I have had the good fortune to use, and this is why I would recommend them.

Download Divi

  • From your Elegant Themes member area download the Divi Theme File
  • Download the .zip file to your desktop.
  • Do not open the file.
  • Go to your website which has the WordPress core software installed.

You cannot upload Divi to WordPress.com you must have your own domain and an account with a web host. If you haven’t found a Web Hosting Company, read about Website Hosting and what you should know.

I have two recommendations:

  1. Go with a hosting company that does not limit the memory space your website needs
  2. Never buy cheap hosting services. You get what you pay for.

The Divi Theme requires PHP 7.0 +. This is higher than PHP 5.6. Some hosting companies limit the memory space because it is cheaper for them.

The DIY person knows better. You are loading a Premium WordPress Theme and this requires more memory. A web host that limits access and charges for more memory is not what you want in a web hosting company.

Inside the Dashboard menu locate Appearance. Hover your mouse over Appearance and a menu will popup. Select Themes Do it yourself with Divi You will see the current installed Theme which might be the default WordPress Theme.

If you have another Theme installed and you are now wanting to switch over to the Divi Theme, you shouldn’t just leave the previous theme and then install Divi. One thing you will find, themes don’t work seamlessly with each other.

If you’re not running a current theme then you will most probably find the default WordPress Theme, Twenty Seventeen active in the Theme area.

Do it yourself with Divi

The Twenty Seventeen theme is active. Click on Add New and the button will change to Upload theme.

The DIY person is never in a hurry, if you follow the steps you’ll do it the right way and not have to undo it and get into technology tangles.

Now you’re ready to upload the .zip Divi File you downloaded from your member’s area. This .zip folder will be on your desktop or in your downloads folder.

Do it yourself with Divi

Click on Choose file, find the file and upload it. Once the file is uploaded the Install Now tab will darkent.

Click on Install Now and the Divi Theme will install. Stay in the Appearance section and this is what you will see.

Do it yourself with Divi The Divi Theme is active!

Now you are ready to enable the Theme Options.

Locate Divi in the Dashboard Menu. Do it yourself with Divi

Now let’s go to the Theme Options area.

Watch the Theme Options installing video below, it takes you through all the steps of enabling the options for the Divi Theme to work.

Setting the Divi Theme Options

Below is a video tutorial on how to enable or disable the options for the Divi Theme. In this video, you’ll be introduced to the silent technology partner you need in real time as you set the Divi Theme Options.

Related Articles – Do It Yourself With Divi

Divi

A Website for the User

These slides take you through the thought process about your Website using WordPress and a WordPress Premium Theme. WordPress has become the choice software for half the Websites on the web. This is a whole lot of Websites. There are definite roles in the creation...

Read More
A Website for the User
Divi

About the About Page

So, what's this all about? People want to know. It's the page on your website that gives people information about you or the business. We know this. We also know first impressions count as the visitor lands on the Homepage. Which is more important the Homepage or...

Read More
About the About Page
Divi

And then there is Divi

In the beginning... there was a stillness on the horizon, the modules were an idea in the designer's mind, the ideal placeholder for the information. A text, an image, a blurb, a full width slider, and the family of modules was born into the house of Divi. The...

Read More
And then there is Divi
Divi

One Click Update

The one click update is possible. To get to the point of being able to click the update button and wait for the updates to implement successfully means following some good practices for the wellbeing of the website. The one click update is user savvy. No one wants...

Read More
One Click Update
Divi

Do It Yourself With Divi

Do it yourself with Divi is a series of blog posts and tutorials to show you how you can have a website and do it yourself. This isn't for every website. The kind of website depends on the specific purpose of the site. The way we can build a site has changed. If...

Read More
do it yourself with divi
Divi

Download Upload Activate Divi

The do-it-yourself with Divi isn't complicated when you know how. Here are the steps for implementing the Divi Theme. First, you should be a member of Elegant Themes. I've been a member since 2012. This is my Affiliate link, this is one of the best Theme Companies...

Read More
Do it yourself series
Divi

The Divi Framework

A framework is the foundation, the building blocks, for something to exist inside the frame. The Divi Framework is the foundation upon which you build the website. Read More
divi framework
Divi

Divi Builder

Blog With Divi Using the Divi Builder Ever since the Divi Theme came out in 2013, I have been using it and this is why you see all these articles about Divi. It is the one theme that answered something for me personally. I can arrange the content of a website with...

Read More
Divi Series
Divi

How to Use Divi for Blog Posts

When someone does what you thought about doing, but didn't know how, you say a prayer of thanks and implement their good work. The software we use daily keeps on improving. We're fortunate there are so many developers emerging that love what they do, and it shows...

Read More
Do It With Divi