Guía de actualización de Gutenberg 22.1: nuevo módulo de pestañas, mejoras en HTML y mejoras en el editor

Declaración: Este artículo es una respuesta a¿Qué hay de nuevo en Gutenberg 22.1? (18 de noviembre de 2025)La recopilación y adaptación del contenido original tiene como objetivo proporcionar a los lectores información sobre el sector y recursos de aprendizaje.El texto principal está organizado de la siguiente manera:

¡Gutenberg 22.1 ya está disponible y se puede descargar!

Esta versión se centra en ampliar la funcionalidad de los bloques, mejorar la experiencia del usuario del editor y optimizar el rendimiento. Entre las nuevas características se incluye el bloque core/tabs para contenido con pestañas. HTML El bloque ahora cuenta con nuevas capacidades de edición de JavaScript y CSS, además de la precarga de imágenes al ampliarlas dentro del editor. Las actualizaciones adicionales incluyen numerosos ajustes de temas y colores, mejoras en DataViews y DataForms, funciones de colaboración mejoradas, optimizaciones de accesibilidad y rendimiento, además de numerosas correcciones de errores y actualizaciones de la documentación.

Aspectos más destacados de la versión

1️⃣ Se ha añadido el bloque core/tabs (módulo experimental).

Admite la creación de estructuras de contenido tabular dentro de artículos, páginas y plantillas.
Esta función requiere habilitar «Módulo: Añadir módulo experimental» en la configuración antes de su uso.
Adecuado para escenarios como pantallas de comparación de múltiples contenidos y agrupación de preguntas frecuentes.

2️⃣ Mejoras en el módulo HTML: compatibilidad con la edición directa de CSS/JS.

Los usuarios pueden insertar y modificar código JavaScript/CSS dentro de bloques HTML.
Mejora las capacidades de personalización y aumenta la eficiencia de la depuración del front-end.

3️⃣ Prefetch al ampliar imágenes

Precargar el contenido de la imagen al hacer clic para ampliar las imágenes dentro del editor.
Reduzca los tiempos de espera y mejore la experiencia de manejo de archivos multimedia de gran tamaño.

Resumen de las funciones mejoradas

Módulo/Función	Actualizaciones
Tema Estilo	Se ha añadido un degradado de color de advertencia, se han optimizado los parámetros de contraste y se han ajustado los ajustes de semillas.
DataViews	Menú contextual del encabezado, reorganización del menú de operaciones y resolución de problemas de paginación y diseño.
DataForm	Nuevos diseños detallados, diseño sin bordes estilo tarjeta, estructura de formulario simplificada.
navegación breadcrumb	Se ha añadido compatibilidad con páginas 404, función de búsqueda y paginación. Admite el procesamiento de la página de inicio y la visualización del último elemento.
Colaboración (comentarios/observaciones)	Habilitar la navegación por teclado, optimizar el diseño de la barra lateral, ocultar el botón «Añadir» en el modo sin distracciones.
Editor de bloques	Variantes de estiramiento de texto, correcciones de relleno y rendimiento optimizado de adaptación de texto.
Gestión del color	ColorPicker admite pegar valores de color completos.
escalabilidad	Admite el control de los niveles de encabezado (levelOptions).

Rendimiento y funciones de asistencia

Reducir las suscripciones innecesarias y la lógica de renderización; dejar de supervisar cuando el panel no esté habilitado.
La capacidad mejorada de precarga de imágenes mejora la capacidad de respuesta del editor.
Los espaciadores visuales solo se montan cuando se activan, lo que mejora la utilización de los recursos.

Correcciones de errores principales

Se ha resuelto el problema de carga tardía de los scripts de bloques MathML.
Se han solucionado problemas de interfaz de usuario, como la pérdida de enfoque de bloques y el parpadeo del texto.
Se prohíbe editar o eliminar plantillas que no pertenezcan a la base de datos para evitar operaciones accidentales.
Se ha resuelto el estado anormal del enlace de navegación en el editor.
Se han resuelto los problemas relacionados con el posicionamiento de múltiples comentarios, el tamaño de los avatares y la desalineación de la lógica de la barra lateral.

Mejoras en los detalles de la función de colaboración

Añadir una tecla de acceso rápido para «Añadir nota».
El teclado admite la navegación por árbol.
El modo de no interferencia oculta automáticamente el botón de añadir nota;
La nueva pestaña de la barra lateral se denomina «Todas las notas».
Mantenga visible el panel flotante al crear notas, asegurándose de que no oculte el contenido principal.

Herramientas de compilación y mejoras de desarrollo

pieza	Mejoras
TypeScript	Actualizar a la versión 5.9
Sistema de enrutamiento	Admite carga de rutas estática/perezosa, WC-Admin extensible.
Compilación CSS	Optimización de paquetes e inline
ESLint	Actualiza el analizador semántico y elimina las configuraciones redundantes.
Pruebas de CI	Mejoras en las pruebas multiplataforma y correcciones de estabilidad.

Optimización de documentos

Documentación sobre los nuevos prefijos de funciones PHP
Módulo de pestañas de actualización Documentación PHP
Se han corregido errores ortográficos en el archivo README.
Guía de uso mejorada para los componentes DataViews

resúmenes

Gutenberg 22.1 se centra en mejorar las capacidades de edición y la flexibilidad del front-end, admitiendo estructuras de contenido con pestañas, edición directa de CSS/JavaScript dentro de bloques, carga optimizada de imágenes y rendimiento de interacción entre bloques, al tiempo que refuerza DataViews/DataForms para manejar contenido complejo y flujos de trabajo de anotación colaborativa. Se recomienda a los desarrolladores y diseñadores que habiliten las funciones experimentales para probar las nuevas pestañas y las capacidades de extensión HTML.

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