Theme Builder's functionality has arrived in Divi version 4.0, this Thursday, October 17, 2019. This feature was very much in demand by all site creators, for quite some time!
The brand new Divi 4.0 allows you to go beyond the construction of pages (Page Builder), it finally manages the construction of the theme (Theme Builder).
Quickly discover how the Divi Theme Builder works.
And that changes everything!
Advertisement: This article contains affiliate links that you will easily recognize. The classic links are in purple and sponsored links are in pink.
1 - What is Divi 4.0?
Divi is a premium WordPress theme that is very popular with web agencies and freelancers.
Its latest version - version 4.0.x - has just been released (October 17, 2019) and comes with a real possibility of visual and complete editing of a site from its header to its footer, in short in its entirety!
But as a video is better than words, I suggest you discover Nick Roach's presentation:
2 - Divi 4.0: a real revolution?
Divi 4.0 is, in fact, great news for the WordPress and Divi community, which could no longer wait, knowing that Elementor Pro already offered Theme Builder's functionality.
Elegantthemes knew that without this feature, they would gradually lose users.
They took their time, that's true, but honestly Divi 4.0 is the "final bouquet" of features that have been integrated into Divi and Divi Builder for several months/years.
The first steps of this revolution, precisely, had begun with the release of Divi 3.0 in September 2016 (I had written a review on this subjectat the time) and the integration of the Visual Builder. Note that before this date, we could not build our pages only from the back office.
Since then, it has been a shower of regular updates that bring, each time, its share of new features:
- January 2018 : downloadable Layouts library directly from the Divi Builder.
- April 2018: Divi version 3.1 includes an API for developers.
- July 2018: the Divi Builder can be used on Custom Post Type.
- August 2018: new column management within the Divi Builder.
- October 2018: the management of the dynamic content becomes available.
- December 2018 : Divi officially becomes compatible with Gutenberg (WordPress 5.0.x).
- March 2019: new news transformation options allow you to manipulate the design without any constraints.
- April 2019: management of sizes and spacing on the fly (click-drag / draggable).
- June 2019: major update on the improvement of the Divi performance.
- September 2019: the functionality of WooCommerce Builder is integrated into the Divi Builder and allows the complete construction of the product sheets.
- October 2019 : Divi 4.0 comes with the Theme Builder feature!
Beyond these main updates, I did not deliberately mention all the others that were intended to add lots and lots of new small options on the right and left or minor corrections. I invite you to discover the list of all the latest updates here.
With this new update, Divi 4.0 includes Theme Builder ! This means that Divi and its Visual Builder are officially becoming the most complete tools on the market to create superb, ultra-customized WordPress sites that are accessible even to the most novice users.
Did you know that you can test Divi for free? Go to this page and click on "TRY IT FOR FREE"
3 - Theme Builder vs Page Builder
It is true that we often talk about Page Builder (or page builder), the term Theme Builder, on the other hand, is less well known. Only experienced WordPress users use this term.
Builder pages had revolutionized WordPress publishing at the time, because they finally allowed you to build the layout of a content (page or article) as you wanted.
With popular tools like Wix that have started to nibble at a good part of the market and WordPress users becoming more and more demanding, it was necessary to adapt and evolve:
"We want to be able to edit more than just pages or articles with a builder page! And let's move it! »
Well, it didn't go that far, but this functionality was becoming vital for site creation professionals who had to comply with their customers' wishes and deliver sites "to the pixel".
The Theme Builder then allows you to build your site beyond the content of the page, beyond the "main content", as explained in this article which reviews the fundamentals of the how a Page Builder works within a WordPress theme.
Page Builder vs Theme Builder, what exactly does that mean? This table will be more explicit:
|Features and functions||Page Builder||Theme Builder|
|Construction of the articles||x||x|
|Construction of DTCs||x||x|
|Construction of product sheets||x||x|
|Building category pages||x|
|Construction of label pages||x|
|Building other archive pages||x|
|Building the blog page||x|
|Construction of page 404||x|
|Custom template construction||x|
|Building the header||x|
So you've understood it, with Divi 4.0 and its Theme Builder, you can now build unique sites using the builder, its many modules and lots of new options.
No need to know how to code or use third-party premium plugins to customize the headerthe footer, product models, pages, articles, categories and more.
Best of all, you can do this live, with the Visual Builder and even issue conditional logic according to your needs.
4 - The official release of Divi 4.0
The arrival of the Theme Builder in Divi 4.0 had been announced May 17, 2018, on Elegantthemes' blogas you can see in this video:
At the time, a shower of comments had swept through the post and the YouTube video: users wanted to know the date!
Now Divi 4.0 is here!
It will still have been 17 months between the first announcement and the official release!
Let's note that it's a big job for the developers of Elegant Themes and that it can't be that easy...
Also to be read: how to import/export a theme template via the Divi Theme Builder?
5 - The future of web design: what's next?
Considering the great news that it is possible to edit all the areas of a website using Divi 4.0, we can ask ourselves what the future of website editing/creation will be like?
What else can WordPress theme creators invent to push the boundaries of code?
My son is almost 8 years old, and I'm pretty sure if I show him how WordPress/Divi workshe would be able to use it on his own.
It would be a good experience for a future article, wouldn't it?
In fact, what I am implying is that everything is within the reach of the most novice as well as the most experienced...
But what is certain today is that Divi 4.0 and its Builder Theme allows you to create visually (in WYSIWYG) what you used to have to code manually.
So... what's the next step?
What if Riad Benguella's "dream" becomes reality?
Riad Benguella is the Lead Developer of the Gutenberg project for Automattic, the company that powers WordPress.
Well, Riad shared a "dream" with us during his conference at WordCamp Paris 2019. He imagined what WordPress could become in 3, 4 or 5 years.
This dream is not just a theory, it could become reality!
According to Riad, perhaps one day, the templating of WordPress pages could be replaced by block templating. This would allow users to edit the entire site, including the header, footer, sidebar etc. in the same way as a Theme Builder, after all.
Theme creators would then have the choice to implement this new way of proceeding within their themes.
It's a little vague and distant, certainly.
And I certainly explain it less well than Riad. For this reason, I invite you to view his lecture below. Place the cursor at 7:01:18 to get to the heart of the matter. You'll see, it's exciting!
Need more resources on Divi? Visit ElegantThemes' blog full of ideas and tutorials!