Divi with WordPress 5

Divi + WordPress 5: What should we expect?

Updated on 01/06/24

1288 words

5 reading minutes
24 comments

This article contains affiliate links recognizable by the percentage icon (%) → I am an affiliate link

Divi + WordPress 5: How is it going in practice? As I write these lines, WordPress should come out tomorrow, Thursday, December 6, 2018. We should all, then, update our WordPress.

Only this major update bears his name: WordPress takes a new turn! All the experience of writing and creating pages/articles will be tested.

I hear it's for our own good...

In a previous article, I told you that Divi was compatible with Gutenberg. That's what we promised Nich Roach 31 July 2018. As a reminder, here is the video:

On July 31st, it was yesterday, but it's been a "lease" in terms of technology! The new milling WordPress 5 has been updated dozens of times since this announcement...

EDIT from Thursday 6 December at 9 p.m.

Here, WordPress has officially come out. As a result, ElegantTheme released a new version of Divi: version 3.18.

My Divi test with WordPress 5 – which dates from 24 hours ago – had been made with the version 3.17.6. Since then, experience and cohabitation has improved!

ElegantTheme fixed a few problems that I mentioned below. So I just retested with WordPress 5 and Divi 3.18... And it's rolling, as this new video shows:

But that's not all! The Visual Builder is now being implemented in the backoffice!!! A super powerful editor who switches in one click from back to front and vice versa! I didn't make a video since the following explains everything:

In addition, Divi added two new options in its settings. Now in the tab Divi > Theme Options > Creator > Advanced You will find this:

image
  1. Option Enable The Latest Divi Builder Experience : "the deactivation of this option will load the interface inherited from the Divi Builder when modifying a publication using the classic WordPress publication editor. The inherited editor lacks many features and improvements of the interface, but it can still be used if you encounter problems with the new interface ». In other words, only activate this option if necessary.
  2. 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 emits the same functionality. You just have to turn it on or off.

But this is just the beginning... As explained Nick Roach in his last article from only a few hours ago (not to say a few minutes), the theme Divi and its Divi Builder will continue to evolve in the coming months.

Ah yes, last thing: it is recommended to update Divi and all your plugins before updating your site to WordPress 5 !!!

Case to follow...

Gutenberg integrates into the heart

That is the real reason for this update. This summer, when I tested Divi with Gutenberg, the latter was just a plugin. The two publishers lived together in complete serenity. An article could be created or edited either with Gutenberg or with Divi or with the classical editor. That's what I explained in my article.

Now, Gutenberg is part of WordPress 5 and you no longer have the choice of construction type on your page or item. That is, by default, when you add a new page, Gutenberg takes the hand...

Divi + WordPress 5 = construction with VISUAL BUILDER only!

Since WordPress 5 comes out tomorrow, I thought it would still be good to test Divi with WordPress 5 without installing the plugin Classic Editor (to be discussed later). Because until now, I've never tested Divi que with Gutenberg as a plugin


To my surprise, I realized that the purple button "use Divi generator" was no longer visible from the back office.

ElegantTheme had mentioned that integration was for the moment "partial" and that it would improve in the future. But I expected better. With all the delay that took the release of this new version of WordPress, ElegantTheme should have anticipated more and been in the start-in-block... It's just my opinion.

In the next video, you will see how you should use Divi when you have done the update to WordPress 5:

As you could see in this video: you can no longer build your pages from back-office. You will then have to:

  1. save your page or article under construction
  2. preview article
  3. activate the Visual Builder to start build your layout

For now, this is the only way to this experience Divi + WordPress 5. And this, even by activating the display options available via the small icon at the top right (see capture below)

option Divi WordPress 5

Classic Editor: quiet until 2021?

I was just talking about Classic Editor plugin. This allows us to have a choice. Let's say he's giving us a little respite until 2021... After that date, it will no longer be officially maintained.

In the meantime, thanks to this plugin, you can choose to create or edit a page with former editorwith the Divi Builder (back office), with the Visual Builder or with Gutenberg. It's good to have a choice, right?

If you install and activate the plugin Classic Editor, you will find by default Former WordPress Editor. In this case, you will easily find the purple button that will allow you to build your pages from the back office.

Here's the demo video:

As this video shows, once you activate the plugin Classic Editor, you will find the old functioning WordPress.

Can we create some pages with Divi and others with Gutenberg?

The answer is yes, both live in parallel. Let's say it's either one or the other (This question is often asked by my students).

If you haven't installed Classic Editoryou will not be able to use as the Visual Builder. If on the other hand you have installed the plugin, you will have all the choices available to you.

To get the various choices, you still need to activate a small option that is in the tab Setting > Writing.

For option Classic editor settings, choose then 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 or default editor with Gutenberg. This video shows you this in detail:

Discover the Divi theme now!

So, ready for the update?

These little explanations may seem anodized to you if you are a confirmed WordPress user. However, if you're a beginner, I hope I've helped you see more clearly.

The future exit of WordPress 5 It's been a lot of noise lately. I had even invited bloggers and 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, here at the official end of the support of Classic Editor, in 3 years, ElegantTheme will have made a good hundred updates and will have perfectly integrated the Divi Builder into the back office...

How to use Divi with WordPress 5?

Divi training via CPF

Get Divi

Divi training

Ebook Divi PDF

Free tips

Divi Quiz

Live coaching

icon 256x256

Discover wpLingua, my WordPress extension to translate your sites Hey! Also available from the Extensions > Add Backoffice tab.

Your comments...

24 Commentaires

  1. Laure

    Merci Lyci@ pour cet article particuliĂšrement important ! Dommage, en effet qu’Elegant Themes n’est pas un peu mieux anticipĂ© l’arrivĂ©e de WordPress 5 (avec Gutemberg) mais comme tu le dis trĂšs bien, ils vont certainement vite nous proposer des mises Ă  jour compatibles.

  2. Lycia Diaz

    Oui Laure, je n’en doute pas ! Ils ont 3 ans pour se mettre dans les clous… On a le temps 😉

  3. Michel Pinosa

    Merci Lycia,
    VoilĂ  qui vas nous Ă©pargner quelques palpitations cardiaques!
    L’Ă©quipe de Elegant Themes Ă©tant particuliĂšrement rĂ©active je ne m’inquiĂšte pas trop, Une mise Ă  jour de DIVI devrait sortir rapidement, et en attendant nous profitons de ton expĂ©rience pour palier au problĂšme 😉
    Je suis plus inquiets du cÎté de mes anciens sites tournant sur des templates gratuits avec des extensions qui ne sont plus vraiment maintenues.
    Dans ma grande parano (lĂ©gitime), j’ai tout simplement fait des sauvegardes complĂštes et bloquĂ© les mises Ă  jour automatiques sur ces sites Ă  risque via le fichier wp-config.php. Ce qui me laissera le temps de les tester et les adapter un Ă  un…
    Un week-end laborieux en perspective !

    Merci encore

  4. Lycia Diaz

    Oui Michel ! Comme toi, c’est pas vraiment Divi qui m’inquiĂšte…

  5. Jean Mugula

    Je trouve la nouvelle version de WordPress trĂšs cool avec c2 nouveau Ă©diteur

  6. Lycia Diaz

    Oui c’est pas mal !

  7. Killian

    Bonjour,
    Vous vous ĂȘtes un peu plantĂ© dans les numĂ©ros de versions je pense (vous indiquez des versions 3.17 et 3.18).
    La derniĂšre version tĂ©lĂ©chargeable est la 2.18.2 comme l’indique le changelog.txt quand on charge le zip ce jour :
    « version 2.18.2 ( updated 12-07-2018 )
    – Fixed compatibility issue with older versions of WordPress.
    * includes/builder/functions.php »
    C’est dommage car vous pourriez induire d’autres lecteurs en erreur ou dans le doute comme vous m’avez mis un instant… 😉
    Merci pour vos publications,
    Killian

  8. Lycia Diaz

    Bonjour Killian, non il n’y a aucune erreur. Je parle bien de la version 3.18 mais c’est celle du thĂšme Divi et non du Divi Builder. Il ne faut pas confondre ces deux produits bien distincts : https://astucesdivi.com/ne-pas-confondre-le-theme-divi-et-le-divi-builder/ … la version 2.18.2 dont vous parlez est certainement celle du plugin Divi et non du thĂšme 😉

  9. GOUJON

    j’ai un article de plusieurs milliers de mots qui vient de disparaĂźtre avec cette mise Ă  jour. j’attends d’ailleurs la rĂ©ponse du DAV elegant themes.

    Mais j’Ă©cris plutĂŽt ce commentaire car je trouve que DIVI perd de sa pertinence face Ă  WordPress 5.

    les manipulations nĂ©cessaires Ă  garder l’ancien systĂšme (back office) viable me dĂ©range. J’opte souvent pour l’utilisation la plus simple et le fait que l’on me contraigne de cette maniĂšre n’arrange pas mon expĂ©rience utilisateur;

    Comme dit trĂšs justement dans l’article Elegant themes aurait dĂ» mieux s’adapter.
    Pour moi la sanction est nette je ne renouvellerai pas mon abonnement DIVI.

  10. Lycia Diaz

    Salut ! Comment un article peut disparaitre puisqu’il s’enregistre en base de donnĂ©es ?
    Toutefois, le builder en backoffice, bien que mis Ă  mal, est tout de mĂȘme conservĂ©, pour l’instant.
    Avez-vous regardĂ© la vidĂ©o de Nick, celle que j’ai ajoutĂ© dans mon Ă©dit du 7 dĂ©cembre ? Celle-ci montre comment continuer Ă  utiliser le Divi Builder en backoffice.
    Je suis moi-mĂȘme pas trop fan de la version visuelle, pourtant, on doit avouer qu’elle fourni une expĂ©rience utilisateur hors du commun, loin de tous les autres constructeurs comme Elementor par exemple.
    À chacune de mes formations WordPress, le choix des Ă©lĂšves est catĂ©gorique : ils prĂ©fĂšrent, dans 99% des cas, le Divi Builder Ă  Elementor. Et tous, prĂ©fĂšrent la version visuelle Ă  la version backoffice.
    Cela me fait penser, alors, que seul les utilisateurs avertis sont attachĂ©s au Builder en backoffice… Les novices prĂ©fĂšrent tous la version visuelle.
    Mais je suis d’accord avec vous, WordPress 5 met un gros coud de pied dans la fourmiliĂšre !

  11. PATRICK

    Merci Lycia pour cette rĂ©ponse Ă©claire. je n’explique pas ce qui s’est passĂ© … ou ce qui est en train de se passer ! ( j’utilise DIVI depuis 2 ans et sur 3 sites)

    certains de mes plugins ( comme word counts pour compter les mots par exemple ) ont faire un reset 🙁
    je suis en train de rechercher mes historique de modification mais lĂ  aussi … reset.

    Bref je cherche Ă  comprendre mais comme dit dans mon prĂ©cĂ©dent message un doute Ă©norme s’est installĂ© dans ma tĂȘte sur la pĂ©rennitĂ© de DIVI. ce n’est bien sur que mon avis (impulsif) .

  12. Lycia Diaz

    Je comprends… Ce qui est le plus inquiĂ©tant c’est que de gros plugins comme ACF ou mĂȘme WPML ont recommandĂ© Ă  leur utilisateur de ne pas mettre Ă  jour WordPress jusqu’Ă  nouvel ordre ! C’est assez inquiĂ©tant car ce ne sont pas des petits plugins peu utilisĂ©s ! Divi s’en sort pas mal finalement 😉 LOL ! Bref, on verra bien comment ça se goupille !

  13. Rodolph

    Bonjour,

    J’ai un gros soucis depuis la mise Ă  jour je ne peux plus changer les arriĂšres plans. Il m’affiche « backgroung can not be displayed ». C’est pour un site d’un client, avez-vous une solution ? sinon je vais ĂȘtre obligĂ© de passer par le code..

    Merci d’avance !

  14. Lycia Diaz

    Bonsoir Rodolph. Je n’ai pas vu encore ce genre de soucis. As-tu essayĂ© de passĂ© par le builder en back-office (la nouvelle version) ? Sinon, y’a encore la possibilitĂ© d’activer l’ancien builder, dans les options de Divi. Peut-ĂȘtre que par lĂ  tu pourras Ă©diter les BG ??? A tester…

  15. Baptiste

    Bonjour,
    J’ai des problĂšmes depuis la mise Ă  jour de WP. Dans le visual builder je n’ai plus accĂ©s au design pour modifier certain blocs.
    Et dans le back office mes pages apparaissent vides, comme si elles Ă©taient vierges.
    Une idée ? Je ne sais pas trop comment faire.

  16. Lycia Diaz

    Bonsoir Baptiste. Avez-vous tous vos thÚmes et plugins à jour ? Avez-vous installé et activé le plugin Classic Editor ?

    Sinon, peut-ĂȘtre qu’il y a un conflit avec les plugins ? Dans ce cas, vous pouvez dĂ©sactiver (dĂ©sactiver, pas supprimer) tous vos plugins, un Ă  un, et Ă  chaque fois vĂ©rifier si le bug persiste. Mais le mieux serait peut-ĂȘtre de contacter le support de Divi.
    Nota : Divi se met Ă  jour souvent en ce moment, c’est pour amĂ©liorer et/ou corriger des bugs. VĂ©rifiez bien que vous avez la derniĂšre version du thĂšme.

  17. bouvard

    Bonjour,

    ProblĂšme pour installer mon fichier zip Divi sur WP: lorsque je veux ajouter et mettre en ligne mon fichier zip divi sur wordpress 5, l’option « mettre en ligne » ne s’affiche pas; si je clique sur « ajouter », c’est directement un thĂšme par dĂ©faut qui s’installe et s’active.
    Pouvez vous m’Ă©clairer?? (j’ai bien Divi et non le plugin divi bulder, donc pas de confusion avec cela.)Par avance, merci.

  18. Lycia Diaz

    Salut « bouvard » !
    As-tu trouvĂ© ? Tu dois aller Ă  Apparence > ThĂšmes > Ajouter. Tout en haut de l’Ă©cran tu verras un bouton avec marquĂ© « tĂ©lĂ©verser un thĂšme ». Si tu ne le vois pas, c’est que tu as un site en WordPress.com et non WordPress.org. Dans ce cas lĂ  tu ne peux pas installer d’autres thĂšmes que ceux qui sont prĂ©sents sur la plateforme.

  19. Patrick Van Hoof

    Bonsoir,

    En attendant, ce soir c’est la merde. J’ai reçu des messages pour signaler qu’il y avait une mise Ă  jour wordpress, quand on le fait, avec ou sans la mise Ă  jour de divi en mĂȘme temps, ca se termine en erreur 500 et pas moyens de s’en sortir. Si je vire divi en ftp, l’admin du site revient mais impossible de faire une autre mise Ă  jour, ajouter un plugin etc, ca se termine avec une page qui bloque. J’ai essayĂ© de faire la mise Ă  jour manuellement de wordpress, inutile, ca plante tout autant !

    Une idée ?

  20. Lycia Diaz

    Bonsoir Patrick. Vous n’ĂȘtes pas le seul apparemment. Une amie a eu la mĂȘme chose… il s’agirait d’une histoire de version PHP. Il faut la 7.0 minimum sur votre hĂ©bergeur. Chez qui ĂȘtes-vous ? Ça pourrait venir de lĂ . Rien Ă  voir avec Divi. Vous pouvez me tenir au courant ?

  21. Youcef KĂ©baĂŻli

    Bonjour Lycia

    Merci pour ces explications trĂšs claires.

    Je viens de passer un site client en WP 5.1.1 + Classic Editor + Divi 3.21, et tout fonctionne trĂšs bien !

    J’ai juste remarquĂ© que dans RĂ©glage > Options d’Ă©criture : ils ont changĂ©, il y a maintenant deux options :

    – Choix de l’Ă©diteur par dĂ©faut
    – Autorisation de changer d’Ă©diteur pour les users

    Un petit screenshot de mon backoffice : https://cl.ly/d7777af4620d

    Pour le coté pratique, je pense continuer à utiliser le Divi builder classique pour les pages, et le nouveau Guternberg pour les articles de blog.

    MĂȘme si on est tranquille jusqu’en 2021, je me dis qu’il vaut mieux se familiariser tout de suite avec ce nouvel Ă©diteur, plutĂŽt que de le subir au dernier moment.

    Il ne faut pas oublier que Google est maintenant activement impliquĂ© dans le dĂ©veloppement de WordPress, et qu’il pousse sa vision du web et particuliĂšrement la maniĂšre de structurer le contenu.

    J’ai le sentiment que ce nouvel Ă©diteur va dans le sens de ce que Google souhaite imposer…. Ă  mĂ©diter 🙂

    Bravo pour ton site !

  22. Lycia Diaz

    Salut Youcef et merci ! Effectivement, je fais comme toi : Divi sur les pages et Gutenberg sur les articles… D’ailleurs, je t’encourage Ă  lire mon article paru ce matin : https://wpformation.com/8-raisons-desactiver-classic-editor/ qui va dans ce sens… pour l’onglet RĂ©glages, il est comme ça parce que tu as Classic Editor d’actif. Si tu le dĂ©sactives, l’onglet RĂ©glages ne fera plus apparaĂźtre ces deux options 😉 À bientĂŽt !

  23. Remi MORICHON

    Bonjour avez-vous un article concernant la barre de recherche et surtout comment faire pour que quand je tape une recherche sur mon site cela ne m’emmĂšne pas sur la page gutenberg mais plutĂŽt sur celle de divi?

    Merci

  24. Lycia Diaz

    Salut RĂ©mi, non je n’ai rien Ă  ce sujet. Mais de quoi parles-tu ? Du formulaire de recherche (la loupe) ???

Submit a comment

Your email address will not be published. Required fields are indicated with *