A partir del 6 de diciembre de 2018, ¡WordPress 5.0 «Bebo» está aquí! Si ignoró todas las demás actualizaciones de este año, ahora es el momento de ponerse a trabajar y tomar nota, ya que esta es la actualización más grande para 2018. WordPress está renovando completamente la forma en que los usuarios y desarrolladores usan el CMS con su nuevo editor de Gutenberg. Ahora se trata de bloques. También tenemos un nuevo artículo sobre el tema Twenty Nineteen que es el editor predeterminado en nuevas instalaciones.
Actualización: Novedades en WordPress 5.3
Como con cualquier nueva versión de WordPress, siempre recomendamos hacer pruebas. Esto podría sonar como disco rayado, pero considerando que esta versión impactará a todo, desde el editor, hasta los plugins externos, e incluso su tema, ¡las pruebas dejan de ser opcionales! Si usted no hace pruebas, las cosas se podrían romper fácilmente. Esta es una versión por la cual no querrá esperar hasta el último minuto.
Habiendo dicho esto, adentrémonos y hablemos sobre todo lo que podrá esperar de la versión 5.0 de WordPress.
- WordPress 5.0 Cambia Todo ¿Qué Hay de Nuevo?
- ¿Qué Es lo que Piensa la Comunidad sobre Gutenberg?
- Fecha Oficial de Lanzamiento de WordPress 5.0
- ¿Cómo Prepararse y Actualizar a WordPress 5.0?
WordPress 5.0 Cambia Todo ¿Qué Hay de Nuevo?
Con WordPress 4.8 (Evans) obtuvimos una multitud de nuevos widgets y mejoras, junto con una muy necesaria mejora de cómo funcionan los enlaces en el editor visual.
Con WordPress 4.9 (Tipton) vimos un significativo paso hacia una forma de personalizar y administrar sitios enfocados en los usuarios, con grandes mejoras al Personalizador, nuevas y fascinantes funcionalidades para los widgets, un poderoso editor de texto para editar código.
La mayoría de las actualizaciones pasadas han sido relativamente menores y para muchos de nosotros, no nos impactó tanto. WordPress 5.0 es diferente. En lugar de agregar mejoras menores en alguno que otro lado, esta versión está completamente enfocada en estas dos cosas:
- El nuevo Editor Gutenberg de WordPress
- El tema Twenty Nineteen de WordPress
Aparte de esto, se dedican a hacer algunos cambios menores y arreglo de bugs cuando es necesario. En realidad, todo esto se trata de Gutenberg. 📇
Aunque al principio, todo esto puede sonar a que no hay grandes cambios, pero esto, ¡no puede estar más alejado de la realidad! Gutenberg es un intento para lograr que WordPress sea un CSM en el espacio de construcción de sitios web. De hecho, el equipo de WordPress está planeando alejarse del viejo ciclo de actualizaciones, donde sólo ofrecen pequeñas actualizaciones a un sistema donde veremos grandes cambios pasando al mismo tiempo. Sin embargo ahora dicen que están planeando actualizaciones menores dos veces por mes después de lanzar WordPress 5.0. Aquí puede ver qué tienen planeado para la segunda fase de Gutenberg.
Así que, exactamente, ¿Qué es Gutenberg? El manual de uso de Gutenberg hace un buen trabajo al tratar de resumirlo.
“Gutenberg comenzó como una transformación del editor de WordPress – una nueva interfaz para agregar, editar y manipular contenido. Su función es hacer que sea fácil para cualquier persona, crear diseños para contenido, ricos y flexibles, con una interfaz de usuario (UI) basada en bloques. Todos los tipos de componentes de páginas son representados como bloques modulares, lo cual quiere decir que pueden ser accedidos desde un menú de bloque unificado, puesto en cualquier página, y directamente editado para crear una presentación personalizada de las necesidades del usuario.
Es una modernización y transformación fundamental sobre cómo funciona la experiencia de WordPress, creando nuevas oportunidades para usuarios y desarrolladores. Gutenberg introduce nuevos marcos de trabajo, patrones de interacción, funcionalidad y experiencias de usuario para WordPress…”
En otras palabras, en WordPress 5.0, usted ya no tendrá el mismo editor clásico de WordPress o el mismo editor de texto que ha usado por casi una década. 😱 Ahora lucirá así:
De hecho, podría ya haber visto una notificación en el dashboard de su WordPress. Esto fue agregado en una versión menor de WordPress 4.9.8, como una forma de avisar a sus usuarios sobre lo que está pasando de verdad.
Gutenberg será el editor por defecto de cada instalación reciente de WordPress 5.0, de hecho, será el único. No se preocupe, aún podrá instalar el plugin del Editor Clásico si así lo desea.
Sin embargo, una advertencia: el Editor Clásico será soportado hasta el 31 de Diciembre de 2021. Así que le recomendamos iniciar con Gutenberg y WordPress 5.0 lo más pronto posible.
¿Por qué está pasando esto? Hay un par de razones.
1. WordPress Debe Competir
Lo primero es que, a pesar de que la versión auto-alojada de WordPress es de fuente abierta, Automattic, el equipo detrás de WordPress.com, sigue siendo un negocio. Necesita competir con todas las demás soluciones para construir sitios web, como Wix y Squarespace. Si verifica la participación en el mercado de WordPress, del 2017 al 2018, su crecimiento anual es del 17.3%. A pesar de que esto suena bien, demos un vistazo al crecimiento de sus competidores. Squarespace creció por 180% y Wix creció por un 233%.
Y mientras que el proyecto open source y el negocio están técnicamente separados, estos van de la mano. En otras palabras, ¡WordPress necesita ponerse las pilas! ¿Por qué cree que estos plugins lujosos para construir páginas están creciendo a este ritmo? Porque la gente necesita formas más sencillas para construir sitios web y crear contenido. Incluso, otras plataformas para publicaciones, como Medium y Ghost, francamente, tienen una mejor experiencia para escribir si lo que usted quiere es crear un blog.
Esto no es necesariamente malo. Después de todo, la competencia es lo que hace que un producto y la comunidad avance a toda velocidad.
2. Necesitaba Ser Reescrito
Lo segundo, Gutenberg ahora está construido sobre React, un marco de trabajo muy popular de JavaScript, utilizando y mantenido por compañías como Facebook e Instagram. Nuestros desarrolladores en Kinsta aman React, de hecho, lo utilizamos cuando decidimos lanzar nuestro propio sistema de afiliados. Además de esto, Gutenberg toma ventaja de todas las otras tecnologías modernas, como el REST API, ESnext + JSX, WebPack, etc. Riad Benguella tiene un excelente articulo sobre cómo Gutenberg está cambiando el desarrollo de WordPress.
Por su estructura, abre un nuevo mundo para los desarrolladores en términos de “desarrollo por bloques.” Recuerde, todo en Gutenberg se trata sobre estos bloques. Así que escuchará mucho sobre ellos.
Pero también puede complicar las cosas, ya que, típicamente los desarrolladores tendrían que aprender nuevos lenguajes. Sin embargo, afortunadamente la comunidad de WordPress ha llegado al rescate, y ahora ya hay excelentes proyectos de fuente abierta, como create-guten-block. Esencialmente este es un dev-toolkit que no requiere ser configurado (·0CJS) para desarrollar bloques Gutenberg en WordPress en cuestión de minutos, sin la necesidad de tener que configurar React, webpack, ES6/7/8 Next, ESLint, Babel, etc.
Probablemente también querrá comprobar lo siguiente:
Usted pensaría, que con todo esto, el objetivo sería mejorar el desempeño, ¿no? Aunque tenemos la esperanza de que esto sea el caso, muchos reportes han indicado un desempeño más lento.
- Un Supuesto Desempeño Más Lento Comparado con el Editor Clásico
- El Punto de Comparación (Benchmark) de Gutenberg
Nota: algunos de estos deberían tomarse con un poquito de escepticismo, ya que el equipo de Gutenberg está sacando actualizaciones constantes y es probable que el producto final varíe un poco. El tiempo dirá.
La otra cosa negativa sobre esto es que casi todos (pero no todos) los temas y plugins de WordPress han sido reescritos para funcionar con Gutenberg. Principalmente aquellos que interactúan con el editor de WordPress. ¡Yoast Seo es un gran ejemplo de un desarrollador de plugin de WordPress empezaron a trabajar de inmediato! Sacaron su primera actualización para Gutenberg en Julio de 2017, y han estado sacando nuevas desde entonces. A pesar de que estaban preocupados por la accesibilidad. Desde entonces, el equipo de WordPress ha sacado una declaración sobre la accesibilidad en Gutenberg.
Si quiere adentrarse en todas estas características de Gutenberg y realmente ver cómo funciona, lea nuestra guía sobre cómo el editor Gutenberg de WordPress.
Si aún no está listo, puede retrasar este cambio desactivando el editor Gutenberg WordPress.
El Tema Twenty Nineteen
WordPress 5.0 también incluye el nuevo tema minimalista de Twenty Nineteen. Este saldrá con soporte completo para Gutenberg, en el frontend y en el backend. En un próximo post cubriremos este tema más a fondo. 😉
¿Qué Es lo que Piensa la Comunidad Sobre Gutenberg?
Con más del 32% de sitios web funcionando con WordPress, cualquier cambio como este causara controversia. Después de todo, seamos honestos, el editor de WordPress no ha cambiado mucho en la última década.
Si nos dedicamos a observar el plugin de Gutenberg para WordPress, con más de 500,000 instalaciones activas, este tiene una calificación de 2.3 de 5 estrellas. Con más de 800 reseñas de 1 estrella. A pesar de que esto parece mal, es importante darse cuenta que la gente ha estado calificando Gutenberg desde que estaba en beta. También, con un cambio tan serio, hay reseñas de usuarios resistentes a cambiar.
Hicimos una encuesta en Twitter para saber lo que piensan los usuarios sobre el Gutenberg de ahora. Con más de 450 votos hasta ahora, un 42% dice que no lo han usado mucho y por eso no tienen una forma de opinar. Con WordPress 5.0 y Gutenberg acercándose, esto es un poco preocupante. Otro 28% dice que lo odia, un 19% dice que lo ama, y otro 11% dice que está empezando a acostumbrarse.
We want to know, what do you think about the new #Gutenberg WordPress editor? Read more: https://t.co/bkJvrMmfNE
— Kinsta (@kinsta) October 23, 2018
Ian de Delicious Brains también tiene un excelente articulo donde comparte muchas preocupaciones válidas sobre Gutenberg. No importa cómo lo vea, debido al hecho de que WordPress está forzando todas estos nuevos lenguajes y tecnologías, los sitios, cuando sean actualizados a WordPress 5.0, simplemente se romperán. No hay forma de prevenir esto. Al menos que cada uno de los plugins y temas que utiliza hayan sido completamente actualizados, y siendo honestos, en la mayoría de los casos no será así, usted podría enfrentar con grandes problemas cuando se trate de resolver esto.
¿Y quién tiene más impacto? Agencias, autónomos y desarrolladores. Es por eso que esta gran actualización podría preocuparte.
Si esto no es suficiente, ClassicPress ha emergido. Esto es una bifurcación difícil para WordPress (sin Gutenberg) que sirve al mercado de sitios web para negocios de CMS. El problema aquí es, ¿acaso empezaremos a fragmentar? Incluso su equipo aún no sabe cómo manejar la compatibilidad de plugins y temas. De cualquier manera, este es definitivamente un proyecto interesante a tener en cuenta.
Fecha de Lanzamiento Oficial de WordPress 5.0
Así que ahora la pregunta que probablemente todos tengan, ¿cuándo estará WordPress 5.0 lanzado? El equipo central de WordPress originalmente estableció una fecha de lanzamiento prevista para el 19 de noviembre de 2018. Sin embargo, esta fue una fecha tentativa.
A partir del 6 de diciembre de 2018, ¡WordPress 5.0 ya está oficialmente aquí!
Si usted está trabajando con clientes que utilicen WordPress, esto es algo para tener en mente. Claro, siempre puede instalar el Editor Clásico o simplemente posponer la actualización hasta más adelante.
De cualquier forma, ¡usted debería tener un plan de acción para estas fechas festivas! Lo último que usted querrá es tener que recibir la llamada de un cliente, quejándose sobre el desastre en su página después de que se actualicen a WordPress 5.0.
¿Cómo Prepararse y Actualizar a WordPress 5.0?
No podemos dejar de decir lo importante que es hacer pruebas con WordPress 5.0 y Gutenberg. Realmente tiene que estar seguro de que todos sus plugins y temas estén funcionando de forma apropiada. Si usted tiene una solución hecha a medida, asegúrese de empezar a buscar y contactar a un desarrollador de WordPress para que este se lo puede actualizar. Esto no es algo que un host de WordPress pueda solucionar por usted.
Es importante tener en cuenta que, a menos que haya configurado específicamente WordPress para que actualice automáticamente las versiones principales, tendrá que actualizar manualmente a WordPress 5.0. Por defecto, WordPress sólo autofecha las versiones menores en su propia rama, como 4.9.7 a 4.9.8, no las versiones mayores como 4.9.8 a 5.0.
Kinsta tampoco fuerza las actualizaciones mayores.
WordPress 5.0 y WooCommerce
WooCommerce también divulgó un comunicado sobre el lanzamiento de WooCommerce 5.0. Si usted está ejecutando WooCommerce asegúrese de actualizar a WooCommerce 3.5.1+ antes de actualizar a WordPress 5.0 para no romper su sitio.
WordPress 5.0 y Plugins
El equipo de Yoast consistentemente está lanzando nuevas características, soluciones de bugs y mejoras de compatibilidad para Yoast SEO y Gutenberg, Altamente recomendamos actualizar a la versión más reciente (la versión 9.2.0. fue lanzada el 20 de Noviembre) antes de actualizar a WordPress 5.0.
1. Crear un Entorno de Staging del Host
Recomendamos ampliamente instalar Gutenberg en un sitio de prueba o utilizando el entorno de staging del host. De esta forma no afectará a su sitio en producción. Si usted es un cliente de Kinsta, puede fácilmente copiar su sitio en vivo para empezar a hacer pruebas con tan sólo unos clics.
2. Haga un Backup de su Sitio de WordPress
Si usted no está haciendo pruebas en un sitio de desarrollo o de prueba (algo que debería estar haciendo), asegúrese de tener un backup completo de su sitio de WordPress. Hay muchos plugins de backup para WordPress fantásticos que puede utilizar. Si usted es cliente de Kinsta, tiene acceso al sitio de staging, al igual que a cuatro distintos tipos de backups, incluyendo backups automáticos los cuales están almacenados hasta por 14 días.
Sin embargo, debido a que WordPress 5.0 traerá enormes cambios, también recomendamos tener un backup descargable de su sitio entero. Esto incluye todos sus archivos y base de datos de MySQL. Uno nunca sabe, podría perder algo después de que han pasado esos 14 días. Siempre será útil, tener un backup completo, uno que puede conseguir con tan solo dar un clic, en cualquier momento, en el dashboard de MyKinsta.
3. Cómo Actualizar a WordPress 5.0 (Staging o Producción)
Dependiendo de su proveedor de alojamiento, es posible que su sitio web se actualice automáticamente a WordPress 5.0 después de su lanzamiento. El núcleo de WordPress no hace esto por defecto. Y en Kinsta, no actualizaremos tu sitio a WordPress 5.0 automáticamente a menos que hayas configurado WP_AUTO_UPDATE_CORE a true en el archivo wp-config.php de tu sitio. Esto es intencional, como siempre debe probar primero.
WordPress 5.0 está disponible en el panel de control del administrador. Simplemente haga clic en el icono de actualizaciones de la barra de herramientas. A continuación, haga clic en el botón «Actualizar ahora». Mientras su sitio se actualiza, estará en modo de mantenimiento. Tan pronto como sus actualizaciones estén completas, su sitio volverá a la normalidad.
Obtendrá un aviso para actualizar su base de datos de WordPress.
Siempre y cuando todo vaya bien con la actualización, debería ver la pantalla «What’s New» (Novedades). Y eso es todo! Rápido y fácil.
Solución de Problemas con la Actualización de WordPress
Como con cualquier nuevo lanzamiento de WordPress, hay algunos que siempre pasan por problemas, y esto es debido por los miles de plugins y temas distintos coexistiendo en el mercado. Aquí hay algunas formas para resolver los problemas más comunes.
- ¿Pantalla blanca de la muerte? Esto se resuelve fácilmente al reiniciar PHP y borrar la cache de la página completa en su sitio de WordPress.
- ¿Le aparece una pantalla con “No se encuentra disponible por el momento por mantenimiento. Cheque más tarde” que no puede cerrar? Puede que esté bloqueado en modo de mantenimiento.
- Trate de desactivar todos sus plugins para ver si esto arregla el problema. Luego reactívelos uno por uno, hasta encontrar que plugin podría necesitar una actualización por parte del desarrollador.
- Intente cambiar al tema base de WordPress, como Twenty Nineteen (una vez que esté disponible). Si esto resuelve el problema, podría querer ponerse en contacto con el desarrollador de su tema.
- Resuelve los problemas y diagnostique los problemas con JavaScript en su navegador. Esto puede ser especialmente útil si un componente crucial como el Visual Editor (TinyMCE) deja de funcionar.
4. Check Plugins and Themes (They Might Be Impacted by Gutenberg)
Con WordPress 5.0 viene el nuevo editor de Gutenberg. Puede desactivarlo y restaurar el editor clásico si lo desea. O tal vez encuentres un bicho que rompa algo.
Como parte de sus pruebas con Gutenberg, querrá asegurarse de que todos sus plugins y temas de terceros funcionan con Gutenberg. Cualquier cosa que interactúe con el editor de WordPress probablemente se verá afectada. Yoast SEO es un buen ejemplo, ya que tiene meta boxes personalizados. Advance Custom Fields sería otro.
Consulte con los desarrolladores de sus plugins y temas. Muchos han empezado a anunciar el apoyo de Gutenberg o cuándo lo tendrán. Muchos desarrolladores de temas también están lanzando sus propios bloques Gutenberg.
Después de instalar WordPress 5.0, la opción «Editar» debajo de sus páginas y mensajes se abrirá automáticamente en el nuevo editor de Gutenberg. Si tiene instalado el plugin de editor clásico, también verá una opción para ello.
¿Qué Pasará con el Contenido Actual?
¿Qué pasará con el contenido, que uno ha creado en el editor clásico, al ser abierto en el editor de Gutenberg? Básicamente, la publicación en su totalidad aparecerá como una gran caja para editar de TinyMCE. Hicieron esto para preservar el formato del contenido en todas sus publicaciones y páginas. Para tomar ventaja del editor de Gutenberg, usted puede seleccionar la opción de “Convertir en Bloques.”
Todo será automáticamente convertido en los nuevos bloques de Gutenberg.
¿Qué Pasará con los Shortcodes?
Lo mismo pasará con los shortcodes. En este ejemplo, teníamos un formulario de contacto de NinjaForm ya establecido en nuestro sitio de desarrollo. Fue colocado en el editor clásico utilizando un shortcode. Así que, en el Editor Gutenberg, de nuevo seleccionamos “Convertir a Bloques.”
El shortcode es luego convertido a bloque Gutenberg. El formulario de contacto se cargará sin problemas en el frontend.
Resumen
WordPress 5.0 y Gutenberg son las actualizaciones más grandes de WordPress que hemos tenido en mucho tiempo. Afecta a todos, desde cómo interactúan los usuarios con el editor y cómo escriben su contenido, hasta cómo los desarrolladores programan plugins y temas. Sólo el tiempo dirá qué tan exitoso será el proyecto de Gutenberg. Pero sin importar, es mejor empezar a hacer pruebas pronto, para asegurar que nada deje de funcionar en su sitio de WordPress.
¿Tiene algún comentario sobre WordPress 5.0 o Gutenberg? Nos encantaría saber lo que piensa de esto.
Brian tiene una gran pasión por WordPress, lo ha estado utilizando durante más de 10 años e incluso ha desarrollado un par de plugins premium. Brian disfruta de los blogs, las películas y el senderismo. Conéctese con Brian en Twitter.
Deja una respuesta