Saltar al contenido

WordPress Gutenberg 9.2 – Docenas de mejoras

octubre 21, 2020

WordPress Gutenberg 9.2 ya está aquí y viene con una solución de seguridad y muchas mejoras, lo que acerca a Gutenberg a ser una forma completamente desarrollada de crear páginas web.

Corrección de seguridad

Está arreglo de seguridad aborda una forma de ataque particularmente desagradable llamada ataque de denegación de servicio de expresión regular (ReDoS). Un ataque ReDos hace que un servidor sobrecargue su uso de CPU, lo que hace que el servidor se detenga.

Imagen alternativa de texto alternativo

El siguiente cambio notable es agregar un texto alternativo alternativo para cuando no se especifica ningún texto alternativo. Gutenberg utilizará la leyenda como texto alternativo.

Probablemente no sea una solución ideal porque significa que un lector de pantalla repetirá la misma frase dos veces.

Idealmente, el texto alternativo debería ser una descripción única de lo que es la imagen, que debería ser diferente de lo que está en un título.

Según la descripción:

“La leyenda de la imagen se define como texto alternativo donde no se proporciona ninguno”.

Soporte para subtítulos de video

Gutenberg 9.2 agrega soporte para agregar subtítulos de video, que es una característica muy buena. El espacio de trabajo de medios de video ahora incluye un menú desplegable que ofrece una opción para agregar subtítulos.

Captura de pantalla de la pantalla de opciones de medios de video

Actualización del diseño del panel de información

Hay una actualización sobre la forma en que se muestra el panel de información. los panel de información es una visualización alternativa de las estadísticas del documento actual, como el número de caracteres, las palabras y los títulos utilizados.

Esta es una mejora de la interfaz de usuario, pero también un paliativo hasta que se cree una versión final.

Captura de pantalla del panel de información mejorado

Captura de pantalla del panel de información que se puede cambiar en una futura iteración de Gutenberg

El diseño de este panel de información es una vista de columna. Una vista de columna es horizontal (de izquierda a derecha), a diferencia de una vista basada en líneas que es más vertical (arriba / abajo).

El panel de información aún está experimentando cambios de diseño y está programado para convertirse en un enfoque más basado en líneas, conocido como vista de lista.

A continuación se muestra una captura de pantalla de la versión aún en desarrollo del panel de información.

Captura de pantalla del panel de información en desarrollo

Captura de pantalla del menú desplegable del panel de información

Lista desplegable de detalles de la plantilla de WordPress

También hay un nuevo lista desplegable de información del modelo que proporciona un nombre y una descripción del modelo en uso. Se describe con precisión como una “lista desplegable de información de modelo muy básica”.

Captura de pantalla del menú desplegable de información muy básica del modelo

Captura de pantalla de la lista desplegable de detalles del nuevo modelo

Mejoras relativamente pequeñas

Cambiar el nombre de “Opciones” modal a “Preferencias”

Esta es una mejora de la interfaz de usuario que aclara un sistema de menú de barra lateral, donde tiene secciones de nivel superior de Vista, Editor, Herramientas y Opciones, y la sección de Opciones se renombra a Preferencias.

Hay innumerables mejoras como la que estoy omitiendo. Son importantes, pero a nivel de funcionamiento de las cerraduras automáticas del coche.

Mejora para diseños basados ​​en columnas

Este cambio es una mejora en el proceso de creación de diseños basados ​​en columnas. Agrega la capacidad de crear un bloque de una sola columna.

Captura de pantalla de la nueva opción de diseño de columna única disponible

Captura de pantalla de la sección de edición con la opción de nueva columna

La capacidad de agregar una sección de una sola columna a un diseño es importante. Es una característica común en los creadores de WordPress como Divi. Por lo tanto, es una adición bienvenida a Gutenberg que extiende su capacidad para crear hermosos diseños de WordPress.

Captura de pantalla de la salida de una sección de diseño de una sola columna

captura de pantalla de un ejemplo de una sección de página web de una sola columna

Según los desarrolladores de WordPress:

“Esto facilitará la creación de diseños basados ​​en columnas más robustos. En lugar de depender de cambiar entre el uso de bloques y grupos de columnas, la funcionalidad de una sola columna dentro de un bloque de columnas hace que crear diseños interesantes sea más fácil y rápido. ”

Opciones de escritura que no distraen

Una mejora al “modo reflector” Desde la creación de contenido que esconde herramientas de edición, lo que agrega un resaltado a la sección en la que se trabaja y reduce los efectos de estilo del tema.

Publicidad

Continuar leyendo a continuación

Es un entorno de edición sin distracciones entre el que puede elegir un creador de contenido.

Captura de pantalla de escritura sin distracciones

Captura de pantalla del modo de escritura sin distracciones

Publicar enlace de imagen destacada

Esto agrega la capacidad de hacer que la imagen destacada sea un enlace al artículo. La documentación no está clara si se trata de una sección que enumera artículos en los que una imagen destacada puede ser un elemento en el que se puede hacer clic.

los Documentación de GitHub para esta sección incluye una pregunta de otros miembros del equipo sobre esto:

“¿A qué enlace tiene la imagen destacada? ¿El cargo? ¿La imagen en sí? ¿Puedo escribir mi propio enlace personalizado? “

Y hay una discusión sobre cómo agregar opciones para abrir la imagen destacada en una nueva pestaña y agregar un atributo rel al enlace.

Finalmente, se concluyó que se debe agregar un mínimo de recursos y agregarlos si es necesario, porque es más fácil agregar recursos que eliminar un recurso que se descubrió superfluo.

La suposición lógica es que la capacidad de convertir una imagen destacada en un enlace es para mejorar la UX de los visitantes del sitio que desean hacer clic en una imagen destacada para navegar a un artículo.

Pantalla de widgets

La pantalla de widgets tiene muchas mejoras incrementales, incluidas mejoras de accesibilidad. Mejorar la accesibilidad consiste en agregar etiquetas significativas a los puntos de referencia ARIA para hacerlos más descriptivos.

De acuerdo con Página de GitHub:

“Este pequeño PR proporciona nombres más significativos para los puntos de referencia de ARIA en la nueva pantalla de Widgets, pasando etiquetas específicas en lugar de depender de estándares”.

Nuevas API y funciones experimentales

Además de las adiciones incrementales e importantes anteriores, hay adiciones más técnicas, como hacer explícito el soporte de bloques del lado del servidor, principalmente mejoras de tipo subyacentes.

Las mejoras en los “experimentos” afectan al bloque de consultas y al editor del sitio. Por lo general, son la interfaz de usuario y ofrecen mejoras sobre cómo funcionan las interfaces de bloque y la adición de opciones básicas pero importantes, como agregar “Soporte para tipos de publicaciones personalizadas en el bloque de consultas. ”

Asimismo, la sección de “experimentos” del editor del sitio web tiene mejoras, como agregar un selector de página y una opción de selector de modelo al panel de navegación.

Captura de pantalla del conmutador de página de Gutenberg 9.2

Corrección de errores, rendimiento y documentación.

Gutenberg 9.2 viene con docenas de correcciones de errores, algunas mejoras de rendimiento ocultas, adiciones a la documentación y correcciones de calidad del código.

En general, estas mejoras tienen como objetivo hacer de Gutenberg una forma viable de crear sitios de WordPress.

Varias de las adiciones son elementos que ya están disponibles en los creadores de páginas de terceros modernos. Entonces, de alguna manera, WordPress está tratando de ponerse al día. Sin embargo, este es un avance hacia un proceso de edición de sitios web moderno.

Citas

Anuncio oficial de WordPress

¿Qué hay de nuevo en Gutenberg? (21 de octubre)