Gutenberg 12.5 presenta variaciones de estilos globales, conserva el estilo de los botones adyacentes y agrega transparencia alfa a los selectores de color

Gutenberg 12.5 aterrizó en el directorio de complementos de WordPress hoy. Ya he estado entusiasmado con al menos una nueva mejora, variaciones de estilos globales. Sin embargo, esta es una actualización robusta con varias características centradas en el desarrollador y el usuario.

Con WordPress 5.9 ahora en libertad, parece que todas las manos están de vuelta mientras nos preparamos para el lanzamiento de 6.0 en mayo. La semana pasada, cubrí la hoja de ruta inicial, y algunos de los elementos de esa lista ya están en esta última actualización de Gutenberg de alguna forma o manera.

Variaciones de estilos globales

Los autores de temas ahora pueden crear múltiples variaciones de theme.json y colocarlas en la carpeta /styles de su tema. Luego, los usuarios pueden cambiar entre los distintos ajustes preestablecidos a lo que más les convenga.

La nueva característica promete ser uno de los aspectos más destacados de la versión de WordPress 6.0, y el tema predeterminado Twenty Twenty-Two eventualmente incluirá múltiples variaciones propias.

Me sumergí en la función con más detalle en una publicación la semana pasada. El líder del proyecto de Gutenberg, Matias Ventura, amplió esto en los comentarios:

Obtener esto temprano en el ciclo para que podamos mejorar la experiencia y la mecánica. Espero que sea realmente bueno en algunas iteraciones. ¡Tengo muchas ganas de romper el muro de paquetes de temas, ya que todas estas variaciones son intrínsecamente compatibles con todos los temas de bloques que existen!

Si bien comparto el entusiasmo de Ventura por la función, no estoy seguro de que podamos romper la barrera del tema con 6.0. La idea aquí es que tales variaciones serían intercambiables entre temas. No veo que eso suceda, dado el estado actual del sistema de estilos global.

La mayor parte de theme.json está estandarizado, pero muchos autores usan la propiedad settings.custom . Esto les permite establecer cualquier cantidad de valores personalizados, a los que a menudo se hace referencia a través de la hoja de estilo del tema.

También existe el pequeño problema de no tener un esquema de nombres estándar para características como colores y tipografía.

Debido a que ninguna de estas cosas siempre será la misma entre dos temas, cambiar las variaciones no siempre será agradable. Es una meta elevada, y tal vez valga la pena intentar ver qué es posible. Sin embargo, el concepto se siente como la búsqueda de abandonar el sistema de temas por completo por un valor predeterminado gigante.

Es mejor dejar el cambio de variación a temas individuales. Permita que los autores de temas que construyen sus sistemas personalizados sobre theme.json administren la experiencia y las expectativas del usuario. Deberíamos centrarnos en crear herramientas para ayudarlos a ejecutar su visión sin preocuparnos de que un usuario "instale" su variación JSON dentro de un proyecto completamente diferente.

Los nuevos botones conservan el estilo de los botones adyacentes

WordPress hace que sea relativamente fácil duplicar un botón, pero está oculto debajo del menú desplegable de opciones en la barra de herramientas. Esa es una acción de dos clics en comparación con simplemente presionar el ícono "+" para insertar un nuevo bloque de botón. Antes de Gutenberg 12.5, esto daría como resultado que el nuevo recibiera el tratamiento de estilo predeterminado. Es una de esas molestias menores hasta que empiezas a trabajar con varios botones a la vez.

La última versión duplica automáticamente el estilo del bloque Botón adyacente al insertar el siguiente. Esta es una experiencia mucho mejor.

Sin embargo, no nos lleva tan lejos como necesitamos ir. ¿Qué sucede si decide cambiar el diseño de cada botón más tarde? Tienes mucho trabajo por delante modificando cada uno. Hay un ticket abierto para copiar un estilo a todos los demás en el grupo de bloques Botones.

Los usuarios pueden agregar colores transparentes

Los usuarios finalmente pueden controlar la transparencia alfa de los colores personalizados a nivel de bloque. La función funciona para las opciones de color de texto, fondo, enlace y borde. Esta mejora cierra un ticket que se abrió por primera vez en octubre de 2019.

Hay algunos selectores de color donde no está habilitado. Esto incluye la sección de paleta personalizada en el panel de estilos globales y los colores relacionados con los íconos para el bloque Social Links. Lo mismo es cierto para el color de superposición del bloque de portada, pero tiene un control de opacidad completamente separado.

Publicar opción de tamaño de imagen destacada

Gutenberg 12.5 presenta una nueva opción que permite configurar el bloque Publicar imagen destacada para usar un tamaño de imagen definido por WordPress o por tema. Parece un cambio trivial, pero es un paso adelante para la tematización de bloques.

Los autores de temas han estado filtrando el gancho post_thumbnail_size para manejar esto. Sin embargo, ese método se complica cuando se trata de múltiples consultas de publicaciones con diferentes tamaños de imagen.

Solo he estado mencionando esto durante un año. He escrito sobre esto una y otra vez, tratando de que alguien me escuche. Si queremos que más diseñadores se suban al tren de desarrollo de temas basados ​​en bloques, necesitan control sobre las imágenes destacadas. Demasiados diseños dependen de tamaños específicos para verse lo mejor posible.

Ahora, si tan solo pudiéramos usar la imagen destacada dentro de los bloques Portada y Medios y Texto...

Copiar todo el contenido del editor del sitio

Hoy aprendí que hay un botón "Copiar todo el contenido" en el menú de opciones del editor de publicaciones. No sé cuánto tiempo ha estado allí, pero eso es algo bueno. He intentado innecesariamente seleccionar todo el contenido, a veces con cierto éxito, a través del lienzo de contenido. Incluso aquellos de nosotros que pasamos casi todas las horas del día en el editor podemos aprender un nuevo truco de vez en cuando.

Esa opción de copiar contenido ahora se ha agregado al editor del sitio como parte de una iniciativa para lograr la paridad de funciones entre los dos editores.

Vista de código en el Editor del sitio

Continuando con la paridad de características entre los editores de publicaciones y sitios, los usuarios ahora pueden cambiar a la vista de código en el editor del sitio.

Técnicamente, esto se llama el "editor de código", pero hay dragones por delante para cualquiera que intente editar algo. Al menos si esperan algo más que el temido mensaje "este bloque contiene contenido inesperado o no válido". Navegaría hacia aguas más tranquilas y las evitaría para cualquier otra cosa que no fuera leer o copiar.