How to Use Divi for Blog Posts

How to Use Divi for Blog Posts

As you can see this blog post has a different style from the regular blog layout with text and a right sidebar. There is no way I could achieve this without having to know code. This particular layout is achieved by using a plugin. The plugin I’m using is Divi Blog Extras developed by Divi Extended. This is my affiliate link. I have used this plugin for two years on my website and on client sites. It is an excellent plugin.

A blog post has to be informative and the content needs to be layed out attractively so it gets read. Too much content is clutter and doesn’t get read. When you set up the blog page you have to decide if you want a side bar or a fullwidth. This post is set to fullwidth.

The title of the post and the meta data is positioned in the center and the blog post content is positioned in the center of the page. This style is particularly attractive for when you want to emphasize information.

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 not the design. 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 back end of WordPress is changing and developers must 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. Everyone can do it for themselves without having to pay costly fees. All you need is a basic understanding of how the software works so you can manage your website. Whether you’re a small business or 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. But how do you know? The problem is we are being sold on the idea of success.

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 Divi User

The developer created the Divi Framework using the HTML code written to integrate with the WordPress code. The designer conceptualizes the Modules that are able to be used with the Divi Framework. The Divi Library Layout Packs contain readymade layouts. The user can create the content without the complexity of code.  The entire team work of the developer, the designer, and the user, creates the Divi Theme. Each person uses it in their own unique way.

A user’s delight, the introduction of the Visual Builder the best way to write a blog post is to see the content as you write.

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. This is called the front end of the post. The editing section is the back end of the post. This is where you initate the post settings.

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 must be implement in the post editing section. This is the way all Themes work with WordPress.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

[et_pb_blog_extras posts_number=”3″ include_categories=”3″ blog_layout=”block_extended” excerpt_length=”100″ show_comments=”off” _builder_version=”4.4.5″ header_level=”h3″] [/et_pb_blog_extras]

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 long text, 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

[et_pb_blog_extras posts_number=”5″ include_categories=”129″ blog_layout=”full_width_background” excerpt_length=”150″ show_comments=”off” animation=”top” _builder_version=”3.0.106″ header_font_size_tablet=”51″ header_line_height_tablet=”2″ body_font_size_tablet=”51″ body_line_height_tablet=”2″ meta_font_size_tablet=”51″ meta_line_height_tablet=”2″][/et_pb_blog_extras]

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

As you can see this blog post has a different style from the regular blog layout with text and a right sidebar. There is no way I could achieve this without having to know code. This particular layout is achieved by using a plugin. The plugin I'm using is Divi Blog...

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. You must be a member of Elegant Themes to use the Divi Theme.  Download Divi From your Elegant Themes member area download the Divi Theme File...

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. You must be a member of Elegant Themes to use the Divi Theme. 

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 

[et_pb_blog_extras post_order=”ASC” include_categories=”129″ blog_layout=”box_extended” show_date=”off” show_comments=”off” _builder_version=”3.0.92″ header_font_size_tablet=”51″ header_line_height_tablet=”2″ body_font_size_tablet=”51″ body_line_height_tablet=”2″ meta_font_size_tablet=”51″ meta_line_height_tablet=”2″]
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

[/et_pb_blog_extras]

Do It Yourself With 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 you’re using WordPress for your website you will find many options available when choosing a Theme. There isn’t one theme that is better than another, all of the Themes have been designed with a topic.

The opportunity to build a website yourself with a flexible framework has only recently emerged. This may be why you might not have heard about the Divi Theme. It is the designer and the developer’s best kept secret. They don’t want you to know how they do their outstanding work. The website is a vital presence on the web. What kind of website? The answer to this question depends on what kind of website you want.

It takes a special kind of person who wants to do it themselves

There is something different about learning how to use the software from the ground up. Just like you would start with an entry level position to learn how something operates. The people who reached the top of their profession often started in the mail room of the business they wanted to operate. The knowledge base of how a website operates will set the foundation for the future of your online presence.

Is it possible to do it yourself?

Yes, it is. I say this because this is how I built all my websites, without knowing how to code. The process depends on the kind of theme used. The theme is the Divi Theme produced by Elegant Themes. At first glance the websites built by this theme looks simple and easy. This is not true. A website crafted for a specific purpose requires a team of designers and developers to build out a website.

You might be asking why then would you want to do it yourself? The end result of the Divi Theme is a theme operating system, a framework, and this lets you build the site yourself. You’re using the Divi Framework with all the built in features. Everything you need is contained within the theme, the tutorials and short videos will take you inside the Divi Theme and show you how it works.

As someone who is a DIY (do it yourself) person, I found the Divi Theme an exciting challenge. The presentation of the modules and how they work makes sense. Divi was designed by a designer, someone who uses the theme each day and  knows how repetitive some tasks can be when you’re working on a website. A website is something you can’t set it and leace it.  Technology changes rapidly and a website needs maintenance.

The maintenance you want is a one click update for the Divi theme and WordPress core software. All these things are possible if you know how to do it yourself, and most important, you want to do it yourself.

Why does the Divi Framework work so well?

Because it’s designed by people who undertand how the software works and want to pass on this understanding to the unique experience of having a publishing a platformm, a website. A website is a relatively new tool we have come to know and use. We’re having to catch up with technology because it moves faster than human nature.

The Do It Yourself With Divi Series is to help you achieve what you want, a website. No bells and whistles or complex design. Just the plain and simple. The thing does what was intended for it to do, and does not over extended itself into a technical entanglement which takes too much money to untangle.

When it’s that simple no one believes it’s possible

This only means that someone has explained the complex with simplicity. Breaking down the components gives you the control, not someone else. It’s a problem to have to upgrade or pay someone to change something in your website.

Integrated Learning While You Work in Divi

Unheard of. Impossible. It’s never been done. Now it has. As you use the modules you’ll find a technology partner right next to you in the instructional video. There is a human being behind the creation of any software you might use, even though we are now introduced to artificial intelligence as an “assistant.”

The reality of this is, there will never be an end to the need of one human being helping another. No matter how sophisticated artificual intelligence becomes, it cannot replace human interaction.

The DIY instruction, the video tutorial is going to be made by a human with a presonality, otherwise we will loose interest. You can already listen to an electronic voice instructional video on YouTube. I’ve fallen asleep during those kinds of videos and don’t waste time watching them.

The DIY series of articles and tutorials are done by a human being, yours truly.

 

How to Use Divi for Blog Posts

As you can see this blog post has a different style from the regular blog layout with text and a right sidebar. There is no way I could achieve this without having to know code. This particular layout is achieved by using a plugin. The plugin I'm using is Divi Blog...

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. You must be a member of Elegant Themes to use the Divi Theme.  Download Divi From your Elegant Themes member area download the Divi Theme File...

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...