WordPress 5.0 y Gutenberg están aquí: 5 pasos a seguir ahora

Grandes noticias en WordPress: el 6 de diciembre de 2018 (el jueves pasado cuando escribo), WordPress 5.0 fue enviado. Entre algunas actualizaciones más pequeñas se encontraba una enorme: el editor de larga data Gutenberg reemplazó al editor de Tinymce como editor oficial de contenido de WordPress. Esta guía de navegación de WordPress 5.0 está escrita para personas que pueden tener docenas de sitios de WordPress, posiblemente operados por propietarios de viviendas. Afortunadamente, no necesita entrar en pánico: Gutenberg es generalmente algo bueno y puede navegarlo en WordPress 5.0 sin lágrimas o noches tardías.
Esta guía está escrita para personas, como yo, que tienen hasta docenas o cientos de sitios que ejecutan WordPress, muchos de ellos operados por propietarios de sitios no técnicos, todos actualizándose en WordPress 5.0 en momentos aleatorios. Y responde una pregunta tan simple que ni siquiera es gramatical: Gutenberg aquí, ¿qué hacer? Aquí está la respuesta, en cinco pasos. 1. Breathe Gutenberg es la mayor modificación del funcionamiento básico de WordPress de la memoria reciente, y las reacciones a él durante su ciclo de desarrollo han variado desde el entusiasmo hasta el optimismo y el horror (siendo esto por Internet) una gran cantidad de ira ciega y sin extinguir.
Ninguna de estas emociones se extinguió con el lanzamiento de WordPress 5.0 en sí mismo, que tenía prisa e irregular y abrió nuevas preguntas sobre el modelo del gobierno de WordPress como una dictadura ambigua. Sin embargo, la verdad es que la mayor parte de la emoción de Gutenberg y WordPress 5.0 está viajando. Esto es cierto si:
Tienes a Gutenberg y siempre lo has hecho, y ahora no puedes deshacerte de él
Gutenberg le ha encantado, se ha actualizado a WordPress 5.0 y ahora algo no está funcionando para ignorar todo, hasta que recibió llamadas de cinco clientes ansiosos cuyos sitios se rompieron de diferentes maneras cuando actualizaron WordPress.
En cualquiera de estos casos (¡y en cualquier otro!), No se estrese. Gutenberg es algo bueno para WordPress a largo plazo y no es un software roto, a pesar de lo obligatorio de que no hay lanzamiento con absolutamente cero problemas en millones.
Además, aún no tiene que usarlo si le causa problemas. Entonces tenemos tiempo. Educar qué es Gutenberg y qué es (paso #3 a continuación) y cómo no usarlo en sitios que no jueguen bien con él ( #2 a continuación) y no debe pasar más tiempo para reducir el complemento Gutenberg, encendiendo el anuncio de lanzamiento En los comentarios de WP Tavern o cualquiera de los otros impulsos menos útiles que a veces atrapan personas lindas. 2. Conozca sus salidas una de las cosas más importantes que debe saber sobre Gutenberg: aún no tiene que usarlo. Esta es una de las cosas más importantes que saber sobre Gutenberg: aún no tiene que usarlo.
Si Gutenberg bloquea su sitio, todo lo que tiene que hacer es instalar el complemento del “editor clásico”, y su sitio continuará ejecutando el editor clásico y no Gutenberg. El complemento tiene 900,000 instalaciones y una evaluación> 4.9 en el almacén de arado, que supongo que es un poco de bitter dulce para el equipo de Gutenberg, pero al menos sabes que funciona. También puede instalar el complemento del editor clásico incluso cuando actualiza a WordPress 5.0, por lo que no debe abstenerse de actualizar WordPress a 5.0. Simplemente siga (o dígale a sus clientes que sigan) los enlaces a continuación, que aparecen en la pantalla de “bienvenida” después de la actualización: haciendo clic en el enlace de arriba, llegará a la parte inferior de la página:
Matt prometió apoyar al editor clásico “hasta 2021”, que es mucho tiempo para que Gutenberg elimine los errores y actualice las partes de su sitio que destruyen el propio Gutenberg. Regrese al editor clásico con las publicaciones existentes de Gutenberg, aún puede instalar el complemento del “editor clásico”, incluso si ha comenzado a crear publicaciones en Gutenberg. Una capa adicional que agregaré es que puede continuar instalando el complemento del “editor clásico”, incluso si ha comenzado a crear publicaciones en Gutenberg. Probablemente lo más extraño/genio de Gutenberg es que su verdadera marca está en los comentarios HTML, lo que significa que está volviendo a HTML Limpie.

Por lo tanto, puede volver al editor clásico incluso después de crear una cantidad suficiente de contenido con Gutenberg y no perderá ese contenido (cómo podría intentarlo si intenta deshabilitar ciertas páginas comerciales); solo perderá cualquier contenido de Gutenberg. Opciones que usó dentro de él. 3. Comprenda qué es Gutenberg y lo que es una vez más, Gutenberg no es el destino o el rescate de WordPress. (Repita el paso #1, “Respirar”, si es necesario). Es simplemente un mejor editor de contenido que TinyMCE. Debe comprender el argumento de Gutenberg y las líneas generales de lo que hace y no. : Si tiene un poco de tiempo, la respuesta es la siguiente: el editor de Tinymce está loco y los competidores de WordPress (como Squarespace) ganan lentamente por eso. También hay docenas de complementos incompatibles para la generación de páginas de WordPress, muchas de ellas de muy baja calidad. Gutenberg es el intento oficial de WordPress de remediar esto, modernizar y estandarizar la experiencia de edición de contenido y garantizar que WordPress permanezca en la cima.

¿Qué efectos tendrán Gutenberg en WordPress? Escribí muy ampliamente sobre lo que es Gutenberg y por qué generalmente es algo bueno, en un artículo de casi este período del año pasado: esto lo cambia todo: Gutenberg es bueno ahora la mayoría de los análisis de Gutenberg en la comunidad son tan verdaderos ahora como hace un año. Lectura recomendada. Si desea comprender más en profundidad lo que es Gutenberg, lo que no es y lo que hará el ecosistema de WordPress, hay una buena cantidad de análisis adicional durante nuestra prima en funcionamiento. Aprenda a usar y desarrollar con Gutenberg en lo que busque aprender el aprendizaje El uso del sistema de uso y software de Gutenberg, aquí hay algunos recursos que recomendaría:
El manual oficial de Gutenberg
Asunto general general de yoast.com
Los cursos premium de Joe Casabonon sobre uso y desarrollo en Gutenberg
El curso de desarrollo premium de Gordon de Zac Gordon
4. Siga (e informe) errores por ahora, Gutenberg es sorprendente por Buggy. En cierto nivel, esto no es culpa de nadie: es un gran cambio, como modernizar el motor de un vapor a nuclear en el medio del océano.
Pero para entender o no, este problema es absolutamente algo que debe ser consciente: WordPress 5.0 muestra muchas señales de que no es una instalación limpia en casi todos los sitios, al igual que la mayoría de las otras versiones importantes de WordPress. Para los sitios que manejas solo, mi consejo es activar Gutenberg y experimentarlo para ver cómo se comportan. Para los sitios que te manejas, donde puedes permitirte jugar un poco, mi consejo es activar Gutenberg y experimentarlo para ver cómo se comporta. Gutenberg no está roto, y en instalaciones más nuevas que ejecutan temas y complementos más nuevos, es probable que funcione sin problemas. Pero recomendaría tener cuidado en los sitios que activas. Errores y problemas que he notado en WordPress 5.0 Aquí están los errores y las señales de advertencia que he notado hasta ahora cuando intenté implementar Gutenberg en mis propios sitios. Esta no es “una lista de errores de Gutenberg”, sino una lista de los problemas que enfrenté en unas pocas horas de trabajo con Gutenberg Live:
Se interrumpe en combinación con algunas versiones antiguas de complementos. La actualización de WordPress 5.0 ha hecho que las publicaciones y páginas en uno de mis sitios fallaran por completo. Me di cuenta de que esto se debe al hecho de que el sitio está ejecutando un estándar 1.x de Beaver Builder. La actualización de ese complemento remedió el problema. La idea más amplia es que los sitios con muchas versiones antiguas de complementos rodantes están expuestos a un alto riesgo para que Gutenberg se comporte mal. Comportamiento aterrador con WooCommerce. Actualmente, la página inicial de WooCommerce muestra el siguiente mensaje: El enlace “Dime más” no proporciona ningún detalle útil sobre por qué esto es importante. Esto es particularmente inquietante, porque WooCommerce, de todos los proyectos importantes de software de WordPress, tiende a hacer cambios radicales, haciendo que la actualización de WooCommerce sea relativamente aterradora. Rompe las etiquetas . Las etiquetas en línea son malas, pero tengo un cliente que las usa en todas partes debido a la influencia de un desarrollador anterior. Gutenberg rompe estos scripts en línea agregándolos
y
. A continuación se muestra la página de “canasta” del cliente, que es un script de incorporación de Google Analytics (ahora roto):
Puede solucionar esto limpiando manualmente el marcado HTML agregado y moviendo el script en línea a un bloque HTML. Pero acabo de traer a ese cliente al editor clásico, al menos hasta que podamos limpiar sus guiones en línea. Previvicizar con un buggy de enlace permanente. Actualmente, Gutenberg no elimina adecuadamente los caracteres especiales de los enlaces permanentes sugeridos para mensajes inacabados: todos esos caracteres especiales en la sección “Permalink” son realmente malos: las URL no deberían tenerlos. Mientras que el antiguo editor hace esto correctamente:
Esto es solo para publicar bocetos: cuando publique el artículo, tendrá el enlace permanente correcto, pero aún es inquietante. Cambia el editor de TinyMCE de ciertas maneras. El complemento del editor clásico está diseñado para recrear exactamente el antiguo editor Tinymce, pero el editor de WordPress 5.0 con el editor clásico en realidad se comporta diferente del editor TinyMce Pre-WordPress 5.0, de varias maneras noté cuando escribí contenido en el propio WPShout. . Enumeré lo que noté de lo menos importante:
Ahora contiene
etiquetas. La vista de texto del editor clásico siempre ha generado automáticamente las etiquetas
, que están ocultas incluso en su opinión. Este ya no es el caso, al menos en WPShout, como la siguiente vista de este artículo, llena de
editor clásico, muestra:

Haga clic para aumentar

Si elimina estas etiquetas
, la publicación en realidad las pierde en el front-end, incluso si los espacios habituales están en su lugar. Este es un estreno para el editor de texto. Dada la cantidad de confusión que hace que las etiquetas
se oculten, no estoy seguro de si es un error o una característica, pero ciertamente es un cambio. El editor de texto parece a veces tratar de correr al final de la página, lo que ciertamente no es genial. Puede interactuar con otro complemento que ejecutamos, pero ciertamente no se comportó de esta manera antes de 5.0.

El desarrollo de JavaScript es diferente. El complemento del editor clásico parece heredar el comportamiento del desfile de JavaScript “Swooshy” de Gutenberg. Esto está bien en general, pero es mucho más visible que los saltos instantáneos en el editor clásico TinyMCE, especialmente en el editor de texto y especialmente si hace algo como una búsqueda Ctrl+F (o CMD+F) de la página contenida para un Cierta palabra.

Ninguno de estos cambios destruye todo, pero vale la pena conocerlos;

Y, en general, es justo decir que el editor clásico basado en el complemento complemento 5.0 no es idéntico al editor de tinymce, como se comportó en WordPress 4.9 y antes. Qué hacer con los errores informa a ellos WordPress Siempre busque este tipo de comentarios, y especialmente ahora con Gutenberg lanzado, así que si sabe cómo escribir informes de error, puede crear un nuevo ticket a HTTPS:
//core.trac.wordpress.org/. Informé el que se encuentra sobre los enlaces permanentes (aquí está el boleto), y es una buena sensación, aunque no tengo idea de si se abordará o cuándo se abordará. Regrese al editor clásico por el momento en términos de sus clientes, mi opinión es que el regreso al editor clásico es a menudo una mejor opción que pasar el tiempo pagado que se acerca a las nuevas cosas rotas. Después de desplazarse, póngase a usted y a sus clientes en un viaje a la modernización de sus sitios. Por ejemplo, programe un momento para morder la bala y finalmente actualizar de WooCommerce 2.x. Luego reintroduce a Gutenberg cuando todo esté actualizado y se haga correctamente. 5. Obtenga un buen generador de páginas como constructor de diseño, Gutenberg es mucho mejor que el editor de Tinymce, pero está lejos después de buenas páginas. Como constructor de diseño, Gutenberg es muy superior al antiguo editor Tinymce. Como me alegré de que Matt notara en el discurso de este año en el estado de la palabra, es absolutamente una locura que WordPress haya hecho imposible colocar dos fotos una al lado de la otra sin capacitación especial o software adicional. Es 2018. Tenemos autos voladores reales. WordPress ha pasado mucho tiempo entregar con los elementos básicos extremos de la apariencia, y esto hace Gutenberg. Pero Gutenberg también está lejos de ser buenos constructores de páginas.

Es más difícil de usar, no hace nada de los aspectos difíciles (como bordes y comportamiento móvil de relleno y personalizado) y, lo más importante, no está en el frente. Grabé un seminario web completo que explora esto, titulado “Por qué Gutenberg no mata (todavía) páginas”. Le recomiendo que lo vea. Y ya sea que lo siga o no, tome mi consejo y obtenga un buen constructor de páginas, en lugar de tratar de armar los clientes, las páginas de destino, etc., con Gutenberg. Entonces, ¿qué generador de página obtener? Escribí una revisión extremadamente exhaustiva de los principales creadores de páginas de WordPress, y Beaver Builder sale primero: las mejores páginas de WordPress Page Builder
La fiabilidad lo es todo en un generador de páginas, y Beaver Builder es el más sólido técnicamente entre las principales opciones.
Probar ahora
El elemento también es decente. Todos los demás son (y espero que esto no suene duro) realmente mal. Bienvenido a Gutenfuture para que Gutenberg esté aquí. No fue fácil, no era hermoso y necesita trabajo, pero es una mejor dirección para WordPress. Si sigue los pasos anteriores, también puede navegar a través de WordPress 5.0 y lanzar Gutenberg, incluso si admite docenas de sitios para clientes no nícicos. ¿Cómo fue WordPress 5.0 para ti? Recite el paso #1 (recuerde: el nombre del paso es Breathe), luego nos gustaría saber de usted en los comentarios a continuación o en el grupo WPShout en Facebook. ¡Suerte!