Actualización de Gutenberg 21.0: interfaz unificada y funcionalidad mejorada en todos sus aspectos

El 11 de junio de 2025.Gutenberg (nombre)El editor se ha actualizado a la versión 21.0. La actualización se centra en el control de la estructura del editor, la unificación de la interfaz de configuración, mejoras de accesibilidad, corrección de errores y optimización de la documentación y la calidad del código. Aquí tienes un desglose completo de los aspectos más destacados de la actualización.

I. Nueva función de cambio de elementos HTML para bloques de botones y separadores

botonesEl bloque añade un selector de elementos HTML a la configuración avanzada para admitir la función <a> responder cantando <button> Alternar entre ellos facilita una estructuración semántica más flexible y una mayor compatibilidad con los lectores de pantalla.

El bloque separador también proporciona <hr> junto con <div> Dos opciones de alternancia de elementos para crear fácilmente efectos de separación de estilos personalizados.

II. Refactorización a gran escala de la interfaz ToolsPanel: unificación de la experiencia de configuración de bloques

Con el fin de unificar la estructura del panel de configuración, la interfaz de configuración de propiedades de varios bloques se ha renovado por completo para utilizar la interfaz ToolsPanel. Los bloques implicados en esta ocasión son:

Bloque de comentarios: fecha del comentario, nombre del autor del comentario, enlace de edición del comentario, título del comentario, paginación del comentario
Bloques comunes: botones, incrustaciones, archivos, listas, títulos de artículos,RSSÚltimos mensajes, formularios y campos de entrada
navegadorRelacionados: bloque de navegación principal, enlaces de navegación y enlaces de submenú

La interfaz de los elementos de ajuste es más regular, los parámetros están más concentrados y la eficacia de la búsqueda y el funcionamiento mejora de forma evidente.

III. La interacción con el teclado y el control del enfoque se han mejorado por completo.

Múltiples bloques y componentes de control reciben soporte de accesibilidad:

El bloque de botones corrige el problema por el que el foco desaparecía tras desvincularse.
El bloque Columnas ajusta la lógica de uso de los controles del panel Configuración
datosLos bloques mejoran la capacidad de respuesta de las operaciones con el teclado y facilitan la selección de bloques anidados en la vista de lista.
Ajuste de la combinación de colores de los botones de la barra de herramientas para mejorar el contraste en los modos más oscuros.

IV. Mejora y reparación de funciones de bloques y componentes de uso común

Múltiples bloques recibieron mejoras estructurales y de control estilístico, y se abordaron problemas comunes:

Las ranuras de control vacías ya no aparecen en los bloques de botones.
Se ha corregido el problema de los clics en los pies de las imágenes de la galería.
Los bloques Pullquote ahora permiten anular los estilos referenciados a través de los archivos de estilo del tema.
Los enlaces sociales admiten traducciones localizadas de los nombres de los servicios, los ajustes de tamaño se adaptan a una zona de control más adecuada

Otras mejoras son:

código cortoEl soporte de bloques añade atributos de función para mejorar la estructura semántica
Soporte de bloque de vídeo para establecer la pista de subtítulos por defecto
Los enlaces de navegación y los controles de submenú ocultan algunos de los controles de la interfaz de usuario, pero mantienen la compatibilidad con las propiedades subyacentes.
Presentación unificada del panel de configuración para los bloques de formularios y campos de entrada.

V. Lógica de componentes y optimización de la API interna

El control ComboBox admite la lógica de correspondencia Unicode para un rendimiento más estable al introducir contenido multilingüe.
Los componentes de arrastrar y soltar permiten sustituir los iconos predeterminados para una mayor personalización.
El selector de enfoque de imágenes corrige un problema por el que las imágenes SVG con anchuras no especificadas no se mostraban correctamente.
Los campos de token de formulario ya no se retrasan al procesar filtros de cadenas largas.
Se ha corregido la lógica del valor predeterminado para el control de alineación vertical en Flex Layout.

interactivo API En el módulo, los parámetros de algunas funciones se han hecho opcionales para mejorar la flexibilidad. Al mismo tiempo, se ha eliminado el módulo experimental "Full Page Client Navigation" para aligerar la función principal.

VI. Mejora de la documentación y la experiencia de desarrollo

Optimización sistemática de la documentación para desarrolladores y los archivos de configuración:

Atributo ALT completo para todas las imágenes
Corrección de la falta de descripciones de los tipos de retorno en la documentación de las funciones
Autorización y armonización JSON Campo de dirección de referencia del esquema
Actualización de las expresiones terminológicas y sustitución de las descripciones de campo obsoletas
Múltiples archivos tutoriales con un formato de sintaxis de código actualizado

La documentación para useDropZone y otros hooks también está escrita en una nueva versión del estilo de escritura de funciones, que está más en línea con los estándares actuales del proyecto del editor Gutenberg.

VII. Extensión de la cobertura de las pruebas y optimización de la limpieza del código

Esta versión incluye varias mejoras en la cobertura de las pruebas unitarias y de extremo a extremo:

Pruebas E2E con la incorporación de la función FocalPointPicker
Prueba exhaustiva para añadir la función de bloqueo de plantillas
Corrección de la lógica de cobertura de casos de prueba para las API de bloque
adapte PHP Configuraciones de prueba para adaptar los puertos de prueba a distintos entornos

En cuanto al código, se ha eliminado la lógica de enfoque forzado innecesaria en el control InputControl y se ha limpiado el código heredado en SuggestionsList que no se llamaba. Además, se ha añadido un valor clave único al elemento de la pista de subtítulos en el bloque de vídeo para evitar la excepción de renderización de la lista.

resúmenes

La versión 21.0 del Editor Gutenberg es una actualización con amplitud y profundidad, que abarca múltiples dimensiones como el control semántico, la estructura de la interfaz, la lógica de interacción, los estándares de documentación, las interfaces de desarrollo, los marcos de pruebas, etc. Para los creadores de contenido, diseñadores, desarrolladores de temas y desarrolladores de plugins, esta versión traerá una ruta de configuración más consistente, una retroalimentación de operación más suave y una estructura de interfaz de código más razonable.

Para más información, visiteComunidad WordPressComprueba si lo has entendido.

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