Novedades en Gutenberg 22.4: Biblioteca de fuentes universal, controles de punto focal y visibilidad responsiva

Gutenberg 22.4, publicado el 20 de enero de 2026, marca un hito en la democratización de herramientas de diseño y funcionalidades avanzadas para todo el ecosistema WordPress. Esta entrega, que integra 402 Pull Requests y cuenta con 16 contribuidores por primera vez, trasciende al editor de bloques tradicional para potenciar temas clásicos, expandir patrones y ofrecer un control fino sobre la experiencia visual responsiva.

A continuación, exploramos las principales innovaciones que todo desarrollador y creador de sitios debe conocer.

1. Biblioteca de Fuentes y Estilos Globales para Temas Clásicos e Híbridos

Hasta ahora, la potente Biblioteca de Fuentes y la gestión de Estilos Globales eran funcionalidades principalmente asociadas a los temas de bloques. La versión 22.4 elimina esta limitación.

  • Qué cambia: Los temas clásicos (como Twenty Seventeen) e híbridos ahora tienen acceso completo a la Biblioteca de Fuentes. Esto significa que puedes subir, gestionar y aplicar tipografías personalizadas desde el mismo interfaz modal (similar a la Biblioteca de Medios) o a través de una sección administrativa dedicada, independientemente del tema que utilices.

  • Impacto técnico: Bajo el capó, este cambio (#73971, #73876) unifica la experiencia de gestión de estilos. Los desarrolladores de temas clásicos pueden ahora ofrecer a sus usuarios la misma flexibilidad de personalización tipográfica que disfrutan los usuarios de temas de bloques modernos, sin necesidad de cambiar de tema.

2. Pattern Overrides se expande a Bloques Personalizados

Pattern Overrides (Sobreescrituras de Patrones), introducidas en WordPress 6.5, permiten crear patrones sincronizados donde el diseño es fijo pero contenidos específicos (como un título o una imagen) pueden ser únicos en cada instancia. Sin embargo, inicialmente solo funcionaba con cuatro bloques del core.

  • Ampliación crítica: En esta versión, cualquier atributo de un bloque personalizado que sea compatible con Block Bindings (Enlaces de Bloques) soportará automáticamente Pattern Overrides.

  • Para desarrolladores de bloques: Si necesitas un control más granular, puedes optar por habilitar atributos específicos mediante el filtro del lado del servidor block_bindings_supported_attributes. Este cierre de funcionalidad (#73889) abre un mundo de posibilidades para crear patrones complejos y reutilizables que incluyan lógica personalizada.

3. Bloque de Imagen: Control de Punto Focal

La maquetación responsiva puede recortar imágenes de formas no deseadas al adaptarse a diferentes tamaños de pantalla o relaciones de aspecto. El nuevo control de punto focal (#73115) soluciona este problema.

  • Cómo funciona: Dentro de los ajustes del bloque Imagen, encontrarás un nuevo selector visual (normalmente un círculo o una cruz) que te permite pinchar sobre la zona más importante de la foto.

  • Beneficio: Al definir este punto, le indicas al sistema que, sin importar cómo se recorte la imagen para ajustarse a un contenedor (por ejemplo, en móvil), esa zona específica debe permanecer siempre visible. Es una herramienta de diseño UX esencial para garantizar que los rostros o elementos clave nunca queden fuera de cuadro.

4. Visibilidad de Bloques por Tamaño de Pantalla (Experimental)

Una de las peticiones más históricas de la comunidad de site builders llega como característica experimental: ocultar o mostrar bloques dependiendo del dispositivo del usuario, sin escribir una sola línea de CSS.

  • Flujo de trabajo: La funcionalidad (#73949, #74249, #74379) agrega un modal de configuración de viewport donde se establecen reglas del tipo “Ocultar en móvil” o “Mostrar solo en tablet”. En el editor, indicadores visuales muestran qué bloques están ocultos en ciertos breakpoints.

  • Para activarla: Como es experimental, debes habilitarla manualmente activando el flag correspondiente en los experimentos de Gutenberg (Gutenberg > Experiments). Una vez activa, el backend se encarga de generar el CSS necesario para aplicar las reglas en el frontend.

5. Otras Mejoras Destacables

  • Colaboración en Tiempo Real: El código base para la edición colaborativa en tiempo real ha salido del estado experimental (#74562), preparando su camino para una inclusión planificada en WordPress 7.0. Actualmente no hay un proveedor por defecto configurado.

  • Transformación entre Bloques Verse y Quote: Se soluciona la frustración de no poder convertir fácilmente un bloque de cita (Quote) en un bloque de verso (Verse) y viceversa (#73068).

  • Query Loop con Exclusión de Términos: Ahora puedes excluir términos de taxonomía específicos en el bloque Query Loop (#73790), una operación mucho más sencilla que el antiguo trabajo de incluir manualmente todos los términos excepto uno.

  • Presets de Dimensiones en theme.json: Los desarrolladores de temas pueden definir valores preestablecidos (presets) para anchos y alturas mínimas en su theme.json (#73811), que luego aparecerán como opciones rápidas para los usuarios en los controles de bloque.

Conclusión

Gutenberg 22.4 no es una mera actualización incremental; es una versión que rompe barreras. Lleva herramientas de diseño modernas a los temas clásicos, otorga superpoderes a los patrones sincronizados y empodera a los creadores con controles de diseño responsivo accesibles.

La característica experimental de visibilidad por viewport es quizás la más transformadora, prometiendo cambiar fundamentalmente cómo se construyen sitios adaptativos. Te recomendamos probarla en un entorno de desarrollo y compartir tus impresiones con la comunidad.

Recuerda: Las versiones de Gutenberg se publican cada dos semanas. Puedes probar esta versión 22.4 en un entorno seguro usando WordPress Playground o instalando el plugin oficial de Gutenberg desde el directorio de WordPress.