ElegantThemes

Gutenberg 11.3 presenta el panel de dimensiones, agrega soporte para botones y acelera el insertador

Esta mañana, Gutenberg 11.3 aterrizó en el directorio de complementos de WordPress. La última actualización introduce una nueva ventana de dimensión para alternar las opciones de bloque relacionadas con la distancia. El bloque Botón ahora admite el control de relleno y el bloque Publicar imagen destacada tiene nuevas configuraciones para ancho y alto.

Uno de los aspectos más destacados del lanzamiento fue una mejora de la velocidad tanto en la apertura como en la búsqueda dentro del insertador. El tiempo de apertura disminuyó en 200 ms de 370,35 ms a 137,28 ms. La velocidad de búsqueda aumentó de 190,37 ms a 67,24 ms.

La última versión incluye un selección de color simplificada Biblioteca. Extensas vistas previas de enlaces, una función introducida en Gutenberg 10,9 ahora para URL externas funciona con enlaces de sitios internos.

Los autores de temas deberían disfrutarlo especificidad reducida las hojas de estilo para el reset y el editor clásico. Estos cambios siempre facilitan un poco a los autores de temas la coordinación del estilo del editor y del front-end.

Ventana de dimensión para controles de distancia

Alternar los controles de espacio y margen para el bloque de etiquetas del sitio.

Gutenberg 11.3 presenta uno nuevo Panel de dimensiones para bloques que admiten controles de borde o de relleno. La función agrega una elipse (...) en lugar de la típica flecha para abrir / cerrar la pestaña. Los usuarios pueden elegir qué controles usar.

El objetivo a largo plazo es limpiar la interfaz de usuario y solo proporcionar los controles que el usuario realmente necesita. Dado que tales necesidades son subjetivas, es una forma ideal de permitir que los usuarios las enciendan y apaguen.

Las desventajas actuales son dobles. Una vez que haya elegido mostrar los controles de margen o espaciado, el panel en sí no se puede contraer. Esto exacerba el problema que la nueva función está tratando de resolver: limpiar la superficie de la barra lateral. Al menos para mí, siempre quiero un acceso rápido al control de distancia. Sin embargo, no siempre necesito que se muestren.

Artículo Recomendado:  Fennik v1.0.3 - Tema creativo multipropósito de WordPress

El segundo problema es que la elección del usuario de qué mostrar no parece haberse guardado. Cada vez que trabaja con un bloque, debe elegir qué controles mostrar.

La ventana de la nueva dimensión es simplemente parte del proceso de tamaños de disputa (ancho y alto), espaciado (relleno y margen) y controles relacionados para bloques. Todavía se está trabajando en una solución más completa. Es probable que el equipo de desarrollo aborde estos y otros problemas en versiones futuras. Sin embargo, aquellos que ejecutan el complemento Gutenberg en producción deben esperar características especiales al usarlo.

los Bloquear la visibilidad del complemento actualmente tiene la versión más fácil de usar de dicho conmutador. Todavía no es una solución perfecta, pero funciona un poco mejor que lo que se encuentra actualmente en Gutenberg.

Acolchado del teclado

Ajustando el relleno para el bloque de botones en el editor de WordPress.
Probando la nueva opción para poblar teclados con bloques TT1.

No es ningún secreto que no me gusta el relleno de bloque de botones estándar cuando uso el tema TT1 Blocks (versión basada en bloques de Twenty Twenty-One). Me he propuesto señalar rutinariamente incluso llegar a negarme a tomar el bloque en el última llamada para pruebas como parte del programa de divulgación de FSE.

Un botón de gran tamaño no siempre es una elección de estilo incorrecta en un sitio web. El contexto es importante y de alguna manera sigo encontrando escenarios en los que necesito algo un poco más retraído. El control sobre el relleno del bloque de botones ha estado en mi lista de deseos durante meses, y el equipo de desarrollo de Gutenberg lo ha cumplido.

A partir de la versión 11.3, los usuarios pueden utilizar Acolchado de botones individuales Bloques. Ahora aparecerá como una opción en la nueva ventana de dimensión mencionada anteriormente.

Oración respondida. Ahora vayamos a agregar controles de relleno a todos los bloques.

El único problema potencial que pueden encontrar algunos usuarios es mantener un espaciado uniforme al usar varios bloques de botones juntos. La forma más fácil de hacer esto es agregar y formatear el primero, luego duplicarlo para hacer otros con el mismo espaciado. Este no es un problema nuevo; Se aplica a todas las opciones de botones en las que los usuarios desean coherencia dentro de un grupo.

Controles de dimensión de la imagen destacada

Un bloque de imagen que aparece en una publicación en el editor de WordPress con sus opciones de altura, ancho y escala que se muestran en la barra lateral.
Ajuste de las dimensiones de un bloque de imagen destacada de una publicación.

El bloque Publicar imagen destacada finalmente ha recibido una actualización pequeña pero práctica. En el pasado, los usuarios y los autores de temas solo tenían una opción para decidir si enlazaban a la publicación. Ahora usted puede comprobar el ancho y la altura de la imagen.

Cuando un usuario establece una altura para la imagen, el editor muestra una opción de Escala separada con las siguientes opciones:

  • Cubierta (estándar)
  • Contiene
  • estirarse

¿Qué hacen realmente estas opciones? Esa sería una buena pregunta. Incluso como alguien que ha estado en el ciclo del diseño y desarrollo web durante casi dos décadas, a veces me olvido y tengo que buscarlos. Son valores para eso object-fit Propiedad CSS y es probable que confunda a los usuarios en muchos casos.

Cubra y contenga la imagen para que quepa en el cuadro del elemento circundante mientras mantiene la relación de aspecto (sin estirar la imagen). La diferencia es que el valor de cobertura se corta si no encaja y el valor que contiene se puede mostrar en formato de pantalla ancha. Un valor de estiramiento llena su contenedor independientemente de la relación de aspecto.

Dependiendo de la relación de aspecto de la imagen en su contenedor, cada uno de los valores podría mostrar esencialmente lo mismo en la pantalla. O podrían dar resultados completamente diferentes. La combinación de estos controles de dimensión con orientaciones amplias y completas (también opciones de ancho) también puede conducir a una experimentación impredecible.

Al diseñador de temas en mí le gustaría deshabilitar completamente la interfaz de usuario y presentar algo más controlado: una selección de tamaño de imagen.

Este selector no debe confundirse con los controles de ancho y alto. Los autores de temas de WordPress han estado registrando tamaños de imágenes personalizados durante años. El caso de uso principal para esto fueron las imágenes destacadas. Los usuarios pueden usar estos tamaños con los bloques Imagen actual y Últimas publicaciones. Sin embargo, aún no tienen esta opción con Publicar imagen destacada.

Estoy en el campo que piensa que el control del tamaño de la imagen debería haber sido la primera adición al bloque. Es una parte tan integral del diseño de temas de WordPress que no se puede dejar de lado, y tengo luchadoo al menos regañar – para garantizar que los autores de temas puedan controlar las imágenes destacadas a través de tamaños personalizados.

Afortunadamente hay un boleto abierto para Soporte para tamaños de imagen personalizados. Además de otras funciones que aún faltan, es un bloqueador para muchos autores de temas que quieren dar el paso hacia los temas de bloques.

Hay muchos casos de uso para las nuevas opciones, como: B. el recorte automático de las imágenes destacadas de una cuadrícula de publicaciones a un cuadrado. Sólo soy impaciente esperando un conjunto de herramientas más sólido para el bloque Publicar imagen destacada.

Artículo Recomendado:  Cómo cambiar el nombre de un proyecto Divi Cloud

Publicaciones relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *