Divi 4.0

Divi 4.0 & its Theme Builder: the revolution continues!

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

1,397 words


The Theme Builder feature has arrived in Divi 4.0, this Thursday, October 17, 2019. This feature was highly requested by all site builders, for quite some time!

The all-new Divi 4. 0 goes beyond the Page Builder and finally manages the Theme Builder.

Find out quickly how the Divi Theme Builder works.

And that changes everything!

Announcement: this article contains affiliate links that you will easily recognise. The classic links are in purple and sponsored links are in pink.

1 - What is Divi 4.0?

Divi is a premium WordPress theme popular with web agencies and freelancers.

Its latest version - version 4.0.x - has just been released (17 October 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 watch Nick Roach's presentation:

2 - Divi 4.0: a real revolution?

Divi 4.0 is, indeed, great news for the WordPress community and Divi who couldn't wait, knowing thatElementor Pro already offered Theme Builder functionality.

Elegantthemes knew that without this feature, they would gradually lose users.

They've taken their time, it's true, but honestly Divi 4.0 is the "final bouquet" of features that have been built into Divi and the Divi Builder over the last several months/years.

The beginnings of this revolution began with the release of Divi 3.0 in September 2016 (I wrote a review on this subjectat the time) and the integration of the Visual Builder. Note that before this date, you could not build our pages only from the back office.

Since then, there has been a steady stream of updates, each time bringing new features:

  • January 2018: library of downloadable layouts 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 conversion options allow the design to be manipulated without any constraints.
  • April 2019: management of sizes and spacing on the fly (click and drag / draggable).
  • June 2019: Major upgrade of the Divi performance.
  • September 2019: the functionality of WooCommerce Builder is integrated into the Divi Builder and allows you to build your product sheets from scratch.
  • October 2019: Divi 4. 0 arrives with Theme Builder functionality!

Beyond these main updates, I have deliberately not mentioned all the others, which were intended to add lots and lots of new little options right and left or minor corrections. I invite you to see a list of all the latest updates here.

With this new update, Divi 4.0 adds Theme Builder functionality! This means that Divi and its Visual Builder are officially the most comprehensive tools on the market for creating beautiful, highly customised WordPress websites that even novices can use.

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

While it is true that the term Page Builder is often used, the term Theme Builder is less well known. Only seasoned WordPress users use this term.

Page builders revolutionised WordPress publishing at the time, as they FINALLY allowed you to build the layout of a content (page or article) as you wished.

With popular tools such as Wix starting to take over a large part of the market and WordPress users becoming more and more demanding, it was necessary to adapt and evolve further:

"We want to be able to edit more than pages or articles with a page builder! And make it jump!"

Well, it didn't go that far, but this functionality became vital for professional web designers who have to bend to the will of their clients and deliver "pixel-perfect" sites.

The Theme Builder 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 how a Page Builder works within a WordPress theme.

Page Builder vs. Theme Builder, what does that mean exactly? This table will be more explicit:

FeaturesPage BuilderTheme Builder
Page constructionxx
Construction of articlesxx
Construction of DTCsxx
Construction of product sheetsxx
Construction of category pagesx
Construction of label pagesx
Construction of other archive pagesx
Building the blog pagex
Building the 404 pagex
Custom template constructionx
Construction of the headerx
Construction of the footerx

So you see, 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 customise the headerYou can also use the footer, product templates, page templates, article templates, category templates and more.

The best part is that you can do this live, with the Visual Builder, and even issue conditional logic as needed.

4 - The official release of Divi 4.0

The arrival of the Theme Builder in Divi 4. 0 was announced 17 May 2018, on the Elegantthemes blogAs you can see in this video:

At the time, the post and the YouTube video were met with a flurry of comments: users wanted to know the date!

Now Divi 4.0 is here!

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

Read also: how to import/export a theme template via the Divi Theme Builder?

5 - The future of web creation: what's next?

Given the good news that all areas of a website can be edited using Divi 4.0, one wonders what the future of website editing/creation will be?

What else can WordPress theme designers invent to push the boundaries of code?

My son is almost 8, and I'm pretty sure that 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 suggesting is that everything is within the reach of the most novice and the most experienced ...

But what is certain today is that Divi 4.0 and its Theme Builder makes it possible to create visually (in WYSIWYG) what previously had to be coded manually.

So... what's the next step?

What if Riad Benguella 's "dream" became reality?

Riad Benguella is the Lead Developer of Project Gutenberg for Automattic, the company that powers WordPress.

Well, Riad shared a "dream" with us during his talk 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, one day perhaps, WordPress page templating could be replaced by block templating. This would allow users to edit an entire site, including the header, footer, sidebar etc. in the manner of a Theme Builder, after all.

Theme designers would then have the choice to implement this new approach within their themes.

It is a bit vague and distant, of course.

And I certainly explain it less well than Riad. That's why I invite you to watch 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 the ElegantThemes blog which is full of ideas and tutorials!

Le Theme Builderarrive dans Divi 4.0
Constructeur de Thème Divi
obtenir divi bouton
quizz divi bouton
newsletter bouton
formation divi bouton
guide divi pdf bouton
bouton support divi

You might like it too:

Utilisez les couleurs globales de Divi pour plus de productivité !

Use Divi's global colours for more productivity!

🚀 Do you create your clients' websites with WordPress and Divi and are looking for productivity?
🥳 Perfect, I explain how to use Divi's global colours to avoid wasting time with multiple actions when you want to change a colour on your entire site...

10 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 …


  9. DannyQ7

    i got divi and it’s great

Soumettre un commentaire

Votre adresse e-mail 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.