Divi + WordPress 5 : comment ça se passe concrètement ? À l’heure où j’écris ces lignes, WordPress devrait sortir demain, jeudi 6 décembre 2018. Nous devrions tous, alors, mettre à jour nos WordPress.

Seulement, cette mise à jour majeure porte bien son nom : WordPress prend un nouveau tournant ! Toute l’expérience de la rédaction et de la création de pages/articles va être mise à rude épreuve.

Il parait que c’est pour notre bien…

Lors d’un précédent article, je vous disais que Divi était compatible avec Gutenberg. C’est ce que nous avait promis Nich Roach le 31 juillet 2018. Pour rappel, voici la vidéo :

Le 31 juillet, c’était « hier », mais ça fait un « bail » en terme de technologie ! La nouvelle mouture de WordPress 5 a été mise à jour des dizaines de fois depuis cette annonce…

 

EDIT du jeudi 6 décembre à 21h00

Voilà, WordPress vient officiellement de sortir. Dans la foulée, ElegantTheme a sorti une nouvelle version de Divi : la version 3.18.

Mon test de Divi avec WordPress 5 – qui date d’il y a 24 heures – avait été fait avec la version 3.17.6. Depuis, l’expérience et la cohabitation s’est améliorée !

ElegantTheme a corrigé quelques soucis que je vous évoquais plus bas. Je viens donc de refaire un test avec WordPress 5 et Divi 3.18… Et ça roule, comme le montre cette nouvelle vidéo :

Mais ce n’est pas tout ! Le Visual Builder s’implémente à présent dans le backoffice !!! Un éditeur super puissant qui switch en un clic du back au front et vice-versa ! Je n’ai pas fait de vidéo étant donné que la suivante vous explique tout :

 

De plus, Divi a ajouté deux nouvelles options dans ses réglages. À présent, dans l’onglet Divi > Options du Thème > Créateur > Avancé vous trouverez cela :

option Divi Classic Editor

    1. Option Enable The Latest Divi Builder Experience : « la désactivation de cette option chargera l’interface héritée du Divi Builder lors de la modification d’une publication à l’aide de l’éditeur de publication WordPress classique. L’éditeur hérité manque de nombreuses fonctionnalités et améliorations de l’interface, mais il peut toujours être utilisé si vous rencontrez des problèmes avec la nouvelle interface ». En d’autres termes, n’activez cette option que si nécessaire.
    2. Option Enable Classic Editor : « utilisez Classic Editor au lieu de Gutenberg / Block Editor ». Cela signifie que vous n’avez plus besoin d’installer le plugin Classic Editor. Cette option émet la même fonctionnalité. Vous n’avez qu’à l’activer ou la désactiver.

Mais ce n’est que le début… Comme l’explique Nick Roach dans son dernier article datant d’il y a seulement quelques heures (pour ne pas dire quelques minutes), le thème Divi et son Divi Builder ne va cesser d’évoluer ces prochains mois.

Ah oui, dernière chose : il est recommandé de mettre à jour Divi et tous vos plugins avant de mettre à jour votre site vers WordPress 5 !!!

Affaire à suivre…

 

Annonce : cet article contient des liens d’affiliation que vous reconnaitrez facilement. Les liens classiques sont en violet et les liens sponsorisés sont en rose.

 

Gutenberg s’intègre dans le cœur

Voilà la vrai raison de cette mise à jour. Cet été, lorsque j’avais testé Divi avec Gutenberg, ce dernier n’était qu’un plugin. Les deux éditeurs cohabitaient alors en toute sérénité. On pouvait créer ou éditer un article soit avec Gutenberg, soit avec Divi, soit avec l’éditeur classique. C’est ce que je vous expliquais dans mon article.

À présent, Gutenberg fait partie intégrante de WordPress 5 et vous n’avez plus le choix du type de construction de votre page ou article. C’est à dire que par défaut, lorsque vous ajoutez une nouvelle page, c’est Gutenberg qui prend la main…

 

Divi + WordPress 5 = construction avec le VISUAL BUILDER seulement !

Étant donné que WordPress 5 sort demain, je me suis dit que ce serait quand même bien de tester Divi avec WordPress 5 sans installer le plugin Classic Editor (que nous aborderons plus tard). Car jusqu’à présent, je n’avais testé Divi qu’avec Gutenberg en tant que plugin

À mon grand étonnement, je me suis aperçue que le bouton violet « utiliser le générateur Divi » n’était plus visible depuis le back-office.

ElegantTheme avait bien mentionné que l’intégration était pour l’instant « partielle » et qu’elle s’améliorerait dans le futur. Mais j’attendais mieux. Avec tout le retard qu’a pris la sortie de cette nouvelle version de WordPress, ElegantTheme aurait dû anticiper davantage et être dans les start-in-block… Ce n’est que mon avis.

Dans la vidéo suivante, vous verrez comment vous devrez utiliser Divi lorsque vous aurez fait la mise à jour vers WordPress 5 :

Comme vous avez pu le voir dans cette vidéo : à l’heure actuelle, vous ne pouvez plus construire vos pages depuis le back-office. Vous devrez alors :

  1. sauvegarder votre page ou article en cours de construction
  2. prévisualiser l’article
  3. activer le Visual Builder pour commencer à construire votre mise en page

Pour l’instant, c’est le seul moyen pour cette expérience Divi + WordPress 5. Et ce, même en activant les options d’affichage disponibles via le petit icône en haut à droite (voir capture ci-dessous)

option Divi WordPress 5

Classic Editor : tranquille jusqu’en 2021 ?

Tout à l’heure, je vous parlais du plugin Classic Editor. Celui-ci nous permet d’avoir le choix. Disons qu’il nous laisse un peu de répit jusqu’en 2021… Après cette date, il ne sera plus maintenu officiellement.

En attendant, grâce à ce plugin, vous pourrez choisir de créer ou d’éditer une page avec l’ancien éditeur, avec le Divi Builder (en back office), avec le Visual Builder ou avec Gutenberg. C’est bien d’avoir le choix, non ?

Si vous installez et activez le plugin Classic Editor, vous retrouverez par défaut l’ancien éditeur de WordPress. Dans ce cas, vous retrouverez facilement le bouton violet qui vous permettra de construire vos pages depuis le back-office.

Voici la vidéo de démo :

 

Comme le montre cette vidéo, une fois que vous activez le plugin Classic Editor, vous retrouverez l’ancien fonctionnement de WordPress.

 

Peut-on créer certaines pages avec Divi et d’autres avec Gutenberg ?

La réponse est oui, les deux cohabitent en parallèle. Disons que c’est soit l’un, soit l’autre (cette question m’est souvent posée par mes élèves).

Si vous n’avez pas installé Classic Editor, vous ne pourrez utiliser que le Visual Builder. Si par contre vous avez installé le plugin, vous aurez tous les choix qui s’offrent à vous.

Pour obtenir les divers choix, vous devrez quand même activer une petite option qui se trouve dans l’onglet Réglage > Écriture.

Pour l’option Réglages de l’éditeur classique, choisissez alors Utiliser le nouvel éditeur par défaut et inclure des liens optionnels vers l’éditeur classique.

Ainsi, vous pourrez choisir d’ajouter une nouvelle page avec l’éditeur classique ou par défaut avec Gutenberg. Cette vidéo vous montre cela en détail :

 

Découvrez le thème Divi maintenant !

 

Alors, prêt pour la mise à jour ?

Ces petites explications peuvent vous paraitre anodines si vous êtes un utilisateur de WordPress confirmé. Toutefois, si vous êtes débutant, j’espère vous avoir aidé à y voir plus clair.

La future sortie de WordPress 5 a pourtant fait pas mal de bruit ces derniers temps… J’avais même invité des blogueuses et des blogueurs à tester Gutenberg il y a déjà plusieurs semaines ! J’espère que vous n’allez pas vous réveiller un matin et voir que tout a changé…

Mais de toutes façons, ne vous inquiétez pas, d’ici la fin officielle du support de Classic Editor, dans 3 ans, ElegantTheme aura fait une bonne centaines de mises à jour et aura intégré parfaitement le Divi Builder dans le back-office…

comment utiliser Divi avec WordPress 5 ?

Divi + WordPress 5 : à quoi doit-on s’attendre ?
4 pour 5 votes

D'autres Tips pour Divi :

Pin It on Pinterest

Shares
Share This