Gutenberg 11.9 se centra en los menús de navegación y la tematización de bloques

Gutenberg 11.9 aterrizó el miércoles y está repleto de docenas de mejoras. Los colaboradores están avanzando rápidamente, obteniendo algunas de las funciones finales antes del lanzamiento de WordPress 5.9, que se espera para el 14 de diciembre.

La versión 11.9 es la última versión del complemento que incluye nuevas funciones para la próxima actualización de WordPress. Las correcciones de errores seguirán transfiriéndose en las próximas semanas.

La edición del sitio y los bloques relacionados con temas ocupan la mayor parte del centro de atención. WordPress 5.9 se enviará con su primer tema de bloque predeterminado, Twenty Twenty-Two. Para muchos usuarios, esta será su primera experiencia con la edición de plantillas y los estilos globales.

El bloque de navegación recibió mucha atención, y con razón. Los desarrolladores resolvieron algunos problemas vitales de portabilidad de datos y crearon una experiencia de usuario más completa.

Todavía hay mucho margen de mejora en general, pero Gutenberg ha recorrido un largo camino en los últimos meses. Estoy entusiasmado con el aspecto que tendrán las nuevas funciones una vez que lleguen al lanzamiento general de WordPress.

Editor del sitio reducido, su menú movido y renombrado

El editor del sitio se ha reducido hasta el punto en que ya no es la característica a la que los usuarios del complemento de Gutenberg se han acostumbrado en estos últimos meses. Es esencialmente un camino hacia la función de estilos globales.

Cuando se trata de plantillas, solo se puede acceder a la página de inicio del sitio a través de la interfaz. Al hacer clic en el ícono "W" en la parte superior izquierda del editor, ya no se abre el panel de plantillas familiar, que anteriormente permitía a los usuarios navegar, seleccionar y personalizar plantillas individuales.

Al hacer clic en el botón "Examinar todas las plantillas", los usuarios salen del editor del sitio a una pantalla de plantillas. Parece una lista de publicaciones y no incluye instrucciones sobre cómo, por ejemplo, sobrescribir un archivo de autor u otras plantillas de temas. Conozco el sistema lo suficientemente bien como para entender lo que está sucediendo, pero solo puedo imaginar que esto sería impactante para el usuario promedio.

Los usuarios pueden saltar a las áreas de encabezado y pie de página en el editor del sitio haciendo clic en el menú desplegable. El editor simplemente se enfoca en esas partes de la plantilla sin cambiar de pantalla.

Sin embargo, no veo forma de editar plantillas específicas desde el editor del sitio. El resultado es un editor de plantillas de índice diluido con estilos globales, la única característica redentora.

El elemento del menú del editor del sitio ahora también se ha movido debajo del menú Apariencia en el administrador de WordPress. Ahora se llama simplemente "Editor". Por supuesto, el submenú "Editor de temas" todavía está allí.

No espero que esto sea confuso para los usuarios en absoluto...

Dejando de lado el sarcasmo, este es el lugar apropiado para el nuevo editor del sitio, que solo aparecerá si un usuario tiene un tema de bloqueo activo. Sin embargo, los dos nombres de submenú claramente entran en conflicto. ¿Podría haber un lugar mejor para mover el Editor de temas? Una propuesta la vería caer en Herramientas en el menú de administración.

Uno debe preguntarse cuánto uso habrá para editar directamente archivos de temas en un mundo de bloques. Las plantillas se pueden sobrescribir a través de la interfaz de usuario. La configuración theme.json se maneja a través de la interfaz de estilos globales. Eso en su mayoría solo deja functions.php como el único obstáculo. Puede que sea el momento de desactivar la edición de archivos de forma predeterminada en WordPress, al menos para los temas de bloque.

Explorador de patrones

Los usuarios de computadoras de escritorio y tabletas ahora pueden disfrutar de una superposición de patrón de pantalla completa. En lugar de desplazarse interminablemente por docenas o incluso cientos de patrones en el insertador estrecho, pueden hacer clic en un nuevo botón "Explorar" para explorar patrones en una interfaz con un poco más de espacio para respirar.

Cubrí esta nueva función en una revisión completa a principios de esta semana. Todavía hay algunos problemas para resolver con el diseño, pero funciona bien hasta ahora. También sienta las bases para un conjunto más amplio de funciones en el futuro.

Almacenamiento de datos de navegación y bloqueo del área de navegación

Los datos del bloque de navegación ahora se almacenan en un tipo de publicación dedicado wp_navigation . Al guardarlo por separado, los colaboradores ahora han corregido uno de los problemas de larga data con los menús de navegación basados ​​en bloques: la portabilidad.

En iteraciones anteriores del bloque, los usuarios perdían sus menús cuidadosamente elaborados cada vez que cambiaban a un nuevo tema de bloque. Tendrían que recrear contenido que normalmente no cambia con frecuencia.

Junto a esta mejora, hay un nuevo bloque de área de navegación, que sirve como contenedor para la navegación. Los autores de temas podrán definir áreas personalizadas en sus plantillas de tema de bloque con el siguiente código:

 <!-- wp:navigation-area {"area":"primary"} --> <!-- wp:navigation /--> <!-- /wp:navigation-area -->

El bloque de navegación anidado está asociado con una publicación de wp_navigation . Este será el formato preferido para los autores de temas en el futuro.

Cuando un usuario cambia de tema y el nombre del "área" coincide con su tema anterior, el menú simplemente se transfiere y aparece automáticamente. Si no coinciden, el usuario puede asignar un menú guardado. La relación menú/área se almacena en la base de datos.

Uno de los problemas con el bloque Área de navegación es que no tiene controles de alineación. Técnicamente, no genera ningún HTML en sí mismo. Sin embargo, su existencia en el editor prohíbe que un usuario seleccione una alineación amplia o completa para su bloque de navegación interno.

Transparencia de filtro de duotono

Los filtros de duotono en bloques como Imagen y Portada ahora admiten transparencia. Los usuarios ahora verán un control deslizante debajo del selector de color al ajustar las sombras o las luces.

La función abre la puerta a un efecto de doble exposición o máscara de imagen al colocar un bloque de imagen sobre una cubierta. Alex Lende mostró algunos ejemplos de cómo podría funcionar esto en el ticket.

Los desarrolladores también notaron posibilidades para una opción de tritono y otros tipos de filtros.

API para acceder a estilos globales

Los autores de temas y complementos deberían divertirse con esta nueva API para interactuar con el sistema de estilos global. Anteriormente, los desarrolladores tenían que usar la clase WP_Theme_JSON_Resolver para extraer los datos que necesitaban del lado del servidor. Ahora, tienen tres nuevas funciones:

• gutenberg_get_global_settings() : devuelve la configuración.
• gutenberg_get_global_styles() : devuelve la configuración de estilo.
• gutenberg_get_global_stylesheet() : devuelve la hoja de estilo global.

Presumiblemente, estas funciones serán renombradas antes de aterrizar en WordPress 5.9 y no tendrán el prefijo gutenberg_ . Los autores de temas deben envolver cualquier uso de estos en las comprobaciones de function_exist() para estar seguros.

Nuevos bloques de comentarios

Varios bloques de comentarios nuevos han aterrizado en la última actualización del complemento. Los bloques Comments Query Loop y Comment Template funcionan de manera similar a sus contrapartes de publicación. Sin embargo, el resultado actual es una función básica que no está lista para su uso en producción. Los comentarios anidados no se muestran y no hay muchas opciones para personalizar la salida.

Es un paso hacia los autores y usuarios de temas de bloque (a través del editor del sitio) que controlan la salida de comentarios de las publicaciones. Gutenberg 11.9 también incluye nuevos bloques auxiliares de comentarios que serán necesarios para las plantillas:

• Comentario Responder Enlace
• Enlace de comentario
• comentar avatar

Por un tiempo, los comentarios se han sentido como una ocurrencia tardía. Cualquier movimiento para completar estos bloques faltantes relacionados con el tema es bienvenido.