Divi 4.0 & its Theme Builder: the revolution continues!

Updated on 23/10/2019 | Published on 24/09/2019 | 9 comments

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 functionsPage BuilderTheme Builder
Page constructionxx
Construction of the articlesxx
Construction of DTCsxx
Construction of product sheetsxx
Building category pagesx
Construction of label pagesx
Building other archive pagesx
Building the blog pagex
Construction of page 404x
Custom template constructionx
Building the headerx
Footer constructionx

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!

sortie officielle Divi 4.0

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!

Le Theme Builderarrive dans Divi 4.0
Constructeur de Thème Divi
theme builder feature

1,397 words


You should like it too:

Formation Divi PDF : un guide pas à pas

Divi PDF training: a step-by-step guide

What better than a Divi PDF training to master this WordPress Theme, its Visual Builder and its Theme Builder? It's as if a trainer invited himself in your home... Discover its content!

9 Commentaires

  1. Pinosa

    Bonjour Lycia,

    Serait-ce noêl avant noêl ?

    Toutes ces heures à personnaliser les pages catégories, archives, tag via les CSS, à adapter à la main le header de DIVI pour coller à une demande simple et légitime du client …
    J’hésitais à me mettre plus sérieusement à Elementor afin de palier au cas par cas a certaines lacunes de DIVI. Me disant qu’en maîtrisant les 2 builders je pourrais répondre à (presque) tous les cas de figure.

    Si cette info se confirme, j’imagine déjà toutes les nouvelles possibilités en terme de créa ! et tout le temps gagné !

    I can’t wait !

  2. Lycia Diaz

    Salut Michel ! Plus que 3 semaines à attendre 😉 !

  3. Moa

    Bonjour Lycia,

    De nouvelles perspectives et surtout des gains de productivités dans le développement des sites.
    Espérons que le theme builder ne viendra pas alourdir davantage le thème.

    Merci encore pour cet article très intéressant.

  4. Lycia Diaz

    Merci Moa. J’espère aussi… Plus que deux jours à attendre.

  5. SCHMITT Jean-Luc

    Bonjour Lycia, J’espère que tout va bien pour vous avec cette crise sanitaire…

    Je suis entrain de faire les mises à jour de plusieurs site : et je rencontre un problème jamais eu !

    Quand j’active le Visual Builder sous divi le premier module de la page n’est plus atteignable …

    Une Idée peut être

    Merci et bonne journée

  6. SCHMITT Jean-Luc

    Bonjour, Lycia

    Grand merci pour ton retour :
    Oui effectivement en mode filaire ça marche et son mon Pc portable aussi …

    Mais sur le fixe je ne peux plus atteindre la section du Header et cela sur tout mes sites

    Peut être un problème sur mon pc … Tu en pense quoi ?

    Merci Jean-Luc

  7. Lycia Diaz

    C’est bizarre. Tu utilises quoi comme navigateur ? Ça pourrait peut-être venir de là ?

  8. SCHMITT Jean-Luc

    Hello je suis sur Google Chrome normalement pas de souci ! ! ! Apres le confinement je vais faire un nettoyage complet du PC je te tiendrai au courant .

    Merci pour ta réponse ..
    A bientôt et porte toi bien …


Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pin It on Pinterest

Share This