Divi, Gutenberg, WordPress 5, nouvelles versions 2019 : le guide pour s’y retrouver

par Jean - netologiste.com | Mis à jour le 12 Nov 2023 | Divi | 2 commentaires

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).

Gutenberg ou Divi lors de la création d'une page WordPress

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 :

Insérer une rangée dans 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 :

  1. Le nouvel éditeur de blocs de WordPress, Gutenberg
  2. 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 :

  1. Installer et activer le plugin Classic Editor
  2. 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 *
Capture d'écran de l'extension Classic Editor de WordPress
Capture d’écran de l’extension « Classic Editor » de WordPress

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.

Options du thème Divi : Enable Classic Editor

Voici à quoi ressemble l’édition d’une page (sans Divi), avec Gutenberg, avant l’activation de l’éditeur classique :

Introduction à Gutenberg

Une fois « Enable Classic Editor » coché :

Enable classic editor

Voici l’édition d’une page (sans Divi) :

Edition d'une page classique WordPress

Ouf ! On retrouve ce qu’on connaissait.

Une fois ce « Classic Editor » activé, on se retrouve dans la situation connue, avec deux choix simples :

  1. Utiliser Divi pour la mise en page d’une page
  2. 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 » :

Utiliser le générateur Divi

On obtient la vue abstraite habituelle de Divi :

Divi en backoffice

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é :

Enable The Latest Divi Builder Experience

Et cela active la nouvelle version de Divi :

Dernière version Divi expliquée

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.

2 Commentaires

    • Jean - Formation Divi 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.

      Réponse

Soumettre un commentaire

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

Besoin d’aide personnalisée ?

Recevez de l’aide directement sur votre site : lors d’un appel Zoom avec partage d’écran, je travaillerais avec vous sur votre site.

Pratiquez à votre rythme avec les formations en ligne

Formation WordPress

Apprendre WordPress

Comprenez WordPress de A à Z : formation complète en vidéo pour tout apprendre de WordPress.

Formation Découvrir Divi

Découvrir Divi

Créez votre site Web sans faire de code grâce au constructeur visuel Divi.

Formation Mieux utiliser Divi

Mieux utiliser Divi

Mon expérience après avoir aidé des dizaines d'entreprises à améliorer leur site Web Divi.

Formation Hébergement

Guide hébergement

Un hébergement Web avec votre installation de WordPress dès aujourd’hui.

Formation Divi Intégration Web

Divi intégration Web

Création d'une page Web complexe à partir d'une maquette graphique.

Obtenez ma formation Divi gratuitement

Recevez ma formation Divi gratuite avec des astuces pour vous simplifier le quotidien.

Vous allez recevoir un email à l'adresse que vous avez indiqué.