Resumen de la última actualización de Gutenberg: mejoras, correcciones y mejoras de rendimiento

Gutenberg v21.2.0La optimización y la innovación de las funciones principales han avanzado a un ritmo constante. Este artículo le llevará a un rápido recorrido por las mejoras de funciones, correcciones de errores, mejoras de rendimiento y mejoras para desarrolladores incluidas en esta actualización para ayudarle a mantenerse al tanto de las últimas capacidades y dirección del editor.

I. Aspectos más destacados de la mejora de las funciones básicas

1. Control más flexible de la presentación de datos

El módulo DataViews de Gutenberg tiene nuevos perPageSizes los desarrolladores pueden controlar de forma más flexible el número de elementos mostrados en cada página, proporcionando una experiencia de paginación más refinada al usuario.

2. Facilitar la internacionalización del desarrollo de plug-ins

Se han reforzado las normas de ESLint para obligar a los desarrolladores a ajustarse estrictamente al formato de los marcadores de posición en los comentarios internacionalizados para evitar errores de traducción; y se ha introducido la función @tannin/sprintf Mejorar la coherencia del formato de las cadenas.

3. Herramientas de formateo y manejo de soportes más fluidos

Format Library optimiza el proceso de sustitución de imágenes en línea, reduciendo el número de clics e interacciones y mejorando la eficacia.

4. Optimización de la estructura del panel para la colocación de bloques

El panel Configuración de bloques múltiples ha pasado de PanelBody Sustituido por armonizado Panel de herramientasLa experiencia del panel es más coherente y ampliable, con funciones como el bloque Galería, el Logotipo del sitio, el Logotipo del sitio, etc.

5. Añadir la opción "Abrir en una ventana nueva" para los enlaces de navegación

El Enlace de navegación tiene un nuevo interruptor "Abrir en una nueva pestaña", que satisface la necesidad común de enlaces externos y mejora la flexibilidad del Enlace de navegación.

Nuevos componentes y ajustes de la interfaz

1. Nuevo componente de selección de fechas

Biblioteca de componentes CalendarioFecha responder cantando DateRangeCalendarque proporciona soporte nativo para interfaces que implican la selección de intervalos de tiempo.

2. Armonización de los estilos de iconos y ventanas emergentes

Los iconos múltiples (por ejemplo, Ayuda, Más, Ajustes de fuente) se actualizan a una proporción uniforme, y las ventanas emergentes (por ejemplo, las de bloqueo de bloque) se unifican en la especificación de tamaño para una mejor coordinación visual.

3. Mayor extensibilidad de los plug-ins

Post Editor ahora permite a los desarrolladores reemplazar el PostLockedModal para que el equipo de desarrollo pueda personalizar fácilmente el comportamiento de los avisos de bloqueo.

Corrección de errores y optimización detallada

Bloques de imágenesCorrección de saltos de línea en títulos multimedia.
Bloque RSSCorrección de la codificación de entidades HTML para la visualización de encabezados.
Portada e imagen destacadaRestablece la función de restablecimiento de la nitidez de la imagen.
Bordes de los submenús de navegación: Resuelve el problema de que no se muestren los bordes de los submenús.
Tamaño del icono: Restauración plusCircleRelleno El tamaño del icono es anormal.

IV. Optimización del rendimiento

usePostActions Evite solicitudes de plantillas innecesarias y mejore la capacidad de respuesta del editor.
Las consultas relacionadas con el Insertador (Inserter) reducen las llamadas no restringidas y reducen el consumo de recursos.
El bloque Post Author optimiza la lógica de consulta del usuario para una carga más rápida.

V. Mejoras de accesibilidad

fija FormTokenField Al activar __experimentalExpandOnFocus El problema de perder el foco al utilizar el teclado mejora la experiencia de navegación.

VI. Documentación y optimización de la experiencia de desarrollo

Se ha actualizado la documentación de desarrollo de varios componentes y módulos, incluyendo nuevas descripciones de propiedades, optimización de leyendas y actualizaciones del código de ejemplo.
mejorar ServerSideRender Ejemplos de uso, métodos POST innecesarios obsoletos.
Se ha actualizado el soporte de incrustación de imágenes de Word para mejorar la compatibilidad de pegado.

VII. Calidad del código y limpieza interna

Racionalice las propiedades y estilos no utilizados en varios módulos y elimine las dependencias redundantes (por ejemplo, la interfaz de usuario flotante).
hacer uso de ganchos de datos Sustituye al antiguo estilo de redacción de los componentes de orden superior (HoC) para mejorar su mantenimiento.
Corrección de un error de compilación con wp-env en Debian Buster para mejorar la compatibilidad con el entorno de desarrollo local.

observaciones finales

Esta actualización de Gutenberg muestra el trabajo del equipo editorial de WordPress en el Rendimiento, flexibilidad y experiencia del desarrollador Inversión continua en tres áreas. Desde ajustes de coherencia de la interfaz de usuario hasta optimizaciones de la arquitectura subyacente, pasando por un sistema de documentación más fácil de mantener, los desarrolladores pueden crear más fácilmente bloques personalizados y lógica de página.

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