Resumen de las actualizaciones de Gutenberg 20.8 y 20.9

WordPress Editor GutenbergTanto en 20.8 como en 20.9 se han introducido una serie de mejoras centradas en la experiencia de edición, la accesibilidad, el rendimiento y la calidad del código. He aquí un breve resumen de los cambios.

I. Panorama general

accesibilidad : El equipo central ha limpiado aún más los elementos HTML duplicados y ha detectado automáticamente las redundancias. <main> para evitar la confusión del lector de pantalla.
Fluidez de edición Modo de intercambio de plantillas: se ha añadido el modo de intercambio de plantillas a la barra de búsqueda para que el proceso de búsqueda de plantillas sea más intuitivo.
Actualización de componentes Nuevo relleno virtual para las ventanas emergentes a fin de evitar que se queden pegadas; el editor de gadgets ya no se cierra inesperadamente cuando el foco abandona el insertador.
Rendimiento y fundamentos Amplia refactorización del código y corrección de errores para garantizar un funcionamiento más ligero y fiable.

II. Aspectos destacados de la versión 20.8

categorización	Actualizaciones
accesibilidad	Prevención de duplicidades `<main>` que comprueba automáticamente la estructura HTML
Intercambio de plantillas	Estreno de la función de búsqueda, fácil de localizar rápidamente la plantilla
montajes	"Compatibilidad con la herramienta de línea de comandos "Crear bloque `--dominio-texto` parámetros. i18n Procesos más fluidos
ventana emergente	Se han introducido márgenes interiores virtuales para evitar que las ventanas emergentes se peguen al borde del navegador.

¿Por qué es importante?
A bastantes desarrolladores de temas les gusta personalizar sus plantillas, pero si colocas mal dos <main>La tecnología de asistencia leerá el contenido dos veces. La nueva versión ofrece corrección de pruebas para reducir este error de bajo nivel.

III. Aspectos destacados de la versión 20.9

categorización	Actualizaciones
término de búsqueda	El panel de configuración se traslada a la barra lateral del Inspector, con todas las opciones de estilo en la parte superior.
Elemento HTML	repetible `<main>` La función de detección sigue optimizándose con indicaciones más fáciles de usar.
Intercambio de plantillas	Mejora de la experiencia de búsqueda: introduzca palabras clave para filtrar todas las plantillas disponibles
vista del editor	Habilitar la división de metaframes sólo en la vista de escritorio con el lienzo en un iframe; Interacciones más centradas
gadget	El foco ya no se cierra automáticamente al salir del insertador para evitar interrupciones en la edición.

Análisis de lo más destacado

Renovación del bloque de búsqueda: Los elementos de configuración que estaban dispersos en varias ubicaciones, como el tamaño del icono y el estilo del borde, ahora están centralizados en la parte superior del panel Inspector, con menos pasos.

trasladarse aEstilosLa parte superior de la barra lateral de navegación.Mueva el elemento de navegación de estilo a la posición superior de la navegación de la barra lateral principal del editor del sitio, antes de la navegación, las páginas, las plantillas y los modos.

Búsqueda de intercambio de plantillas 2.0Las plantillas nativas y personalizadas se pueden buscar y recuperar, y la eficacia de la gestión de sitios complejos mejora significativamente.

IV. Importancia para desarrolladores y webmasters

Estructura de marcado más segura
repetible <main> No afecta al renderizado, pero interfiere gravemente con los lectores de pantalla. La nueva versión autovalida y reduce drásticamente el riesgo de accesibilidad.
Gestión rápida de plantillas
Antes era una pérdida de tiempo desplazarse por decenas de plantillas para encontrarlas; ahora introduces una palabra clave y llegas directamente a tu objetivo en un segundo.
Internacionalización de la línea de comandos
crear-bloque --dominio-texto Vinculemos los campos de texto al principio del desarrollo del bloque y dejemos de retocar las traducciones más tarde.
Detalles de la interfaz actualizados
La ventana emergente anti-pegado y la ordenación de la barra lateral parecen pequeños cambios, pero hacen que la creación de contenidos sea mucho más fluida.

V. Detalles de la actualización y preocupaciones de los promotores

Además de las mejoras de accesibilidad y la funcionalidad de búsqueda de plantillas, ambas actualizaciones contienen una serie de mejoras, correcciones de errores y adiciones de documentación para desarrolladores y usuarios avanzados en múltiples dimensiones, incluidos bloques, componentes, API, pruebas, rendimiento y mucho más.

1. Puntos destacados de la mejora

Creación de una herramienta CLI en bloque: Nuevo --dominio-texto es más fácil vincular dominios de internacionalización para proyectos en bloque y cumplir con el proceso estándar de traducción.
Optimización de la experiencia con componentes emergentes: Introduce un relleno virtual para evitar el desbordamiento visual o los toques indebidos causados por las pegatinas de las ventanas emergentes.
Botones de navegación guíaPermite personalizar el contenido del texto Siguiente/Anterior para mejorar la usabilidad y la coherencia de la marca.
Controles de bloqueo de widgets: Apoya la adición de un mecanismo de "bloqueo" para las operaciones del editor de gadgets para evitar modificaciones involuntarias.

2. Corrección de errores y optimización de la experiencia

La actualización corrige un gran número de problemas de detalle para mejorar la estabilidad y la experiencia de desarrollo:

bloque de imagenCorrección del error de URL al volver a seleccionar la misma imagen de la biblioteca multimedia para evitar el uso de la ruta antigua.
Ajustes de comportamiento de la fusión en bloqueDesactive la operación de fusión de bloques en "Desactivar modo edición" para evitar la sobreescritura accidental de datos.
bloque calendario: Desactiva la edición HTML para evitar destruir la estructura.
bloque de navegaciónCorrección de avisos de valores clave indefinidos en submenús con bloques de enlace.
Salir del bloque de inicio de sesiónActualiza el método actual de obtención de URL para evitar errores lógicos.
marcador de medios: Se ha solucionado un problema con el tipo de entrada de URL multimedia y se han vuelto a admitir las rutas locales.

Cabe destacar que también se ha corregido y mejorado la lógica de interacción entre el soporte de formato HTML y los contenedores de bloque para evitar el desbordamiento de anchura y la desalineación estructural.

3. Datos de accesibilidad actualizados

Se ha restaurado la tecla "access + z" como tecla de acceso directo para eliminar bloques, con el fin de mejorar la coherencia de las operaciones de teclado;
Añadido HTMLElementControl para un control más detallado del comportamiento de los elementos HTML y de la estructura de las etiquetas de accesibilidad.

4. Documentación y apoyo al desarrollo mejorados

Esta actualización también mejora la documentación de desarrollo de Gutenberg con un contenido más claro y ejemplos más completos:

debido a setAttributes La función de actualización añade una descripción de la versión;
La Block Bindings API tiene una nueva restricción para los "post meta fields";
Corregidos errores de sintaxis de importación y de comentarios en varios tutoriales;
simplifica tema.json Ordenación de atributos para mejorar la coherencia estructural.

Para los desarrolladores que personalicen su tema o amplíen la funcionalidad de un bloque, estas actualizaciones de la documentación reducirán enormemente los costes de aprendizaje y la tasa de errores.

5. Mejora del rendimiento y la calidad del código

ServerSideRender Los módulos se refactorizan para utilizar useCallback junto con refsreduciendo la duplicación de solicitudes;
Optimización de la estructura interna de los componentes, por ejemplo useHasBlockToolbar La lógica de juicio condicional se racionaliza aún más;
Las inestables pruebas de humo de Storybook se omiten en el marco de pruebas para mejorar la estabilidad de la integración continua.

VI. Acciones preparatorias antes de la mejora

mover	instrucciones
copia de seguridad	hacer uso de UpdraftPlus o instantáneas de host para conservar una copia completa
Comprobar la compatibilidad	Habilitado Gutenberg 20.9 en el sitio de prueba y confirmado que el tema y el plugin se comportaron correctamente.
Limpiar la personalización `<main>`	Si la plantilla del tema tiene varios códigos `<main>`Recomendaciones para los ajustes oportunos
Actualizar la documentación	El equipo de desarrollo debería sincronizar el README con el manual de ayuda para explicar los nuevos parámetros y cambios en la interfaz.

Gutenberg 20.8 / 20.9 Breve resumen de la actualización técnica

formulario	Actualizaciones	descripciones
🔧 Mejoras	`--dominio-texto` paramétrico	`crear-bloque` Herramienta CLI añadida. Facilitar la asistencia multilingüe
	Texto siguiente/anterior personalizado	Personalización del texto de los botones de los componentes de la guía
	Ventana emergente de relleno virtual	Evite los adhesivos emergentes en las ventanas para mejorar la experiencia visual
	Función de búsqueda de intercambio de plantillas	Los listados de plantillas admiten la búsqueda por palabras clave
	Controles de bloqueo de widgets	Controlar si se permite la edición de widgets
	Insertar Enfoque Mantener	El insertador ya no se cierra automáticamente cuando el foco está apagado
	Optimización de la pantalla dividida Metaframe	Pantalla dividida sólo en el modo iframe de escritorio
🛠 Nueva API / Componentes	`HTMLElementControl`	Nuevo componente para la gestión de Opciones de elementos HTML
🐞 Corrección de errores	Optimización de ServerSideRender	hacer uso de `useCallback` Refactorización de la lógica de carga de datos
	Corrección de la compatibilidad de varios bloques	Advertencias para bloques de imágenes, bloques de autor, submenús de navegación, etc. y gestión de errores
	bloque calendario	Desactivar el soporte de edición HTML
	Corrección de la regresión de la URL multimedia	Permitir entrada de ruta local
	Restricciones a la fusión de bloques	Comportamiento de la fusión de bloques en modo desactivado
	FontSizePicker Crash Handling	Evitar errores cuando faltan datos sobre el tamaño de letra
	Arreglo de la lógica de los botones de dos tonos	Solucionar el problema de no poder cancelar los ajustes
	`useCustomUnits` valor por defecto	Evitar cambios `ALL_CSS_UNITS`
	Optimización SVG	Eliminar los atributos de anchura y altura para mejorar la capacidad de respuesta
	Problemas visuales de montura bilateral	`Grupo de artículos` La última optimización del enfoque
⚙️ Optimización del rendimiento	Retraso en la carga de la información del autor	Mejora del rendimiento inicial del editor de contenidos
	Optimización de los últimos puestos	Consulta sólo los campos necesarios para controlar el retraso de la representación
📚 Actualizaciones de la documentación	`crear-bloque` Suplemento de documentación	README Añadir `--dominio-texto` ejemplo ilustrativo
	`setAttributes` Descripción actualizada	Versiones de WordPress compatibles con funciones explícitas
	Descripción de la restricción	Añadir una descripción de las restricciones de los metacampos
	Arreglo del código del tutorial	Corregidos errores de importación y etiquetas @return redundantes.
🧪 Pruebas e IC	Storybook Test Skip	Ajustes de estabilidad para evitar el bloqueo de los ensayos con humo
	Prueba de estilo del bloque de pasta	Añadida la prueba de pegado del teclado de la vista de lista
	`wp-polyfill` Fijación de una prueba	Gestión de fallos en la carga de dependencias de scripts
💡 Código de calidad	Migración del formato Stylelint	Cambio de JSON a JS para facilitar el mantenimiento
	`tema.json` Normalización del orden de los atributos	Mayor coherencia estructural
	Simplificación del selector condicional	simplifique `useHasBlockToolbar` lógica interna

corto

20,8 frente a 20,9 Aunque se trata de una versión menor, se centra en resolver los problemas de accesibilidad y aporta mejoras prácticas en las plantillas y los tableros de búsqueda. Tanto los desarrolladores como los editores de contenidos experimentarán procesos más fluidos y menos errores tras la actualización.

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