Divi + WordPress 5: ¿Qué esperar?

Publicado el 06/12/2018 | 24 comentarios

Divi + WordPress 5: ¿cómo funciona en la práctica? Mientras escribo esto, WordPress debería salir mañana jueves 6 de diciembre de 2018. Todos deberíamos, pues, actualizar nuestro WordPress.

Pero esta gran actualización tiene un nombre muy acertado: ¡WordPress da un nuevo giro! Toda la experiencia de escribir y crear páginas/artículos se pondrá a prueba.

Dicen que es por nuestro bien...

En un artículo anterior, le dije que Divi era compatible con Gutenberg. Eso es lo que nos prometió Nich Roach el 31 de julio de 2018. Como recordatorio, aquí está el vídeo:

El 31 de julio fue "ayer", pero ha pasado mucho tiempo en términos de tecnología. La nueva versión de WordPress 5 se ha actualizado decenas de veces desde este anuncio...

 

EDIT del jueves 6 de diciembre a las 21h00

Eso es todo, WordPress ha sido lanzado oficialmente. Al mismo tiempo, ElegantTheme ha lanzado una nueva versión de Divi: la versión 3.18.

Mi prueba de Divi con WordPress 5 -que fue hace 24 horas- se hizo con la versión 3.17.6. Desde entonces, la experiencia y la convivencia han mejorado.

ElegantTheme arregló algunos problemas que mencioné a continuación. Así que acabo de hacer una nueva prueba con WordPress 5 y Divi 3.18... Y funciona, como se muestra en este nuevo vídeo :

Pero eso no es todo. El Visual Builder ya está implementado en el backoffice. Un editor súper potente que cambia en un clic de la parte trasera a la delantera y viceversa. No he hecho un vídeo ya que el siguiente lo explica todo:

 

Además, Divi ha añadido dos nuevas opciones en su configuración. Ahora, en el Divi > Opciones del tema > Creador > Avanzado encontrarás esto :

option Divi Classic Editor

    1. opción Habilitar la última experiencia de Divi Builder Desactivando esta opción se cargará la interfaz heredada de Divi Builder cuando se edite una entrada con el editor de entradas clásico de WordPress. El editor heredado carece de muchas funciones y mejoras de la interfaz de usuario, pero aún puede utilizarse si tiene problemas con la nueva interfaz. En otras palabras, active esta opción sólo si es necesario.
    2. Opción Activar el editor clásico Utilizar el editor clásico en lugar del editor Gutenberg/Block". Esto significa que ya no es necesario instalar el plugin Classic Editor. Esta opción ofrece la misma funcionalidad. Sólo tienes que activarlo o desactivarlo.

Pero esto es sólo el principio... Como explica Nick Roach en su último artículo de hace sólo unas horas (por no hablar de unos minutos), el tema Divi y su Divi Builder seguirán evolucionando en los próximos meses.

Ah, sí, una última cosa: ¡¡¡se recomienda actualizar Divi y todos sus plugins antes de actualizar su sitio a WordPress 5!!!

Para continuar...

 

Anuncio: este artículo contiene enlaces de afiliación que reconocerá fácilmente. Los enlaces clásicos están en morado y los patrocinados en rosa.

 

Gutenberg se integra en el corazón

Esa es la verdadera razón de esta actualización. Este verano, cuando probé Divi con Gutenberg, este último era sólo un plugin. Los dos editores convivieron sin problemas. Podrías crear o editar un artículo ya sea con Gutenberg, Divi o el editor clásico. Esto es lo que expliqué en mi artículo.

Ahora, Gutenberg es una parte integral de WordPress 5 y ya no puedes elegir cómo construir tu página o post. Es decir, por defecto, cuando añades una nueva página, Gutenberg se encarga...

 

Divi + WordPress 5 = construir sólo con VISUAL BUILDER!

Como WordPress 5 sale mañana, pensé que sería bueno probar Divi con WordPress 5 sin instalar el plugin Classic Editor (del que hablaremos más adelante). Porque hasta ahora sólohabía probado Divi con Gutenberg como plugin...

Para mi sorpresa, me di cuenta de que el botón púrpura "Usar el Generador Divi" ya no era visible desde el back office.

ElegantTheme mencionó que la integración era "parcial" por el momento y que mejorará en el futuro. Pero esperaba algo mejor. Con todo el retraso en el lanzamiento de esta nueva versión de WordPress, ElegantTheme debería haberse anticipado más y haber estado en el arranque... Esto es sólo mi opinión.

En el siguiente vídeo, verás cómo debes utilizar Divi una vez que hayas actualizado a WordPress 5:

Como has visto en este vídeo: de momento, ya no puedes construir tus páginas desde el back-office. Tendrás que :

  1. guardar su página o artículo en construcción
  2. ver el artículo
  3. activar el Visual Builder para empezar construye tu diseño

Por ahora, esta es la única manera de obtener la experiencia Divi + WordPress 5, incluso con las opciones de visualización disponibles a través del pequeño icono en la esquina superior derecha (ver captura de pantalla a continuación)

option Divi WordPress 5

Editor Clásico: ¿tranquilo hasta 2021?

Antes te hablaba de la Plugin del editor clásico. Este nos da una opción. Digamos que nos da un respiro hasta 2021... Después de esa fecha, ya no se mantendrá oficialmente.

Mientras tanto, con este plugin, puedes elegir crear o editar una página con el editor antiguo, con el Divi Builder (en back office), con el Visual Builder o con Gutenberg. Es bueno tener la posibilidad de elegir, ¿no?

Si instalas y activas el plugin Classic Editor, volverás al antiguo editor de WordPress por defecto. En este caso, encontrará fácilmente el botón púrpura que le permite construir sus páginas desde el back office.

Aquí está el vídeo de demostración:

 

Como muestra este vídeo, una vez que actives el plugin Classic Editor, volverás a la antigua forma de trabajar en WordPress.

 

¿Puedo crear algunas páginas con Divi y otras con Gutenberg?

La respuesta es sí, ambos coexisten en paralelo. Digamos que es una cosa o la otra (esta pregunta me la hacen a menudo mis alumnos).

Si no tiene instalado el Classic Editor, sólo podrá utilizar el Visual Builder. Si tienes el plugin instalado, tendrás todas las opciones disponibles.

Para obtener las distintas opciones, todavía tendrá que activar una pequeña opción que se encuentra en el Configuración > Escritura.

Para la opción Configuración del editor clásicoentonces elija Utilizar el nuevo editor por defecto e incluir enlaces opcionales al editor clásico.

Así que puedes elegir añadir una nueva página con el editor clásico o con Gutenberg por defecto. Este vídeo le muestra cómo hacerlo:

 

Descubre el tema Divi ahora!

 

Entonces, ¿estás preparado para la actualización?

Estas pequeñas explicaciones pueden parecer triviales si eres un usuario experimentado de WordPress. Sin embargo, si eres un principiante, espero haberte ayudado a ver las cosas más claras.

El próximo lanzamiento de WordPress 5 ha sido un gran tema últimamente... Incluso invité a algunos bloggers para probar Gutenberg hace varias semanas! Espero que no te levantes una mañana y veas que todo ha cambiado...

Pero de todos modos, no te preocupes, para cuando el soporte del Editor Clásico termine oficialmente en 3 años, ElegantTheme habrá hecho cientos de actualizaciones y habrá integrado perfectamente el Divi Builder en el back office...

comment utiliser Divi avec WordPress 5 ?

how to use Divi with WordPress 5

1.274 palabras

5

A ti también te debería gustar:

Product Carousel pour Divi et WooCommerce

Carrusel de productos para Divi y WooCommerce

Si estás buscando una forma de desplazarte por los productos de tu tienda WooCommerce en un elegante carrusel, la extensión "Product Carousel" puede ayudarte. Es rápido y fácil de usar, y los resultados están a la altura de las expectativas.

Popups for Divi : un plugin gratuit très malin !

Popups para Divi: ¡un plugin inteligente y gratuito!

Los plugins gratuitos para Divi son bastante raros, pero "Popups for Divi" es bastante efectivo y fácil de usar. Este plugin convierte cualquier sección de Divi en una ventana emergente. Te explico cómo usarlo.

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

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.

Pínchalo en Pinterest

Acciones
Comparte esto