Introducción

La versión 22.6 de Gutenberg, el editor de bloques de WordPress, marca un punto de madurez importante en la evolución del editor. No se trata solo de nuevas funcionalidades visibles, sino de cambios estructurales que consolidan la arquitectura moderna del ecosistema de bloques. Puedes ver también las novedades en Gutenber 22.4

Muchas de estas mejoras estarán presentes en WordPress 7.0, por lo que esta versión resulta especialmente relevante para desarrolladores, creadores de temas y profesionales que trabajan con el editor a nivel avanzado.

Novedades principales de Gutenberg 22.6

1. Revisiones dentro del editor con comparación visual (diff en color)

Hasta ahora, el historial de revisiones permitía restaurar contenido, pero no ofrecía un análisis visual estructurado.

Ahora el editor incorpora:

  • Texto añadido → verde y subrayado

  • Texto eliminado → rojo y tachado

  • Cambios de formato o atributos → resaltado en amarillo

  • Bloques añadidos/eliminados → borde verde o rojo

Impacto técnico

Este sistema ya no compara únicamente HTML serializado. Ahora:

  • Opera a nivel de bloques y atributos.

  • Conserva clientId en revisiones para mantener coherencia estructural.

  • Utiliza un paquete de diff actualizado e integrado en el store del editor.

  • Se adapta automáticamente al tema gracias al uso de currentColor.

👉 Esto refuerza el enfoque estructural del editor basado en bloques frente a comparaciones puramente textuales.

2. Nuevo bloque Icon y API de registro SVG

Una de las incorporaciones más relevantes es el nuevo bloque Icon, que permite insertar iconos SVG desde una biblioteca gestionada por el sistema.

Qué lo hace importante

  • Los iconos se registran en servidor mediante una nueva API.

  • Se expone un endpoint REST:
    /wp/v2/icons

  • Evita errores de validación cuando cambian los recursos.

  • Se apoya inicialmente en @wordpress/icons.

  • Permite futura extensión por terceros.

A nivel de arquitectura

  • El registro está desacoplado del bloque.

  • Puede omitirse serialización innecesaria.

  • Soporta configuración desde theme.json (ej. ancho por defecto).

👉 Supone un salto en la forma en que WordPress gestiona activos gráficos reutilizables.

3. Navigation Overlay ya es estable

El sistema de overlays del bloque de navegación deja de ser experimental.

Ahora permite:

  • Crear overlays mediante patrones predefinidos.

  • Control total sobre menús móviles.

  • Contexto específico para template parts “Navigation Overlay”.

  • Mejor comportamiento en viewport automático.

Relevancia técnica

Se consolida el modelo de navegación basado 100% en bloques dentro del paradigma de Full Site Editing (FSE), eliminando inconsistencias previas y mejorando el aislamiento estructural.

4. Procesamiento de imágenes en el navegador (estable)

Una de las mejoras técnicas más potentes.

Ahora las imágenes pueden procesarse antes de enviarse al servidor:

  • Soporte AVIF, WebP y MozJPEG

  • Reducción aproximada del 10–15% en JPEG sin pérdida perceptible

  • Creación de sub-tamaños

  • Detección automática de capacidades del navegador

  • Uso de WebAssembly cuando está disponible

  • Conservación de metadatos EXIF

Si el formato no es compatible, la imagen se envía al servidor como siempre.

Ventajas técnicas

  • Menor carga de CPU en el hosting.

  • Flujo multimedia más rápido.

  • Arquitectura híbrida cliente-servidor más eficiente.

👉 Especialmente útil en alojamientos compartidos o proyectos con alto volumen de imágenes.

5. Colaboración en tiempo real más madura

La edición colaborativa recibe mejoras clave:

  • Activación mediante toggle en Ajustes → Escritura.

  • Visualización del cursor de otros usuarios.

  • Indicador de presencia activo.

  • Restauración de revisiones más robusta.

Fundamento técnico

  • Sincronización granular mediante Y.text.

  • Modelo basado en CRDT para evitar conflictos destructivos.

  • Gestión mejorada del sistema de Awareness.

  • Eliminación de dependencias experimentales.

👉 Gutenberg se acerca a un entorno de edición cooperativa similar al de herramientas modernas como Google Docs, pero dentro del ecosistema WordPress.

6. Galería con navegación en Lightbox

El bloque Galería ahora permite:

  • Navegación entre imágenes dentro del lightbox.

  • Uso de teclado (flechas izquierda/derecha).

  • Avisos accesibles del tipo “Imagen X de Y”.

  • Ignorar imágenes sin lightbox habilitado.

Mejora sustancial de la experiencia de usuario y accesibilidad.

7. Cambios estructurales importantes

Editor siempre en iframe

El editor de entradas ahora refuerza el uso obligatorio del iframe:

  • Mejor aislamiento CSS.

  • Menos conflictos con wp-admin.

  • Preparación para aislamiento de origen cruzado.

Migración a soporte estándar text-align

Varios bloques migran al sistema unificado de block supports:

  • Menor duplicación de atributos.

  • Mejor integración con theme.json.

  • Menos errores de validación.

QuickEdit estable en el Site Editor

Ahora funciona como modal estable y con persistencia de vista unificada.

Cambio de nombre: Verse → Poetry

Actualización semántica para mejorar claridad conceptual.

Conclusión

Gutenberg 22.6 no es una simple actualización incremental. Es una versión de consolidación arquitectónica que:

  • Refuerza la edición estructural basada en bloques.

  • Profesionaliza la colaboración multiusuario.

  • Optimiza la gestión multimedia desde el cliente.

  • Introduce APIs server-side extensibles.

  • Mejora el aislamiento y estabilidad del editor.

Para desarrolladores, esta versión anticipa claramente la dirección estratégica de WordPress 7.0: un editor más aislado, más colaborativo y más orientado a arquitectura moderna.