Tutorial editor Gutenberg/WordPress 5.0: qué es, como usarlo, y como migrar

WordPress 5.0 trajo consigo un cambio importante en su arquitectura: el nuevo editor de contenido Gutenberg, que está disponible en forma de plugin para ir implementando características y luego integrarlo al core, y que se empezó a sugerir a los usuarios a partir de WordPress 4.9.8. Vale la pena mencionar que Gutenberg es algo que va a suceder a como de lugar, y más vale empezar a usarlo para no tener problemas después. Este post pretende ser un tutorial muy completo de Gutenberg actualizado siempre a la versión más actual para todos aquellos a los que les ha costado trabajo o bien están descontentos con el editor. A ellos les recomiendo lo lean, pues quizás encuentren aquí una forma de usarlo que les haga cambiar de opinión respecto a Gutenberg. Este tutorial está actualizado a Gutenberg 5.3.0 ejecutándose en WordPress 5.1.1 en un entorno de pruebas local. Como siempre, este tutorial busca ser muy completo y estar al día con los avances de Gutenberg.

¿Qué es el nuevo editor Gutenberg?

Gutenberg será el nuevo editor de contenido a partir de WordPress 5.0 (ese es el plan al menos). A diferencia del editor que has usado hasta el día de hoy (TinyMCE), en el que el contenido es un sólo bloque con una mezcolanza de cosas entre contenido, medios, shortcodes y embeds, Gutenberg usará un paradigma de edición distinto, usando a lo que le llaman Bloques. Vale la pena aclarar que Gutenberg por ahora es un plugin, pero cuando salga WordPress 5.0 estará integrado como parte del core; también vale la pena mencionar que esta es apenas la primera fase de Gutenberg, pues se espera que tenga tres fases en las que va a llegar más allá del editor.

¿Qué es un bloque en el editor Gutenberg?

Un bloque de Gutenberg es una unidad de contenido con propiedades y comportamiento propios; por ejemplo, un bloque de párrafo permite escribir texto, cambiar su tamaño, capitalizar la primera letra y cambiar colores; o por ejemplo un encabezado, que te permite elegir el nivel del mismo (h1-h6). Un bloque de imagen permite incrustar un medio en tu post, y sus propiedades permiten cambiar su leyenda, cambiar su alineación, cambiar su tamaño, y editar sus propiedades, entre otros. Como puedes ver, cada bloque tiene un set de propiedades que puedes cambiar a tu antojo. Gutenberg permite también que un bloque en particular pueda ser transformado en otros, como por ejemplo el bloque de párrafo, que puede ser transformado en encabezado, lista, cita, preformateado o verso.

Leer másTutorial editor Gutenberg/WordPress 5.0: qué es, como usarlo, y como migrar