La actualización 22.4 de Gutenberg salta por los aires: se activan los valores predeterminados de colaboración y se revisa el editor de bloques.

1. Resumen de la versión

El plugin Gutenberg está disponible en 22.4.0 y 22.4.1 en GitHub Registro de actualización. El ritmo general es claro:

22.4.0 es una gran versión en términos de funcionalidad y experiencia, con muchas novedades y mejoras.
22.4.1 es una versión de parche menor que se centra en solucionar un problema de límites en el motor de estilo.

1.1 Orientaciones básicas para 22.4.0

Puedes ver en la entrada de actualización que está haciendo tres cosas principales:

La edición colaborativa pasa de la experimentación a la experiencia por defecto
Optimización continua de la usabilidad, accesibilidad y estructura de representación de la biblioteca y el editor de bloques.
Sistema de componentes UI, DataView/DataForm, la cadena de herramientas es más completa, conveniente para el desarrollo de temas/plugins.

1.2 Posicionamiento de 22.4.1

22.4.1 Sólo hay una corrección relacionada con la "calidad del código", que es un típico parche de estabilidad: arreglar la lógica del motor de estilo para tratar los parámetros de fuente que faltan, para evitar un comportamiento anormal al generar declaraciones de estilo.

2. 22.4.0 nueva característica: edición colaborativa en la experiencia por defecto

El punto "colaboración en tiempo real" del registro de cambios es clave: la función de edición colaborativa ha pasado de ser experimental a ser la experiencia predeterminada de Gutenberg.
Es decir:

En el futuro, el editor ofrecerá a más usuarios funciones de colaboración multijugador de forma más natural.
La producción de contenidos en equipo (edición, operaciones, revisión) puede ajustarse más a un flujo de trabajo "basado en documentos en línea".
Para los administradores de sitios, las especificaciones de los procesos relacionados con la colaboración son más importantes, como los permisos, el flujo de borradores, el bloqueo de contenidos y la gestión de conflictos.

3. Mejoras en la biblioteca de bloques: de "funcionar" a "más fluido".

Las entradas de la "biblioteca de bloques" de 22.4.0 son densas, y las más destacadas pueden agruparse en varias categorías.

3.1 Apoyo al interlineado

Añadido "soporte de interlineado" a la biblioteca de bloques. Útil para sitios de tipografía:

Mejor control del ritmo visual de los títulos, párrafos y listas.
Los temas no tienen que depender de mucho CSS personalizado para cubrir sus bases.
También es más adecuado para sitios multilingües, donde las diferencias de densidad literal entre idiomas se compensan más fácilmente.

3.2 Variantes a nivel de título

En la biblioteca de bloques aparece "Añadir variante de nivel de título". Significa:

Los títulos no son sólo una opción semántica para H2/H3, sino que también pueden aplicarse más rápidamente con una jerarquía visual coherente.
Ahorre tiempo al estandarizar la estructura de los contenidos y reduzca la frecuencia de los ajustes manuales de tamaño de letra y espaciado.

3.3 Filtro LinkPicker y Breadcrumb

La actualización menciona el componente LinkPicker y añade filtros a la navegación por migas de pan (block_core_breadcrumbs_items). Este tipo de cambios están más en el lado de la "extensibilidad":

Sitios con navegación compleja, estrategias de salto, reglas de parámetros de seguimiento, filtros que permiten personalizar sin cambiar el código principal.
Las mejoras del LinkPicker harán que la "selección de un enlace" sea más coherente y menos fragmentada en las distintas secciones.

3.4 HtmlRenderer: limpieza del valor de los divs redundantes

Varias de las actualizaciones apuntan al HtmlRenderer y hacen hincapié en la eliminación de envoltorios div redundantes. No subestimes estos cambios "invisibles":

DOM front-end más limpio, menos baches en la cobertura CSS
Estructura de renderizado más estable y mejor compatibilidad con estilos/scripts de terceros.
El rendimiento y la facilidad de mantenimiento también suelen ser más estables (especialmente con páginas largas y plantillas complejas).

3.5 Soporte dinámico de anclaje de bloques

También hay entradas en la biblioteca de bloques como "Añadir soporte de anclaje para bloques dinámicos". Crítico para catálogos, saltos y estructuración de textos largos:

A las páginas de contenido les vendría bien un salto de párrafo más fiable
También ayuda a la legibilidad SEO y a la retención del usuario (los usuarios llegan más rápido al párrafo de destino).

4、Experiencia del editor de bloques: panel, entrada y diseño más detallados.

La sección "Editor de bloques" del registro de cambios contiene una serie de puntos que afectan directamente a las operaciones diarias.

4.1 autoComplete: control del autocompletado del navegador

Añadida la propiedad autoComplete para bloquear el autocompletado del navegador. Puntos de valor común:

Algunos cuadros de entrada del editor no quieren ser "rellenados" por el navegador, lo que afectará a la experiencia de edición.
Interfaz de usuario más controlable para los formularios y la configuración con el fin de reducir los falsos disparos.

4.2 Variantes de estilo en el panel Herramientas

"Inspector de bloques: actualizar el diseño de variantes de estilo para utilizar el panel de herramientas" Este cambio, el objetivo suele ser:

Arquitectura de la información más coherente: mejor acceso a estilos, ajustes y variantes.
Los bloques complejos tienen menos probabilidades de "ocultar" entradas de configuración

4.3 allowWrap: diseño flexible para un mayor control

La opción allowWrap (para maquetaciones flexibles) aparece en las actualizaciones relacionadas con la maquetación. Resuelve un problema común:

Antes, a menudo había que recurrir a CSS para obtener "saltos de línea/no saltos de línea".
Ahora es más probable controlar las reglas tipográficas directamente en el editor, y la reutilización de plantillas es más estable

4.4 Indicaciones y controles de visibilidad

La actualización también menciona la adición de sugerencias de visibilidad de bloques ocultos al inspector, mejoras en ContentOnlyControls, etc., que van en la dirección de "reducir el mal uso":

Es más probable que los usuarios sepan por qué un bloque no está visible
Información de estado más clara al editar

5, DataView / DataForm: la experiencia de los datos backend sigue iterando

La actualización "Vista de datos" del registro de cambios está muy centrada, lo que indica que el equipo sigue puliendo las capacidades de la interfaz de gestión/lista de datos.

5.1 Disposición y agrupación configurables

Añadir selector de fondo y estilo para el diseño de iconos
Añade groupBy.showLabel para controlar la visualización de las etiquetas de los títulos de los grupos.
De este modo, la vista de datos podrá alternar más libremente entre una "visualización densa de información" y un "aspecto más fresco".

5.2 Guardar el estado de los filtros es más bien una "herramienta utilizable"

Actualizaciones como "Asegúrese de que el filtro utilizado más recientemente es el 40" son pragmáticas:

Los administradores no tienen que restablecer repetidamente los criterios de filtrado
Flujo de trabajo más fluido para las operaciones de datos y contenidos

5.3 Formatos fecha-hora y limpieza interactiva

Instrucciones para implementar el formato de fecha y hora, eliminar la selección de foco de fila de tabla con botones de acción hover y mucho más:

Reduce las distracciones y mejora la seguridad de las operaciones de la lista
Convertir las interacciones de "elegantes" a "eficientes"

5.4 Cardado de Layouts e igualación de colores en el campo

El LayoutCard de DataForm se ajusta al diseño de tarjeta, los colores de los campos de lista de DataViews se actualizan, lo que es "ingeniería de legibilidad":

Más fácil de escanear
Más adecuado para campos complejos, escenarios de back-office multiestado

6, mejora de la capa de desarrollo y mantenimiento: sistema de componentes y base de estilo más maduros

22.4.0 tiene un gran número de componentes de interfaz de usuario y entradas de ingeniería en Mejoras:

Añadir Campo, Entrada, Conjunto de campos, Icono, Botón y otros componentes básicos.
Gestión de variables de estilo con @wordpress/base-styles para reducir la duplicación de declaraciones entre paquetes
Stylelint añade la comprobación de tokens de diseño
Theme_JSON_Resolver, wp-env, Storybook y otros también han sido actualizados.
Este tipo de cambios son importantes para los desarrolladores: cuanto más uniformes sean los componentes, más estable será la reutilización entre proyectos y menores serán los costes de mantenimiento.

7. 22.4.1 Punto fijo: motor de estilo más estable

La corrección de 22.4.1 puede interpretarse como que el motor de estilo terminará antes en la fase de añadir declaración de estilo cuando los parámetros relacionados con la fuente no se pasen correctamente, evitando herencias incorrectas o declaraciones no válidas y mejorando así la estabilidad.

8. Sugerencias para la actualización: consulte esta lista antes de conectarse a Internet.

Experiencia en edición: centrada en probar el interlineado, las variantes de cabecera, los consejos para bloques ocultos, el selector de enlaces
Estilos de tema: compruebe si se ven afectados los estilos de bloque personalizados, las configuraciones de theme.json y las variables de estilo globales.
Bloques/plugins personalizados: si depende de estructuras DOM específicas, céntrese en las limpiezas de divs relacionadas con HtmlRenderer.
Interfaz de gestión de datos: ejecute un DataView con datos reales para filtrar, agrupar y mostrar fecha y hora.
Método de lanzamiento: primero actualizar en el sitio de pruebas/entorno previo al lanzamiento y, a continuación, ponerlo en marcha con poco tráfico, para garantizar que sea posible la reversión.

resúmenes

Gutenberg 22.4.0 fue una combinación de "implementación de características + pulido de experiencia + refinamiento de ingeniería": la edición colaborativa se convirtió en la predeterminada, las bibliotecas de bloques se hicieron más fáciles de usar, los editores se hicieron más controlables, y DataView se convirtió en una herramienta de back-end más completa. 22.4.1 parcheó el caso límite del motor de estilo con una pequeña corrección, haciéndolo más adecuado para actualizar a una versión estable en la misma línea. Es mejor actualizar a la misma línea de la versión estable.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres