WordPress lanza Gutenberg 13.7: enfocado en el flujo de trabajo y una mejor interfaz de usuario


WordPress presentó Gutenberg 13.7, que contiene numerosas mejoras que mejoran el flujo de trabajo, brindan un control más granular dentro del editor completo del sitio y numerosas mejoras en la interfaz de usuario.

Como cualquier otro lanzamiento de WordPress, esta es una actualización acumulativa y no una experiencia completamente nueva.

Dicho esto, la experiencia de edición debería sentirse más intuitiva y natural.

El bloqueo de bloques ofrece un control más granular

13.7 contiene mejoras adicionales en la capacidad de bloquear elementos de bloque para evitar que cambien.

La mejora más reciente es que los usuarios ahora tienen la capacidad de aplicar la función de bloqueo para bloquear elementos contenidos dentro de un bloque que se está bloqueando.

Al seleccionar una palanca, la función de bloqueo que se aplica a un bloque puede ser heredada por los bloques que contiene.

Menú de bloqueo de bloques

Al seleccionar para bloquear un bloque, se genera otro menú que brinda opciones para un control de bloqueo más granular sobre los bloques contenidos dentro del bloque que se está bloqueando.

Primer plano de Block Lock Modal

Menús modales emergentes mejorados

Los menús emergentes, llamados modales, pueden generarse en la parte superior de la página en la que se está trabajando desde donde se pueden realizar varios cambios, como actualizar las preferencias.

Lo que hace este cambio es aplicar un desenfoque al documento que está debajo del menú.

Desenfocar la página debajo del menú emergente modal mejora el enfoque.

A se planteó la preocupación acerca de esta nueva característica (mientras aún estaba en desarrollo) que estaba preocupado por la posibilidad de que el usuario perdiera el contexto de lo que se estaba cambiando debido a la borrosidad.

Sugirieron que, en algunos casos, desenfocar el fondo haría que el usuario no pudiera ver lo que se estaba cambiando, eliminando así el contexto.

La persona escribió:

“Acabo de encontrar un posible problema de usabilidad donde hay un elemento fuera del modal que está contextualmente relacionado con el contenido del modal.

Por ejemplo, si va a ajustar un elemento en la Vista de lista para aplicar o eliminar un Bloqueo, con el modal abierto, ya no podrá ver qué bloque (particular) ha resaltado…

La resolución de ese problema fue la observación de que si el contexto debía mantenerse a la vista, entonces el menú modal (emergente) no es la mejor interfaz de usuario. Esto significa que la borrosidad no será un problema porque los modales no se usan en situaciones en las que el usuario debe hacer referencia al documento subyacente.

«… en términos generales, si necesita observar tanto el contenido modal como el resto de la interfaz de usuario juntos, entonces un modal probablemente no sea la mejor opción».

Ejemplo de desenfoque detrás del modal

El sistema de plantillas ofrece más control de diseño

Este cambio brinda al usuario la capacidad de crear más plantillas que pueden ser específicas para categorías individuales, etiquetas, páginas y tipos de publicaciones personalizadas.

Según WordPress:

“Por ejemplo, puede usar una plantilla diferente para todas las publicaciones de blogs personales, una segunda para todas las publicaciones de blogs relacionadas con desarrolladores y una tercera para todas las publicaciones de viajes.

Si su sitio registró tipos de publicaciones adicionales, como libros o productos, la instancia de su editor los incluirá automáticamente en el cuadro de selección del botón Agregar nueva plantilla”.

Esta es una adición recibimiento porque elimina una limitación evidente y amplía la capacidad de crear mejores sitios web cuando se utiliza el editor de sitio completo de Gutenberg.

Mejoras al flujo de trabajo

Hay otras mejoras destinadas a mejorar y agilizar el flujo de trabajo al proporcionar opciones adicionales.

Entre estos cambios se encuentra la capacidad de seleccionar una imagen destacada del marcador de posición de medios en lugar de cargarla o elegirla de la biblioteca de medios.

Captura de pantalla del modal mejorado destacado

La razón de esta mejora es documentado en la solicitud de extracción:

“Este PR permite admitir bloques de medios para ofrecer a los usuarios la opción de comenzar con una imagen destacada desde el estado del marcador de posición.

Por qué
Para evitar tener que elegir otro medio para luego obtener la opción y porque la imagen destacada ahora está oculta detrás del control de bloque «Agregar medios» en el flujo de reemplazo de medios».

Nuevo: Hora de leer

La capacidad de verificar cuánto tiempo llevará leer el documento también es una nueva característica que se agregó.

Esta nueva característica se agrega a la barra de información en la pantalla del Editor de publicaciones que actualmente proporciona información sobre la cantidad de palabras, caracteres, elementos de encabezado utilizados, cantidad de párrafos y cantidad de bloques.

La cantidad de tiempo que le toma a un lector promedio leer un documento es información muy útil.

Captura de pantalla de la barra de información actualizada

Interfaz de usuario del panel de configuración de la barra lateral mejorada

Otro ejemplo de la interfaz de usuario mejorada está en el panel de configuración de la barra lateral, que recibe una actualización para que sea más fácil de usar.

El diseño del panel de configuración es más intuitivo y fácil de escanear y elegir entre las selecciones del menú.

Captura de pantalla de Antes y Después

WordPress describió la interfaz mejorada:

“El resultado es una pantalla más limpia y organizada que debería ayudarlo a acceder más fácilmente a toda la información importante sobre su publicación/página de un vistazo”.

Tantas mejoras

El nuevo Gutenberg 13.7 es una actualización acumulativa y no un cambio radical respecto a la versión anterior. Es posible que las mejoras no salten a la vista, pero contribuirán a una experiencia de edición más natural.

Esta actualización toca casi todas las áreas del editor de Gutenberg, desde nuevos componentes como un selector de color, configuraciones de documentos mejoradas, una mejor experiencia de edición en todo el sitio y numerosas correcciones de errores.

Citas

Lea el anuncio completo de WordPress

¿Qué hay de nuevo en Gutenberg 13.7?

Lea la solicitud de extracción de bloqueo de bloque

Bloqueo de bloques: agregue la opción ‘Aplicar a bloques internos’ # 41876

Desenfoque de fondo en modales

Actualice el diseño modal #40781

Empezar con solicitud de extracción de imagen destacada

Comience con la imagen destacada en el marcador de posición de medios #41722

Imagen destacada de Shutterstock/Vulp
Modificado por el autor





Consultar el artículo en la publicación original

WordPress lanza Gutenberg 13.7: enfocado en el flujo de trabajo y una mejor interfaz de usuario
Salir de la versión móvil