Gutenberg El 24 de septiembre se publicó la versión 21.7, que aporta una amplia gama de mejoras al editor de WordPress.Esta versión se centra en optimizar Panel de control y vista de datosMejorado Control DataForm experiencia de validación e interacción, y amplía Estilo globalAdemás, hemos hecho que los elementos de los formularios sean más coherentes con el dise?o general. Al mismo tiempo, se han corregido varios errores y se han mejorado aún más el rendimiento y la accesibilidad. En la parte inferior, el editor sigue avanzando Migración a TypeScriptpara una transición fluida al futuro Reacciona 19 Sentar las bases. Tanto los creadores de contenido como los desarrolladores experimentarán un flujo de trabajo más fluido, eficiente y estable en Gutenberg 21.7.

I. Panel de mandos y funcionamiento global más cómodos

En esta nueva versión, el panel de control se ha mejorado aún más:

• Comandos CSS personalizados se ha trasladado al paquete de comandos del núcleo para una invocación más rápida al editar sitios.
• Menú Navegación Registro Basándose en la implementación de la API Core Menu, los desarrolladores pueden gestionar los menús del sitio de una forma más unificada.
• Todas las pantallas compatibles Comandos de navegaciónEl comando puede invocarse directamente tanto en la página de edición como en la pantalla de configuración.

Esto significa que la gestión del sitio será más intuitiva y que el proceso de edición ya no se limitará a una única interfaz.

En segundo lugar, la vista de datos y la actualización integral de DataForm

En esta versión se han mejorado significativamente los DataViews, entre los que destacan:

• respaldo Campo de color, selector de datos, campo de contrase?apara que la gestión de datos sea más intuitiva.

• Mejoras en el control DataFormLos grupos de selección única, desplegables y multiselección admiten validación y descripción, lo que los hace más adecuados para el comercio electrónico y los formularios.
• adicional Campos URL y teléfonoy a?ade iconos a los controles de correo y teléfono para que la interfaz sea más fácil de usar.
• campo booleano Se ha pasado de una interfaz de usuario de palanca a una de casilla de verificación, que es más intuitiva.
• Controles de fecha y hora La selección basada en el calendario se utiliza para reducir los errores de introducción de datos.
• introducir dise?o de la lista groupBy junto con dise?o de líneamás adecuado para la presentación de datos complejos.

Para los usuarios, los formularios y la presentación de datos son mucho más controlables; para los desarrolladores, hay mayor escalabilidad y facilidad de mantenimiento.

III. Bibliotecas de bloques y optimización del modelo de escritura

Novedades y ajustes en la biblioteca de bloques:

• enlace de navegación El botón "A?adir página" ha pasado a llamarse "Crear página" y se muestra directamente en el modo de escritura, lo que reduce la necesidad de cambiar de jerarquía.

• Barra de herramientas del bloque de catálogo Actualizado para facilitar y agilizar la composición tipográfica.
• Bloque de búsqueda de cláusulas Los controles Nuevo, Ordenar y Ordenar por se fusionan para un funcionamiento más conciso.
• bloque acordeón La compatibilidad con BlockGap permite a los usuarios ajustar fácilmente el espaciado de los contenidos.

En el modo de escritura, también se ha a?adido un botón de navegación para a?adir páginas y permite ocultar la fecha de publicación de los subelementos de consulta para reducir las distracciones. Estos cambios acercan la experiencia de escritura a las necesidades del mundo real.

IV. Mejoras en la encuadernación en bloque y en el editor

La nueva versión también incluye varias optimizaciones para los enlaces de bloques y el editor:

• adicional block_bindings_supported_attributes filtroque ofrece soporte para más enlaces de atributos.
• Los bloques de imágenes pueden guardarse cuando el atributo caption está vinculado al atributo
• La lógica de visualización del insertador en escenarios de bloques vacíos tiene más sentido y evita interferencias innecesarias.

Al mismo tiempo, el editor está optimizado para las etiquetas y la localización, con el fin de garantizar una experiencia de sitio multilingüe.

V. Estilo global y optimización del rendimiento

• Ampliación de la cobertura mundial de estilosEl editor del sitio siempre muestra un botón "Adjuntar CSS", y los elementos del formulario están totalmente bajo control de estilo global.

• BorderRadius Preset Fix: Evita generar nombres de variables incorrectos para mejorar la compatibilidad de temas.
• Optimización del núcleo vital de la webMejora el rendimiento de la carga reduciendo el código redundante y las animaciones.

Para los webmasters, un estilo global uniforme significa un estilo más coherente y un mantenimiento más fácil.

VI. Corrección de errores y mejoras de accesibilidad

Esta actualización corrige una serie de problemas que afectaban a la experiencia:

• Se ha corregido la excepción de desplazamiento de los ganchos de desplazamiento emergentes.
• Gestión optimizada de las variables de color de los controles de formularios.
• Corregidas referencias de puntos de inserción obsoletas, editor más estable.

en términos de mejoras de accesibilidad:

• Se puede hacer clic en el texto "n más respuestas", lo que mejora la accesibilidad a la sección de comentarios.
• Soporte del campo de comentarios TextareaAutosizeLa experiencia de entrada es mejor.
• Soporte para habilitar comentarios en línea en artículos publicados y nueva capacidad para reabrir comentarios resueltos.

Estas mejoras permiten Gutenberg Más relevante para escenarios reales de colaboración de contenidos.

VII. Desarrolladores y mejoras subyacentes

• introducción de nuevos API useCommandsLos desarrolladores pueden invocar comandos de una forma más moderna.
• Gran número de módulos migrados a TypeScriptlisto para futuras actualizaciones a React 19.
• Racionalice los archivos JS innecesarios para reducir la presión de carga.
• En cuanto a las pruebas, se a?aden nuevas pruebas de automatización y pruebas de extremo a extremo para garantizar la estabilidad de las nuevas funciones.

esto suma WordPress El desarrollo a largo plazo de la empresa ha sentado una sólida base técnica.

VIII. Resumen

Esta actualización de Gutenberg no es solo una corrección menor, es una optimización integral de la experiencia. Todo el mundo se beneficia de una escritura y un dise?o más fluidos para los editores, una API y una compatibilidad con TypeScript más sólidas para los desarrolladores, y una carga más rápida e interacciones más usables para los usuarios.

Con esta actualización, Gutenberg está más maduro y el editor de WordPress pasa a una fase eficiente, estable y preparada para el futuro.

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