Tutorial Gutenberg: qué es, como usarlo, y como transicionar

Cuando sea que WordPress 5.0 salga tendrá un cambio importante en su arquitectura: el nuevo editor de contenido Gutenberg, que por ahora está disponible en forma de plugin 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 4.3.0-RC1 ejecutándose en WordPress 4.9.8 en un entorno de pruebas local. Como referencia se está usando también WordPress 5.0 Beta 3 para pruebas adicionales. Esta publicación fue actualizada por última vez el 10 de noviembre de 2018, y me atrevo a decir que es el único tutorial o manual de Gutenberg en español actualizado a las últimas características. Siempre está al día pues.

¿Qué es 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 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 Gutenberg: qué es, como usarlo, y como transicionar

Orlando es un ingeniero en sistemas de 43 años de edad, apasionado del desarrollo de software y con un cariño especial por WordPress. Le encantan los libros, la música, la fotografía, los cómics y es un AFOL. De último pero no menos, esposo y padre de dos trolls.