Divi + WordPress 5: how does it work in practice? As I write this, WordPress should be released tomorrow, Thursday, December 6, 2018. We should all, then, be updating our WordPress.
But this major update is aptly named: WordPress is taking a new turn! All the experience of writing and creating pages/articles will be put to the test.
It is said that it is for our own good...
In a previous article, I told you that Divi was compatible with Gutenberg. That's what Nich Roach promised us on July 31, 2018. As a reminder, here's the video:
July 31st was "yesterday", but it's been a long time in terms of technology! The new version of WordPress 5 has been updated dozens of times since this announcement...
EDIT of Thursday 6 December at 21h00
That's it, WordPress has officially been released. At the same time, ElegantTheme has released a new version of Divi: version 3.18.
My test of Divi with WordPress 5 - which was 24 hours ago - was done with version 3.17.6. Since then, the experience and cohabitation has improved!
ElegantTheme fixed some issues I mentioned below. So I just did a new test with WordPress 5 and Divi 3.18... And it works, as shown in this new video :
But that's not all! The Visual Builder is now implemented in the backoffice! A super powerful editor that switches in one click from the back to the front and vice versa! I did not make a video since the following one explains everything:
In addition, Divi has added two new options in its settings. Now, in the Divi > Theme Options > Creator > Advanced you will find this :
- option Enable The Latest Divi Builder Experience Disabling this option will load the Divi Builder legacy interface when editing a post using the classic WordPress post editor. The legacy editor lacks many features and UI improvements, but it can still be used if you have problems with the new interface. In other words, only activate this option if necessary.
- Option Enable Classic Editor Use Classic Editor instead of Gutenberg/Block Editor". This means that you no longer need to install the Classic Editor plugin. This option provides the same functionality. You just have to activate or deactivate it.
But this is just the beginning... As Nick Roach explains in his latest article from only a few hours ago (not to mention a few minutes), the Divi theme and its Divi Builder will continue to evolve in the coming months.
Oh yeah, one last thing: it is recommended to update Divi and all your plugins before upgrading your site to WordPress 5!!!
To be continued...
Announcement: this article contains affiliate links that you will easily recognize. The classic links are in purple and the sponsored links are in pink.
Gutenberg is integrated into the heart
That's the real reason for this update. This summer, when I tested Divi with Gutenberg, the latter was only a plugin. The two editors coexisted smoothly. You could create or edit an article either with Gutenberg, Divi or the classic editor. This is what I explained in my article.
Now, Gutenberg is an integral part of WordPress 5 and you no longer have the choice of how to build your page or post. That is, by default, when you add a new page, Gutenberg takes over...
Divi + WordPress 5 = build with VISUAL BUILDER only!
Since WordPress 5 is coming out tomorrow, I thought it would be nice to test Divi with WordPress 5 without installing the Classic Editor plugin (which we'll discuss later). Because until now, I onlytested Divi with Gutenberg as a plugin...
To my surprise, I noticed that the purple "Use Divi Generator" button was no longer visible from the back office.
ElegantTheme did mention that the integration was "partial" for the moment and that it would get better in the future. But I expected better. With all the delay in releasing this new version of WordPress, ElegantTheme should have anticipated more and been in the start-in-block... This is just my opinion.
In the following video, you will see how you should use Divi once you have upgraded to WordPress 5:
As you have seen in this video: at the moment, you can no longer build your pages from the back-office. You will have to :
- save your page or article under construction
- preview the article
- activate the Visual Builder to start build your layout
For now, this is the only way to get the Divi + WordPress 5 experience, even with the display options available via the little icon in the top right corner (see screenshot below)
Classic Editor: quiet until 2021?
Earlier, I was telling you about the Classic Editor plugin. This one gives us a choice. Let's just say it gives us some breathing room until 2021... After that date, it will no longer be officially maintained.
In the meantime, with this plugin, you can choose to create or edit a page with the old editor, with the Divi Builder (in back office), with the Visual Builder or with Gutenberg. It's nice to have the choice, isn't it?
If you install and activate the Classic Editor plugin, you will be back to the old WordPress editor by default. In this case, you will easily find the purple button that allows you to build your pages from the back office.
Here is the demo video:
As this video shows, once you activate the Classic Editor plugin, you'll be back to the old way of working in WordPress.
Can I create some pages with Divi and others with Gutenberg?
The answer is yes, both coexist in parallel. Let's say it's either one or the other (this question is often asked by my students).
If you do not have Classic Editor installed, you will only be able to use the Visual Builder. If you do have the plugin installed, you will have all the choices available to you.
To get the various choices, you will still need to activate a small option found in the Settings > Writing.
For the option Classic Editor Settingsthen choose Use the new default editor and include optional links to the classic editor.
So you can choose to add a new page with the classic editor or with Gutenberg by default. This video shows you how to do it:
So, are you ready for the upgrade?
These small explanations may seem trivial if you are an experienced WordPress user. However, if you're a beginner, I hope I've helped you to see things more clearly.
The upcoming release of WordPress 5 has been a big deal lately... I even invited some bloggers to test Gutenberg several weeks ago! I hope you won't wake up one morning and see that everything has changed...
But anyway, don't worry, by the time Classic Editor support officially ends in 3 years, ElegantTheme will have made hundreds of updates and will have perfectly integrated the Divi Builder in the back office...