Editor Gutenberg para WordPress ¡la edición en bloques!

Luis Méndez Alejo

Luis Méndez Alejo, Miembro del equipo técnico de Webempresa. Coordinador de contenidos en el Blog y en Youtube.

WordPress surgió en sus comienzos, como un script PHP para gestionar Blogs, y casi únicamente esto es lo que hacía. Para ello necesitaba de un editor dentro del motor o núcleo del CMS que permitiese la edición de textos a usuarios sin conocimientos previos en Informática.

La democratización del Hosting para WordPress ha permitido que cualquier usuario, sin conocimientos previos, construya sitios complejos y cree contenidos con el editor clásico actual.

Con el paso de los años y la suma de versiones de WordPress hemos llegado a nuestros días con un potente editor incrustado en WordPress, conocido como TinyMCE Editor (basado en el proyecto TinyMCE), ¡vamos, el famoso editor Visual o HTML que visualizas cuando creas una Entrada o Página!.

Llegan nuevos retos a WordPress, en esta ocasión para cambiar radicalmente el concepto de edición de contenidos, y lo hace bajo el nombre de Gutenberg, donde los bloques serán grandes protagonistas de la composición de las publicaciones. ¿Te apunta a conocer mejor Gutenberg?

¿Qué es el Editor Gutenberg?


En líneas generales se puede denominar al editor Gutenberg para WordPress como el siguiente paso hacia adelante en la edición de contenidos en WordPress, prescindiendo del habitual editor Visual o HTML que funciona gracias a TinyMCE adaptado para WordPress.

Gutenberg adopta el método de bloques para construir contenidos que puedan adoptar formatos diferentes dentro de la misma Entrada o Página, similar a lo que “en parte” ofrecen la mayoría de construtores como Elementos, Page Builder, etc.

Con el método de los bloques, cada párrafo o elemento de una publicación podrá adoptar un diseño y forma diferentes dentro de la misma Entrada o Página.

La filosofía WYSIWYG del editor seguirá adelante pero pasará a ser el bloque la estrella de la maquetación de los contenidos.

Los builders o constructores de páginas seguirán siendo estrellas en el ecosistema de maquetación de contenidos y tendrás más relevancia aquellos builders que mejor se adapten a la gestión de bloques y sepan integrar las bondades de Gutenberg en su código.

Es cierto que el editor TinyMCE tiene limitaciones, y ello obliga a muchos usuarios a hacer uso de plugins como “TinyMCE Advanced”, escrito por Andrew Ozz, para ampliar las funcionalidades que de facto trae el editor hasta ahora nativo de WordPress.

Quizás por eso ha llegado el momento de dar la oportunidad a Gutenberg y experimentar una mejor forma de gestionar los contenidos, mostrarlos en la web, ya sea en Páginas, Entradas, Widgets o cualquier otro contenido que lo permita.

Principales características de Gutenberg


La principal característica a la hora de editar contenidos con Gutenberg es que pasamos de una pantalla habitual, con un cajetín para el Título, otro para el cuerpo de texto, la gestión de la imágen destacada y otros elementos mediante los widgets de edición a una página casi diáfana, donde el contenido se agrega a medida que se necesita y siempre de forma muy contextual, apareciendo elementos dependiendo de los contenidos que queramos agregar.

Con Gutenberg es más intuitivo crear contenidos como:

    • Los extractos de subtítulos.
    • La inserción de elementos multimedia (imágenes, vídeos, etc).
    • Añadir enlaces.
    • Incorporar imágenes destacadas en Entradas y Páginas.
    • Añadir widgets a los lados de una página (dependiendo del tema).
    • El uso de códigos cortos para determinados plugins activos.

El uso de bloques será la faceta de Gutenberg con la que habrá que familiarizarse de manera importante, ya que detrás de su imagen minimalista se esconde un mundo de posibilidades que está pensado para simplificar muchos procesos de creación y maquetación de contenidos, pero sin olvidar a los usuarios avanzados que necesitan siempre más y de manera más definida para enriquecer los contenidos que publican.

Utilizar Gutenberg no debería afectar al tema instalado, sobre todo si son temas nativos de WordPress, ya que inicialmente hay compatibilidad con ellos. No obstante si experimentas problemas con tu Tema al instalar Gutenberg es bueno que se lo comuniques al autor del mismo para que lo verifique y solvente si se trata de una incompatibilidad.

El Editor Gutenberg para WordPress es posible utilizarlo a partir de WordPress 4.9.6, por lo que es compatible de forma estable con la actual versión 4.9.7 liberada el pasado 5 de julio, y convive perfectamente con el editor clásico por lo que puedes editar tus Páginas y Entradas con uno u otro indistintamente.

¿Cuándo estará disponible Gutenberg oficialmente?


Tras más de 30 versiones del editor Gutenberg, no ha sido hasta la WordCamp Europa que el equipo de desarrollo de este nuevo editor ha decidido poner una fecha de salida más creíble y que pueda cumplirse para que esté disponible en el dashboard de los usuarios de este CMS.

La versión de WordPress 4.9.8 (que iba a ser la 4.9.7 hasta el bug de archivos) sigue su curso para publicarse el 31 de julio.

En esta nueva versión del gestor de contenidos se mostrará un aviso que anime a los usuarios a probar Gutenberg, inicialmente conociendo sus posibilidades y uso y posteriormente a que sea instalado y probado, por lo que no vendrá instalado por defecto.

La idea es que los usuarios aporten su experiencia con Gutenberg y den el feedback necesario para que se puedan pulir fallo o posibles detalles que sean detectados a fecha del lanzamiento.

Con la siguiente versión de WordPress 4.9.8 el equipo de desarrollo de Gutenberg podrá recoger de primera mano (los usuarios) la información necesaria para mejorar el editor de contenidos en bloques y así afinarlo para su posible lanzamiento ya nativo dentro de la siguiente versión de WordPress 5.0 que es la previsión que Matt Mullenweg parece tener.

Siguiendo la hoja de ruta del nuevo editor, se prevé que en agosto se incluya Gutenberg en el núcleo de la versión 5.0 del CMS, esto sería finales del mes de agosto y para final de año 2018 se buscaría la compatibilidad del editor con dispositivos móviles.

Julio 2018:

      • Lanzamiento de la versión 4.9.8 con una visual invitación para instalar Gutenberg o el plugin Classic Editor mediante un botón.
      • Fin del periodo de prueba de uso para los usuarios de WordPress.com (de pago).
      • Periodo de pruebas y búsqueda de fallos (bugs).
      • Exploración la ampliación de Gutenberg más allá de las Entradas (post) y centrarlo también en la personalización del sitio web.

Agosto 2018 y fechas posteriores:

      • Resolver todos los problemas críticos detectados.
      • Integración con Calypso (interfaz de WordPress).
      • 100 k+ sitios activos y 250 k+ entradas usando Gutenberg.
      • Fusión con el Core de WordPress. Empieza el ciclo de lanzamiento de la versión 5.0 de WordPress.
      • Lanzamiento de la beta de la versión 5.0 y completar las traducciones.
      • Versión móvil de Gutenberg para finales de año.

Naturalmente los planes pueden cambiar por lo que es bueno estar pendiente de la hoja de ruta de Gutenberg en la web oficial del proyecto.

Desactivando Gutenberg


Llegando el momento en el que tengas Gutenberg activo en tu instalación de WordPress, lo hayas probado y tras muchos intentos no te encuentres a gusto con él, no te preocupes, siempre podrás volver a tu anterior editor TinyMCE y seguir trabajando con él con normalidad, de forma estable, y sin perder funcionalidades, salvo las creadas con el nuevo editor naturalmente.

El Editor Clásico sustituye al editor Gutenberg para WordPress y restaura la anterior plantilla de edición de contenidos. Incorpora los enlaces de “Editar” en Páginas y en Entradas (Post) y en la barra de herramientas (admin bar).

Nota: Si tu instalación de WordPress ya tenía nativamente TinyMCE instalado porque venías de versiones anteriores de WordPress, no necesitas instalar y activar el “Classic Editor” (Editor Clásico) ya que será suficiente con que vuelvas a instalarlo si no lo eliminaste con algún plugin, ya que no es un plugin que directamente puedas desinstalar.

Haz siempre una copia de seguridad antes de aplicar cambios importantes en tu sitio web, sobre todo aquellos cambios que impliquen la instalación o eliminación de plugins o desactivación de funcionalidades del núcleo de WordPress.

Conclusiones


El editor Gutenberg no ha venido a desbancar a nadie, ni a TinyMCE ni a los constructores o page-builders, ya que no es su misión. Llegará, cuando el equipo de WordPress considere que está maduro para ello, a sustituir el editor “Visual y HTML” de aquellos que estén interesados y dispuestos a adoptar la maquetación por bloques, para el resto siempre quedará seguir usando TinyMCE sin restricciones.

Precisamente en esos consiste el software libre o sujeto a GPL, que además de poder ver su código, modificarlo o replicarlo, citando las autorías, tienes la libertad de elegir con qué herramientas trabajar y bajo que arquitectura, y eso lo tendrás siempre, al menos mientras WordPress.org así lo permita.

El editor de 2019 sin duda será Gutenberg, por lo que adaptarse a sus posibilidades será más fácil que tratar de huir de él ya que de una u otra forma será parte esencial del núcleo de tu CMS favorito llamado WordPress

¿Has probado ya Gutenberg?, ¿tienes tu propia opinión formada sobre lo que el nuevo editor de contenidos va aportar a WordPress para mejorar el uso del CMS más popular?, ¡cuéntanoslo en los comentarios!

Send this to a friend