WordPress 5.0 llega con su mayor cambio en años: el nuevo editor de bloques. Descubre qué implica para ti y los pasos para instalarlo de forma 100% segura.
¿Quieres escuchar un cotilleo?
Los desarrolladores, implementadores, diseñadores y demás ‘arquitectos web’ llevamos meses (incluso años) metidos en un ‘DramaPress’ a causa de Gutengberg y la última versión de WordPress 5.0.
Así que no te extrañe encontrarte en los próximos días artículos del tipo:
«No actualices a WordPress 5.0 si no quieres que tu web explote.»
O «WordPress 5.0, el comienzo de una era en la edición de contenido web.»
Pero, ¿en qué quedamos?
Aquí vas a entender el contexto (para que te rías un poco de las películas que nos montamos los nerds) y aprenderás los pasos prácticos para que instales WordPress 5.0 sin miedo a que se acabe el mundo. 😉
Si hay algún desarrollador despistado en la sala, mejor que se pase por los posts sobre el nuevo editor en Código Genesis.
Qué es Gutenberg
Gutenberg es el nombre clave que le han dado al proyecto del nuevo editor de WordPress.
Este cambia por completo la forma crear páginas y posts. Antes solo tenías una «gran caja» donde metías el texto, imágenes, links, etc… al estilo de un procesador de texto cualquiera.
A partir de ahora crearás todo el contenido a partir de bloques.
Qué aporta el nuevo editor de WordPress (Gutenberg)
Este cambio de paradigma viene «impulsado» por la intención de WordPress de acercarse a la creación de contenido más sencilla e intuitiva que ofrecen otras plataformas (Medium, Wix…).
De esta forma, con él te resultará mucho más fácil:
- Crear columnas.
- Insertar botones.
- Cambiar el tamaño de la fuente.
- Incluir imágenes que ocupen todo el ancho de página.
- Añadir cajetines de colores…
En resumen, muchas de esas acciones que solo podías hacer desde la pestaña HTML en el editor clásico o usando constructores visuales (Elementor, Divi…). Es más, en algunos casos podrás hasta prescindir de ellos.
Y esto no ha hecho más que empezar. 😉
El número de posibilidades está en pleno crecimiento gracias a la aparición de nuevos plugins; como los que ya te permiten añadir, testimonios y FAQs de forma sencilla mediante bloques.
Para que te hagas una idea de lo que puedes conseguir, aquí tienes un ejemplo de página creada con bloques de Gutenberg.
¿Crees que no sabrás manejar las novedades? Todo lo contrario, ahora será más fácil que nunca.
Pero para que te quedes tranquilo, en próximos artículos del blog aprenderás cómo usar los principales bloques del nuevo editor y qué plugins te vienen de perlas para complementar tus necesidades particulares. Si te interesa, apúntate a la newsletter:
Qué desventajas tiene el nuevo editor de bloques
Ahora toca la salsa rosa del día (si quieres saltarte esta parte, ve directamente a la siguiente sección de pasos para instalar WordPress 5.0).
‘DramaPress’… ¿a cuento de qué?
El ‘drama’ surge del cambio. Los seres humanos somos en general muy reacios al cambio.
Y WordPress 5.0 es uno de los gordos porque implica aprender muchas cosas y re-aprender otras tantas.
El nuevo editor lleva unos 2 años de desarrollo y cerca de 1 como plugin en fase beta, es decir, en pruebas. Por lo tanto, solo los desarrolladores más motivados lo estábamos utilizando (adivina quién va incluido en ese ‘estábamos’). 😉
En la comunidad de WordPress hay división de opiniones:
- Quien está en contra del editor, tanto que han montado un spin-off alternativo (‘fork’) llamado ClassicPress.
- Quien cree que el editor se debería haber quedado como plugin sin forzar a todo el mundo a pasar por el aro.
- Quien está a favor de la integración en WordPress ya que eso asegura una evolución más rápida de la plataforma.
¿Quieres que me moje? Yo entiendo perfectamente al segundo grupo pero soy más del tercero. En resumen, me va la marcha. 😉
De hecho, ya tengo varios proyectos sencillos usando el nuevo editor en su versión plugin.
Además, existe otra herramienta llamada Classic Editor (creada por la comunidad de WordPress) que al instalarla desactiva Gutenberg y mantiene el editor de toda la vida.
Dicho esto, creo que la integración de Gutenberg en WordPress se podía haber hecho con menos prisa, una vez que se hubieran pulido todos los detalles importantes, como la accesibilidad.
Ale, ya está. Aquí tienes una versión muuuy resumida del ‘DramaPress’ que se ha vivido en el mundillo de desarrolladores.
Pero esto ya es historia porque WordPress 5.0 ha llegado para quedarse.
Pasos antes y después de instalar WordPress 5.0
1. Mantén la calma 😉
Que haya salido la versión 5.0 no te obliga a actualizar tu WordPress enseguida. De hecho, tal y como te he comentado en otras ocasiones, cuando surgen actualizaciones mayores soy partidario de no hacer nada durante unos días.
En este caso es una buena idea esperar hasta el lanzamiento de las versiones 5.0.1 o 5.0.2 que vendrán poco después solucionando los problemas principales.
2. Realiza una copia de seguridad
Si eres lector habitual, este paso seguro que ya te lo esperabas, ¿a que sí?
Recuerda que tienes un tutorial paso a paso sobre cómo hacerlo con UpdraftPlus, el plugin gratuito que yo mismo utilizo y recomiendo a todos mis clientes.
3. Instala el plugin Classic Editor
Al instalar y activar Classic Editor, creado por la comunidad de WordPress, se desactiva Gutenberg y puedes seguir utilizando el editor clásico sin problemas.
Con esta herramienta te aseguras de que todo siga igual cuando pases a WordPress 5.0.
3. Actualiza WooCommerce (si procede)
¿Tienes WooCommerce en tu web? Entonces te sugiero pasar a la versión 3.5.1 antes de instalar WordPress 5.0.
La propia compañía detrás del plugin lo recomienda, así que ni se te ocurra saltarte este paso si tienes una tienda online que utilice WooCommerce.
4. Actualiza todos los plugins
Aunque la mayoría de plugins importantes que se ven afectados por el nuevo editor ya se han actualizado, siempre hay algún rezagado.
Así que, antes de instalar WordPress 5.0, asegúrate de que tienes la última versión en todos ellos.
5. Actualiza el tema (opcional/recomendado)
El editor de bloques añade nuevos formatos y funcionalidades que pueden aprovechar las plantillas de WordPress, siempre y cuando se actualicen.
En principio, aunque no actualices tu tema, el contenido se seguirá viendo correctamente. Sin embargo, cuando empieces a utilizar el nuevo editor de bloques (paso 7) es posible que el resultado no sea el que esperabas.
Todos los temas hijo de Genesis creados por StudioPress (mi framework por excelencia) están siendo actualizados para el nuevo editor. Por algo será. 😉
Repito, no es un paso imprescindible pero sí recomendado. Puedes hacer la pruebas (paso 7) y si no obtienes el resultado deseado:
- Vuelve a activar el plugin Classic Editor.
- Instala el plugin Enable Gutenberg Theme Support, el cual favorece la adaptación de tu plantilla al nuevo editor de bloques.
6. Actualiza a WordPress 5.0 (5.0.x)
Si has llevado a cabo las medidas anteriores, aunque instalaras la versión 5.0 no tendrías ningún problema.
Pero sé prudente y cumple el paso 1: espera a las versiones 5.0.1 o 5.0.2.
¿No te atreves? Pregúntame directamente si ya me parece «seguro» hacerlo cuando hayan pasado unos días. Prometo manterme al día de las novedades.
7. Haz pruebas con el nuevo editor
¿Has sido paciente y ya estás preparado para hacer las primeras pruebas?
- Desactiva el plugin Classic Editor.
- Revisa que tu web se vea bien (debería).
- Crea una nueva entrada, por ejemplo.
Puedes hacerte una idea de cómo se introduce contenido en el nuevo editor con esta demo interactiva.
¿Observas algún problema? Activa Classic Editor y cuéntamelo en los comentarios. Quizás pueda ayudarte.
Dudas frecuentes sobre WordPress 5.0
Por último, una breve sección de preguntas y respuestas para que despejes de una vez por todas tus dudas.
¿Seguro que no va a explotar mi web al actualizar? Es que he leído que….
Si sigues los pasos anteriores no deberías tener ningún problema. Pero, sobre todo, ¡no te olvides de la copia de seguridad!
Aunque actualices sin instalar Classic Editor, los posts y páginas ya creadas no sufrirán cambios.
Solo lo harán cuando vayas a editarlas de nuevo. Y en ese momento, todo el contenido de las mismas aparecerá dentro de un bloque llamado «Classic editor» que se podrá modificar tal y como lo hacías con el antiguo editor.
¿Qué pasa con las páginas que he creado con un constructor visual?
Se mantendrán tal y como están. Los principales constructores visuales (Elementor, Divi, Site Origin PB, Visual Composer) han confirmado la compatibilidad con el nuevo editor.
En resumen, las páginas creadas con estos plugins seguirán editándose a través de ellos, no cargarán el editor de bloques.
Espero que ahora tengas un poco más claro qué supone para ti WordPress 5.0 y el nuevo editor de bloques (Gutenberg).
Si tienes alguna duda déjala en los comentarios y la añadiré a esta sección junto a la respuesta.
Conclusiones
WordPress 5.0 es una de las mayores actualizaciones de la historia en la plataforma y va a sentar las bases de cómo será la edición de contenido web durante la próxima década.
En mi opinión, el nuevo editor de bloques de WordPress:
- Hace la vida más fácil al usuario final.
- Pero exige un esfuerzo extra al desarrollador (adaptar plugins, temas…).
Aunque aún haya elementos por pulir, si estás en el primer grupo no te hagas el remolón porque te conviene.
Sigue los 7 pasos, empezando por esperar a la versión 5.0.1 o 5.0.2 y crear una copia de seguridad antes de actualizar.
¿Necesitas que te ayude a realizar la transición? Ningún problema. Ponte en contacto conmigo y yo me encargo de todo.
Deja una respuesta