Divi 4.0 & its Theme Builder: the revolution continues!

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

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

The brand new Divi 4. 0 allows you to go beyond page building (Page Builder), it finally manages theme building (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 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 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, 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 took 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 for several months/years.

The beginnings of this revolution had started 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, 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: version 3.1 of Divi includes an API for developers.
  • July 2018: the Divi Builder allows to 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 you to manipulate the design without any constraints.
  • April 2019: manage sizes and spacing on the fly (click-and-drag / draggable).
  • June 2019: big update to improve the Divi performance.
  • September 2019: the functionality of WooCommerce Builder is integrated with the Divi Builder and allows you to build your product sheets from scratch.
  • October 2019: Divi 4. 0 is coming with Theme Builder functionality!

Beyond these main updates, I deliberately did not mention all the others that were meant to add lots and lots of new little options right and left or minor fixes. I invite you to discover the list of all the latest updates here.

With this new update, Divi 4.0 now includes Theme Builder functionality! This means that Divi and its Visual Builder officially become the most complete tools on the market for creating beautiful, ultra-customized WordPress sites that are accessible to even 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's true that the term Page Builder is often used, but the term Theme Builder is less well known. Only seasoned WordPress users use this term.

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

With popular tools like Wix starting to take over a good 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 feature became vital for web design pros 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
Label page constructionx
Construction of other archive pagesx
Building the blog pagex
Building the 404 pagex
Custom template buildingx
Construction of the headerx
Building 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 customize 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 May 17, 2018, on the Elegantthemes blogas you can see in this video:

At the time, the post and the YouTube video received a lot of comments: 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 read: 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 with Divi 4.0, one wonders what the future of website editing/creation will be?

What else can WordPress theme designers come up with to push the boundaries of code?

My son is almost 8, and I'm pretty sure if I show him how WordPress/Divi workshe would be able to use it on his own.

That would be a good experiment for a future article, wouldn't it?

In fact, what I'm implying 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 you used to have to code 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 creators would then have the choice to implement this new way of working within their themes.

It's a little vague and distant, certainly.

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
theme builder feature

1,397 words

6

You should 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 …

    Jean-Luc

  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 *

Je souhaite recevoir les news du blog Astuces Divi !

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

Shares
Share This