Gutenberg With Divi

With the upcoming release of WordPress 5.0, code named Gutenberg, we have been testing this update on different platforms. What is the effect of Gutenberg with Divi? The following will show some of the issues that we encountered.

Below is a typical Divi Page with Stylized Sections, Rows and Modules.

What we did next for our test was to install the Gutenberg Classic Editor Plugin.  The Classic Editor restores the traditional WordPress editor and makes it possible to use the WordPress plugins that may have conflicts with Gutenberg. We are installing this Plugin on all sites that we Manage for our clients.

In the top Admin bar, we now see 3 options for editing the Page. Edit Page with the Pencil icon, Edit (Classic) and Enable Visual Builder. Let’s take a look at what happens with each option.


If we click on the Edit Page with the pencil icon, we get the following screen


What is all this gobbledogook? Where are my page layout sections? How can I tell what the finished Page is supposed to look like? This does not look like what I had experienced during my training! The documentation my web developer provided does not look like this! I am freaking out!

These may be some of the responses from content writers, editors and end users. Their regular process or workflow has changed. What will be the effect on their business due to this unexpected change? How do we prepare for this? Let’s click on the back button and have a look at the other options.

Now, we click on the Edit (Classic) option.


If you are a Divi user, this screen looks more familiar.

Here, we have The Divi Builder with their Sections, Rows and Modules. Clicking on the 3 line icon activates the Settings for each, along with parameters for stylizing and customizing each page element. This is what a Divi user is used to working with. Phew.

This is also the same experience you will have if you click on the Enable Visual Builder option in the top Admin bar! Hooray!


The takeaway here is to make sure that the Classic Editor Plugin is installed and Activated. From there, choose either the Edit (Classic) option or Enable Page Builder option when editing a page.

While we are fully on board with the changes that are coming with Gutenberg, we will be waiting several months or more before we begin to migrate existing sites or build new sites on this updated platform. We will continue to provided updates on Gutenberg as we continue to test and learn more about it effects.

If you have any questions as to how the WordPress 5.0 update, code-named Gutenberg will affect your website, contact our, or use our Contact Us form.