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 otra versión de WordPress, esta es una actualización acumulativa y no una experiencia completamente nueva.

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

Bloquear la cerradura proporciona un control más granular

13.7 contiene mejoras adicionales en la capacidad de bloquear elementos de bloque para evitar que se 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 en un bloque que está bloqueado.

Al seleccionar un interruptor, la función de bloqueo aplicada a un bloque se puede heredar de los bloques que contiene.

Bloquear el menú de bloqueo

Al seleccionar bloquear un bloque, se abre otro menú que brinda opciones para un control de bloque más granular sobre los bloques contenidos en el bloque que se bloqueará.

Primer plano del bloque de bloque modal

Menús emergentes modales mejorados

En la parte superior de la página en la que está trabajando, pueden aparecer menús emergentes, llamados Modos, desde los cuales puede realizar varios cambios, como actualizar las preferencias.

Este cambio lo que hace 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 ha expresado preocupación por esta nueva característica. (mientras aún estaba en desarrollo) a quien le preocupaba la posibilidad de que el usuario perdiera el contexto de lo que se estaba editando debido al desvanecimiento.

Sugirieron que, en algunos casos, el desenfoque del fondo haría imposible que el usuario viera lo que está cambiando, eliminando así el contexto.

La persona escribió:

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

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

La solución a este problema fue la observación de que, si se tiene en cuenta el contexto, el menú modal (emergente) no es la mejor interfaz de usuario. Esto significaba que la borrosidad no sería un problema, ya que los modales no se usan en situaciones en las que el usuario tiene que consultar el documento base.

«… en general, si necesita mirar 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 desvanecimiento detrás del modo

El sistema de patrones proporciona más control de diseño.

Este cambio le da al usuario la capacidad de crear múltiples 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 blog personales, una segunda para todas las publicaciones de blog relacionadas con desarrolladores y una tercera para todas las publicaciones de viajes.

Si su sitio ha registrado tipos de publicaciones adicionales, como libros o productos, la instancia del editor los enumerará automáticamente en el cuadro de selección del botón «Agregar nueva plantilla».

Esta es una adición bienvenida, ya que elimina una limitación notable y amplía la capacidad de crear mejores sitios web cuando se utiliza el editor de sitios completo de Gutenberg.

Mejoras en el flujo de trabajo

Hay otras mejoras que pretenden mejorar y simplificar 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 avanzado que se muestra

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

«Este PR permite la compatibilidad con bloques de medios para brindar a los usuarios la capacidad de comenzar con la imagen de primer plano desde el estado del marcador de posición.

Porque
Para evitar tener que elegir otro medio para obtener la opción solo en ese momento y porque la imagen de primer plano 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 ha agregado.

Esta nueva función se ha agregado 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.

El tiempo que le toma a un lector promedio leer un documento es información extremadamente útil.

Captura de pantalla de la barra de información actualizada

Panel de configuración de la barra lateral Se ha mejorado la interfaz de usuario

Otro ejemplo de la interfaz de usuario mejorada está en el panel de configuración de la barra lateral, que está recibiendo 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 más fácil de escanear y elegir entre las selecciones del menú.

Antes y después de la captura de pantalla

WordPress describió la interfaz mejorada:

«El resultado es una vista más limpia y organizada que debería facilitarle el acceso a toda la información importante en su publicación / página de un vistazo».

muchas 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 se noten, 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 del sitio y numerosas correcciones de errores.

citado

Lea el anuncio completo de WordPress

¿Qué hay de nuevo en Gutenberg 13.7?

Leer la solicitud de extracción de bloque

Block Block: Agrega la opción # 41876 «Aplicar a bloques internos».

Desenfoque de fondo en modales

Actualizar diseño modal # 40781

Comience con la solicitud de extracción de imagen en primer plano

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

Imagen cortesía de Shutterstock/Vulp
Modificado por el autor