Pour Divi et WordPress, fin 2018, début 2019, c’est la saison des mises à jour et des changements.
En effet, l’arrivée de WordPress 5 a introduit un nouveau système de publication, nommé Gutenberg, un éditeur qui fonctionne avec des blocs.
Les éditeurs de logiciels tiers qui se greffent sur WordPress, tels que les plugins et les thèmes, ont du s’adapter à cette nouvelle version de WordPress.
Elegant Themes, la société qui édite Divi, en a profité pour sortir une nouvelle version de son éditeur visuel.
Cela fait beaucoup de changements en même temps, et nous allons voir comment s’y adapter, ou comment les éviter.
L’importance d’installer la dernière version de Divi lors de la mise à niveau vers WordPress 5
Les dernières versions de Divi sont compatibles avec WordPress 5. Assurez-vous de bien mettre à jour Divi également. Les nouvelles versions de Divi résolvent de nombreux problèmes de compatibilité avec le nouvel éditeur de blocs Gutenberg.
Si vous gardez une ancienne version de Divi, vous rencontrerez des problèmes pour utiliser l’éditeur visuel et pour accéder à d’autres pages relatives à Divi.
De manière générale, sauf exception planifiée dans votre stratégie de mises à jour logicielles pour votre site WordPress, tous les composants doivent être régulièrement mis à jour.
Vous souhaitez confier cette tâche à des spécialistes ?
Voir nos plans d’accompagnement site Web
Divi, Gutenberg, WordPress : le fonctionnement par défaut
Une fois votre site à jour avec WordPress 5 et Divi 3.18+ / 3.19+, voici ce que vous obtenez lorsque vous créez une nouvelle page : un pop-up qui vous demande de choisir entre utiliser Divi (Use Divi Builder), ou l’éditeur WordPress par défaut (Utiliser la mise en forme par défaut).
En cliquant sur « Utiliser la mise en forme par défaut », vous arriverez sur l’éditeur en blocs Gutenberg.
En cliquant sur « Use Divi Builder », après un petit temps de chargement, vous arriverez sur le front end (partie « publique du site », à l’opposé du backoffice), sur le choix « Build from scratch, Use existing content, Choose a premade layout, Clone existing page« .
En cliquant sur « Build from scratch », vous vous trouverez dans l’édition habituelle de Divi :
Désactiver Gutenberg dans WordPress pour simplifier la gestion d’un site
Pour résumer, il y a deux nouvelles choses, changements importants pour la gestion d’un site Web :
- Le nouvel éditeur de blocs de WordPress, Gutenberg
- La nouvelle version de Divi, appelée simplement « La dernière expérience de l’éditeur Divi » (écrite en anglais partout : « The Latest Divi Builder Experience »)
Gutenberg fait en quelques sortes concurrence à Divi. Vous pouvez très bien choisir d’utiliser les blocs Gutenberg pour créer certaines pages de votre site, et d’utiliser Divi sur d’autres pages. Cependant, cela fait un peu doublon, et surtout : deux nouveaux apprentissages simultanés.
Quand on voit que Divi devient un métier à part entière, et qu’il faut suivre les mises à jour, nouvelles fonctionnalités, changements dans Divi, est-ce qu’on a vraiment envie d’apprendre un second système en parallèle ? Pourquoi faire simple quand on faire compliqué ?
Si vous êtes dans l’apprentissage de Divi, je vous conseille de désactiver Gutenberg. Cela vous permettra de vous concentrer sur Divi pour les mises en page, et sur votre contenu pour les publications.
Il y a plusieurs manières de désactiver Gutenberg dans WordPress :
- Installer et activer le plugin Classic Editor
- Utiliser la fonctionnalité native dans la nouvelle version de Divi, qui aura le même effet, d’activer l’éditeur classique de WordPress, sans avoir besoin d’installer de plugin supplémentaire
Le Classic Editor
Rarement un plugin WordPress n’a eu autant d’avis positifs :
- 493 avis positifs *****
- 8 avis positifs ****
- 2 avis neutres ***
- 0 avis plutôt négatifs **
- 5 avis négatifs *
Ce plugin va tout simplement désactiver Gutenberg, et réactiver l’éditeur classique de WordPress, l’éditeur traditionnel style « Word ».
Le support de cette extension « Classic Editor » sera assuré par WordPress jusqu’en 2021, pour laisser aux gens le choix du moment où ils activeront Gutenberg et faire une transition douce.
Il est utile de l’installer sur des sites qui n’utilisent pas Divi, et sur lesquels on ne veut pas installer l’éditeur en blocs Gutenberg.
Toutefois, Divi a prévu le coup : ils se sont doutés que les gens qui utilisent Divi n’étaient pas prêts à utiliser conjointement un autre éditeur, et a donc programmé une option, directement dans Divi, qui désactive Gutenberg.
Il n’est donc pas utile d’installer le plugin Classic Editor si vous avez Divi.
En effet, en vous rendant dans le menu Divi > Options du thème, onglet Créateur, sous-onglet Avancé, vous verrez une case à cocher nommée « Enable Classic Editor » (activer l’éditeur classique). Cela revient à désactiver Gutenberg.
Voici à quoi ressemble l’édition d’une page (sans Divi), avec Gutenberg, avant l’activation de l’éditeur classique :
Une fois « Enable Classic Editor » coché :
Voici l’édition d’une page (sans Divi) :
Ouf ! On retrouve ce qu’on connaissait.
Une fois ce « Classic Editor » activé, on se retrouve dans la situation connue, avec deux choix simples :
- Utiliser Divi pour la mise en page d’une page
- Ne pas utiliser Divi pour la mise en page d’une page, et avoir l’éditeur classique style « Word ». Bye bye Gutenberg !
Bye Bye Gutenberg ?
En général, il est préférable d’embrasser le changement. Il y a cette nouvelle version de l’éditeur WordPress, Gutenberg, et à moins qu’il n’y ait un retour arrière de la part de WordPress, Gutenberg est là pour rester, il faudra probablement un jour ou l’autre l’utiliser et s’y habituer.
En attendant, Gutenberg a reçu un accueil très négatif, et il y a une nouvelle version de Divi à apprivoiser : lorsqu’on gère un site Web, on veut travailler son SEO pour attirer des visiteur, écrire et publier pour informer ou partager, trouver des prospects, changer le monde … pas augmenter inutilement le temps passé à l’apprentissage des outils.
Nous allons donc mettre Gutenberg de côté, maintenant qu’il est désactivé, et nous concentrer sur la nouvelle version de Divi.
The Latest Divi Builder Experience
Lorsqu’on active Divi dans le backoffice en cliquant sur « Utiliser le générateur Divi » :
On obtient la vue abstraite habituelle de Divi :
Et on remarque qu’il y a un message en-dessous :
« A New And Improved Divi Builder Experience is Available ! Switch To The New Divi Builder »
Cliquer sur « Switch To The New Divi Builder » va automatiquement aller cocher la case « Enable The Latest Divi Builder Experience » qu’on trouve dans le menu Divi > Options du thème, onglet Créateur, sous-onglet Avancé :
Et cela active la nouvelle version de Divi :
Vidéo de présentation des nouveautés Divi
Les articles, tutoriels, formations de netologiste.com utiliseront dorénavant la dernière version de Divi.
Is gutenberg the future for wordpress?
It seems it will replace the old classic editor for good. But it will not replace other page builders for now as they are far more advanced than Gutenberg.