Así será el futuro editor de WordPress 5.6

Desde WordPress 5.5 ya se está comenzando a trabajar el el Full Site Editing; la edición completa de todo el sitio web mediante bloques. Pero no ha sido hasta la versión de WordPress 5.6, con el plugin de Gutenberg 9.6 y una versión estable del tema Twenty Twenty-One Blocks, que podemos comenzar a ver el futuro de lo que será WordPress a lo largo de 2021.

Junto con WordPress 5.0 apareció el nuevo Editor de Bloques, una sustitución del, ahora llamado, Editor Clásico. Con los bloques se abría un abanico de posibilidades en los que los contenidos no eran simple HTML o texto con negritas y cursivas, sino que los contenidos pasaban a tener vida propia, pudiendo añadir un encabezado, un párrafo, listas, tablas, columnas o destacados de forma muy sencilla.

Pero esto sólo estaba disponible para los contenidos, las páginas, las entradas y algunos tipos de contenidos personalizados. Hasta ahora.

¿Cómo será la edición completa del sitio WordPress 5.6?

El funcionamiento es similar al del Personalizador de Apariencia actual. Tendremos una serie de plantillas a seleccionar, como la página principal, una entrada o una página, y podremos cambiar su aspecto.

WordPress Editor de Bloques Hit soluciones
Imagen a pantalla completa del Editor de Sitio, con el selector de plantillas a la izquierda.

Para empezar, podremos utilizar unos bloques específicos, como pueden ser el bloque de Logo, o el de Navegación para crear los menús. Y esto será modificable para cualquier parte de lo que no son los contenidos en sí.

WordPress Editor de Bloques Hit soluciones
Cabecera del sitio con el bloque de Logo y la selección del bloque de Navegación.

Y también podremos decidir cómo queremos que sean, en el caso de la página principal, el listado de contenidos. Es el que, por ahora, se llama Query Block.

WordPress Editor de Bloques Hit soluciones
Selección de variaciones de formato en el Query Block

Esto nos dará pie a poder cambiar, a nuestro gusto, el título, contenido, autor, fecha, comentarios…

WordPress Editor de Bloques Hit soluciones
Algunos de los nuevos bloques relacionados con los contenidos de una Entrada

¿Puedo probar el Editor del Sitio?

La respuesta es sí, con un pero. Y es que toda esta tecnología aún está en desarrollo, por lo que lo puedes probar sin problema, pero no es recomendable en un sitio que esté funcionando; nuestra recomendación es que hagas pruebas en un sitio nuevo.

Crear un sitio nuevo

Lo que se muestra a continuación es una demostración. Por lo primero que necesitarás es tener un sitio WordPress en el que hacer pruebas, y que si se rompe puedas eliminar sin problema.

No hace falta que tu sitio tenga ningún contenido. Con una instalación básica sería suficiente. Eso sí, ha de ser de, al menos, WordPress 5.6.

Activar el plugin Gutenberg

Para hacer la prueba deberás instalar el plugin Gutenberg. Deberá ser, al menos, la versión 9.6.

WordPress Editor de Bloques Hit soluciones
Plugin Gutenberg

Activar el tema Twenty Twenty-One Blocks

El nuevo tema Twenty Twenty-One Blocks (no confundir con Twenty Twenty-One) todavía no está disponible en el directorio de Temas de WordPress, por lo que deberemos descargarlo antes de subirlo. Esto lo haremos desde la zona de Experimentos de Temas de Github.

También podemos descargarlo directamente desde aquí → Download ZIP.

Una vez descargado y descomprimido el tema, en este caso vamos a usar sólo la carpeta del tema tt1-blocks. Podemos subir esta carpeta por FTP a la carpeta de /wp-content/themes/, o subir un ZIP sólo con este tema desde el panel.

En el listado de temas (Apariencia) tendremos tanto el Twenty Twenty-One, como el Twenty Twenty-One Blocks (también tt1-blocks).

WordPress Editor de Bloques Hit soluciones
Temas Twenty Twenty-One y Twenty Twenty-One Blocks

Una vez activemos el tt1-blocks veremos que en el menú de opciones de WordPress nos aparecerá la nueva sección Site Editor (beta).

A partir de este momento ya tenemos un sitio para hacer las pruebas que queramos con este nuevo tema, que permite los cambios visuales directamente con bloques.

En la parte superior tendremos la posibilidad de seleccionar qué plantilla queremos modificar.

WordPress Editor de Bloques Hit soluciones
Menú de selección de plantillas

En este momento podrás modificar los contenidos existentes y añadir algunos nuevos bloques.

WordPress Editor de Bloques Hit soluciones
Cabecera del sitio con el bloque de Logo y la selección del bloque de Navegación

Aquí podemos ver algunos de los bloques específicos que hay para el Editor del Sitio.

WordPress Editor de Bloques Hit soluciones
Algunos de los nuevos bloques específicos para el Editor del Sitio

Sin duda es un gran comienzo para hacer pruebas y ver lo que nos espera en un futuro no muy lejano en cuanto a la edición y cambios del sitio aprovechando el Editor de Bloques de WordPress 5.6, sin necesidad del Personalizador.

5/5 - (1 voto)
Picture of HIT Closer

HIT Closer

Compartir:

Holi!

Como buenos programadores, en HIT dominamos varios lenguajes. También el tuyo.