Avances de Gutenberg 13.0 WordPress 6.0 Mejoras


WordPress lanzó la versión 13.0 de Gutenberg, que incluye numerosas mejoras que lo acercan varios pasos importantes a convertirse en el creador de sitios web fácil de usar que pretende ser.

Esta actualización de Gutenberg es un hito importante porque las características de este complemento se incluirán en el núcleo de WordPress 6.0, cuyo lanzamiento está programado para el 24 de mayo de 2022 y es un gran problema en el mundo de la publicación.

Editor Gutenberg de WordPress

Gutenberg es un creador de sitios web de estilo visual diseñado para facilitar la creación de sitios web para los editores.

Se llama visual para describir el proceso de creación de un sitio utilizando una interfaz de arrastrar y soltar o apuntar y hacer clic en un lienzo virtual que se puede visualizar cómo se verá a medida que lo diseñe.

En lugar de manipular el código, con este estilo de creación de sitios web, el editor manipula elementos de la página web como el encabezado o el pie de página. Esos elementos de la página web se denominan Bloques.

Esta es una forma de crear sitios web que existe desde hace mucho tiempo en diferentes formas, al menos desde finales de la década de 1990 con la introducción del software de creación de sitios web Dreamweaver de Macromedia (ahora Adobe).

En aquel entonces, este estilo de creación de páginas web se conocía comúnmente como una interfaz Lo que ves es lo que obtienes (WYSIWYG).

Los complementos de WordPress como Divi y las plataformas de creación de sitios web SaaS que no son de WordPress han ayudado durante años a los editores a crear sitios con una interfaz de creación de sitios web visual.

Gutenberg es la versión de WordPress de la interfaz visual del creador de sitios web que facilita la creación de un sitio web.

El beneficio de Gutenberg es que es parte del núcleo de WordPress, lo que (en teoría) ayuda a que los sitios web creados con Gutenberg funcionen más rápido que con un complemento de terceros.

Gutenberg 13.0 ofrece múltiples mejoras que ayudarán a que WordPress 6.0 sea un importante camino adelante para el mundo de la publicación y eso es muy emocionante.

Bloques de Gutenberg

La interfaz de diseño de Gutenberg se describe usando la palabra bloques. Para fines de diseño, una página web se divide en secciones llamadas bloques.

La parte superior conocida como encabezado es un bloque. El menú de navegación es un bloque. Y los lados donde van varios widgets también son un bloque.

Cada bloque se puede mover y manipular para crear un diseño de página web.

Por lo tanto, el bloque en la parte superior de la página donde va la imagen destacada se puede diseñar individualmente con solo apuntar y hacer clic. Simplemente haga clic en el bloque al que desea agregar texto o una imagen de fondo y luego elija de un menú contextual para hacer lo que desea hacer.

Seleccionar texto en bloques

Una mejora innovadora introducida en Gutenberg 13.0 (y en WordPress 6.0) es la capacidad de seleccionar texto en varios bloques. Esto es importante porque los bloques existen como una forma de diseñar la apariencia de la página web y el texto es algo que se coloca dentro de esos bloques.

Esta nueva función ofrece al editor más libertad para crear una página web sin estar limitado por reglas (aparentemente) arbitrarias, como no poder seleccionar texto en varios bloques.

Patrones de nivel de página

Esta es una característica innovadora que acerca a Gutenberg varios pasos a ser un creador de sitios web fácil de usar.

La función de patrones se introdujo en 2020 en la versión 7.8 de Gutenberg como una API para que los desarrolladores la utilicen para crear patrones de diseño para las secciones de una página.

Lo que hace la última versión de la función de patrones es habilitar plantillas de página que se pueden seleccionar como punto de partida para crear un diseño de página web.

Entonces, en lugar de comenzar una página web desde cero, un editor puede comenzar con un patrón preconfigurado para una página completa y luego personalizar la página desde allí.

Esta es una característica que ya es común en muchos creadores de páginas de WordPress existentes, así como en los creadores de sitios web SaaS. Así que definitivamente es un camino adelante para que WordPress finalmente tenga esta función.

Manipulación del diseño de pilas o filas

Continuando con el objetivo de hacer que WordPress sea fácil de diseñar, la nueva versión de Gutenberg permite organizar los bloques seleccionados como un diseño de bloques o filas.

Y desde allí, un editor puede usar el menú contextual para manipular aún más el diseño.

Aquí hay un video que muestra cómo funciona:

El anuncio de WordPress lo describió:

“Los bloques ahora se agrupan fácilmente en un diseño de pila o en un diseño de fila con un solo clic.

En Gutenberg 13.0, seleccionar muchos bloques a la vez expone las variaciones de Pila y Fila del bloque Grupo justo en la barra de herramientas”.

Bloquear control de fronteras

Esta es una mejora de una función ya existente con un nuevo componente BorderControl.

Un menú contextual proporciona una forma de controlar los bordes alrededor del bloque para cambiar el estilo, el color y el ancho.

Usar imagen destacada en el botón Bloque de portada

Un bloque de portada es un bloque especializado que se puede usar para crear la sección de imagen principal en la parte superior de la página. El fondo del bloque puede ser un color, una imagen o un video.

La actualización del bloque de portada agrega un botón para que pueda usar instantáneamente la imagen destacada para la página web.

Suena como algo menor, pero en realidad es una funcionalidad importante.

El anuncio de WordPress entusiasmó:

“Con el bloque de Portada actualizado, la imagen destacada de la publicación ya no es una ocurrencia tardía, es una parte integral de la publicación. ¡Simplemente haga clic en el botón «Usar imagen destacada» y listo!

Hay muchas más mejoras acumulativas en Gutenberg 13.0 que juntas contribuyen a hacer de esta una actualización significativa del editor de bloques de WordPress que finalmente llegará a la próxima versión de WordPress, la versión 6.0.

Citación

Lea el anuncio oficial de WordPress

¿Qué hay de nuevo en Gutenberg 13.0?





Consultar el artículo en la publicación original

Avances de Gutenberg 13.0 WordPress 6.0 Mejoras