Gutenberg 11.5 agrega agrupación de widgets, itera en la función Block Gap y actualiza los menús de navegación

Gutenberg 11.5 aterrizó hoy. Es un lanzamiento considerable que incluye cambios extensos en el bloque de navegación, una nueva forma de agrupar widgets y más integración de funciones de espacio entre bloques.

He tenido reacciones mixtas a las funciones que se incluyeron en la última versión. En algunos puntos, pensé para mis adentros, finalmente, esto lo logró . En otros momentos, rendí mi mejor versión del famoso facepalm de Jean-Luc Picard. Pero la rueda sigue girando y los desarrolladores que dedican su tiempo y esfuerzo al proyecto continúan mejorándolo.

Una nota rápida es que todos los que no ejecutan un tema compatible con el editor de bloques deben verificar que sus estilos de backend no estén fuera de lugar. Gutenberg genera automáticamente algunos estilos de editor predeterminados si el tema activo del usuario no registra el suyo propio o no tiene un archivo theme.json presente. Esto debe incluirse en un lanzamiento puntual como WordPress 5.8.2 para que los usuarios no lo esperen hasta el 5.9.

Cambios en el bloque de navegación

Dado que los menús de navegación siguen siendo un punto débil en la edición del sitio, Gutenberg ha agregado nuevos niveles de complejidad. Los bloques Título del sitio y Logotipo del sitio están permitidos dentro del contenedor de Navegación.

Como compartió Joen Asmussen en el ticket original, algunos diseños complejos se beneficiarían al permitir más elementos internos dentro del bloque de navegación:

Esto podría abrir un mundo de posibilidades de diseño para los autores de temas a través de patrones personalizados.

No tengo ningún problema con que Gutenberg aborde la base de estos diseños más avanzados. Sin embargo, todavía tenemos que suavizar los conceptos básicos de navegación. La experiencia de buscar e insertar enlaces en el sitio es mediocre en el mejor de los casos y requiere varios clics del mouse. Hay un boleto abierto para una experiencia de navegación más ligera, y ese debería ser el enfoque.

Los autores de temas también deben tener en cuenta que el bloque de navegación ahora se basa en la propiedad gap de CSS para el espaciado en lugar del margin . Casi me perdí esto desde que lo personalicé para mis propios proyectos hace meses: bienvenido a 2021, donde ya no necesitamos depender de soluciones de margen pirateadas para un espaciado simple . Este cambio podría afectar los diseños de temas existentes.

Aviso de administrador de FSE limitado a la pantalla de temas

Hay muchas quejas con el complemento de Gutenberg, ya que sus funciones cambian constantemente. Sin embargo, lo más molesto de ejecutar el complemento ha sido su aviso de administrador persistente y no descartable cuando un usuario está ejecutando un tema de bloque.

En versiones anteriores del complemento, este aviso aparecía en todas las pantallas del backend. Ahora, solo aparece en la página Temas/Apariencia.

En los últimos meses, he mantenido activo el complemento Toolbelt de Ben Gillbanks con el único propósito de ocultar este aviso.

Buen viaje. Despedida.

Bloque de grupo de widgets

Si bien generalmente creo que los desarrolladores de complementos de Gutenberg y el núcleo de WordPress hacen un buen uso de los comentarios, el sistema de widgets basado en bloques ha sido un área en la que el proyecto ha fallado. Como he estado repitiendo desde septiembre de 2020, la función se rompió fundamentalmente. El objetivo era permitir a los usuarios finales agregar bloques en más lugares, pero nunca fue compatible con el marcado y los estilos de temas clásicos.

Propuse usar patrones, pero el equipo optó por un bloque de Widget Group. El resultado final es similar pero no exactamente igual. La buena noticia es que corrige lo que debería haber sido un bloqueador para que la característica aterrizara en el núcleo.

La mejor noticia es que es probable que llegue a WordPress 5.8.2 en lugar de la versión 5.9 a finales de este año.

No iría tan lejos como para llamarlo una solución perfecta. La experiencia no aclara inmediatamente cómo agregar un título de widget. Los usuarios primero deben agregar un bloque. Una vez que se agrega un bloque, pueden hacer clic en el marcador de posición de encabezado/título que aparece. Luego, la interfaz de usuario cambia a un campo para escribir el título.

El siguiente video muestra cómo funciona el bloque Widget Group:

Prefiero tener un poco de experiencia janky que ninguna solución en absoluto. Al menos los usuarios ahora no tienen que crear manualmente envoltorios de widgets. Algunos incluso podrían desactivar el complemento Classic Widgets si este problema fuera un atraco.

Variación de grupo de "fila" y diseños flexibles

Para comenzar a probar el nuevo sistema de diseño flexible introducido en Gutenberg 11.2, el equipo de desarrollo agregó una variación en el bloque de grupo llamado Fila. Esto permite a los usuarios alinear los bloques internos uno al lado del otro en lugar de uno encima del otro en el diseño de "flujo" predeterminado.

Hay toneladas de casos de uso para la función. Uno de los escenarios principales para los autores de temas será alinear los bloques de metadatos de publicaciones y comentarios uno al lado del otro. Anteriormente, esto requería el uso del bloque Columnas o estilos personalizados, ninguno de los cuales es ideal.

La experiencia es áspera en los bordes. A menudo me resultaba difícil hacer clic en el lugar correcto para editar un bloque, y el botón de agregar no siempre aparecía para agregar otros nuevos.

El bloque Social Icons también usa el nuevo diseño flexible. Sin embargo, actualmente no hay forma de cambiarlo al modo de flujo para enlaces sociales verticales.

Más integración de brechas de bloques

El bloque Columnas ahora usa la función de espacio introducida en Gutenberg 11.4 para manejar el espacio entre bloques de columnas individuales. Todavía no hay una interfaz de usuario para que los usuarios finales controlen esto, pero es probable que llegue a una versión futura a medida que la función evolucione.

Gutenberg 11.5 ahora ha agregado un margen inferior al título de la publicación en el editor. Por alguna razón, el equipo de desarrollo dio un salto y asumió que su manejo actual de la función de espacio entre bloques lo necesitaba. Es un problema complejo de resolver. Mientras tanto, algunos usuarios pueden ver más espacios en blanco de los que están acostumbrados entre el título y el contenido en el editor.

Por supuesto, esto depende del tema activo, su compatibilidad con la función de espacio entre bloques y sus estilos actuales.

Autor de la publicación Soporte de duotono

Para algo que se suponía que estaba destinado a la chatarra, el bloque Post Author ahora tiene una nueva vida en forma de soporte de filtro de duotono para su avatar. Funciona igual que para otros bloques, como Imagen y Portada.

El problema es que Post Author se eliminó de la última versión de WordPress porque aún no estaba lista. El bloque es una mezcla al estilo Frankenstein del nombre, el avatar y la descripción del autor. Deben ser varios bloques que los autores y usuarios de temas pueden organizar en diseños únicos.

Si bien la compatibilidad con duotono simplemente agrega una línea adicional de código, no tiene sentido continuar trabajando en el bloque en su forma actual. Me encantaría verlo como parte de un bloque de Avatar de publicación de autor separado.