WordPress 6.9: novedades para desarrolladores

WordPress 6.9 es un lanzamiento fundamental que refuerza las bases para el futuro de WordPress.

Gracias a las actualizaciones de la API de capacidades, la API de interactividad, los enlaces de bloques, DataViews y DataForm, la plataforma está más conectada y es más fácil de personalizar que nunca.

Esta versión también ayuda a que los desarrolladores puedan crear de forma más sencilla funciones interactivas e inteligentes a medida que WordPress va avanzando hacia un futuro con más presencia de la inteligencia artificial.

¡Sigue leyendo para conocer las actualizaciones más importantes y todas las posibilidades que ofrece la versión 6.9 de WordPress!

1. Registra funciones de IA con la API de capacidades y el MCP

Una de las novedades más interesantes de WordPress 6.9 es la nueva API de capacidades.

En combinación con el MCP (protocolo de contexto de modelos), la API de capacidades abre una puerta a la orquestación de la IA: agentes inteligentes que pueden comprender, ampliar y actuar dentro del propio WordPress.

API de capacidades

La API de capacidades permite presentar a los agentes de IA y a las herramientas de automatización las capacidades de los plugins, los temas y el núcleo de WordPress en un formato estandarizado y legible por máquinas.

Esto permite que sistemas de IA como Claude, ChatGPT o Gemini, entre otros, comprendan hasta el último detalle de todo lo que se puede hacer en un sitio de WordPress concreto.

Por ejemplo, los usuarios pueden utilizar un lenguaje natural para pedirle a un asistente de IA que realice una serie de tareas, como:

• Crear una entrada: un asistente de IA, junto con otras herramientas externas, podría generar y programar contenido aprovechando todas las capacidades del sitio. 
• Revisar el contenido del sitio: con un plugin de SEO y otras herramientas conectadas, puedes utilizar un asistente de IA para analizar el contenido y sugerir mejoras.
• Generar informes de ventas: con una herramienta de ecommerce, tu asistente de IA puede revisar datos de ventas y producir informes sobre ellos.

Échale un vistazo al artículo sobre la API de habilidades en WordPress 6.9 si quieres consultar más información. 

MCP (protocolo de contexto de modelos)

La API de capacidades funciona de forma conjunta con el protocolo de contexto de modelos (MCP).

El MCP es un estándar abierto que permite que los asistentes y aplicaciones de IA, incluido WordPress, se comprendan entre sí.

Gracias a este estándar, es posible conectar las funcionalidades de un sitio de WordPress, reconocidas por la API de capacidades, a asistentes de IA y otros servidores y herramientas del ecosistema del MCP.

Cualquier desarrollador puede instalar el plugin MCP Adapter para conectar su registro de la API de capacidades con los proveedores de IA, allanando el camino para que los agentes inteligentes puedan crear entradas, revisar el contenido o generar informes desde WordPress.

Más información sobre el MCP Adapter de WordPress aquí.

La visión de los componentes básicos de la IA

La API de capacidades y el MCP Adapter forman parte de la iniciativa de componentes básicos de la IA, cuyo objetivo es que tanto usuarios como desarrolladores puedan crear potentes implementaciones de la IA dentro de WordPress.

Aunque las funciones de IA aún no son visibles en la interfaz, las bases que se están asentando ahora están orientadas a que los sistemas de IA pueden reconocer y entender WordPress.

Aún es pronto, pero es el comienzo de algo con mucho significado.

Gracias a esta tecnología, en un futuro los agentes de IA podrían realizar acciones reales dentro de WordPress, como generar contenido, automatizar flujos de trabajo y conectarse de forma dinámica a fuentes de datos externas, todo ello a través de API estandarizadas.

Además, el uso del MCP prepara a WordPress para un mundo que avanza de la mano de la inteligencia artificial, ya que permite que los nuevos sistemas y protocolos de IA se adapten rápidamente sin necesidad de reestructurar las funcionalidades básicas.

Desde ese punto de vista, WordPress 6.9 no solo prepara el terreno para la versión 7.0, sino que empieza a redefinir lo que la plataforma puede llegar a ser.

2. Crea escritorios personalizados con DataViews y DataForm

WordPress 6.9 también refuerza la infraestructura de gestión de datos en WordPress.

Aunque los cambios todavía están ocultos al usuario final, las actualizaciones de DataViews, DataForm y la API de campos ofrecen a los desarrolladores de plugins mucho más control y flexibilidad a la hora de crear escritorios personalizados o interfaces de administración.

DataViews: visualización de información más sólida

El componente DataViews ha recibido varias mejoras potentes:

• Desplazamiento (o scroll) infinito
• Bloqueo de filtros
• Filtrado por operaciones específicas (p. ej.: «menor que», «contiene», etc.)
• Alineación y fijación de columnas de acción en diseños de tabla

Con estas mejoras, es posible crear de forma sencilla interfaces coherentes y flexibles que muestran datos de cualquier fuente.

Por si no conoces bien DataViews, es un componente que proporciona una potente API para que los desarrolladores de plugins puedan crear interfaces con elementos de una fuente de datos.

Por ejemplo, un plugin de comercio electrónico puede utilizarlo para mostrar los pedidos en el WP Admin. Tú eliges los campos que aparecen y si se muestran en forma de tabla, cuadrícula o lista.

Los usuarios pueden filtrar, buscar, paginar y actuar sobre esos datos, y, con WordPress 6.9, el control sobre esas interacciones es incluso más preciso gracias a funciones como el desplazamiento infinito y el bloqueo de filtros.

Si te interesa empezar a utilizar el componente DataViews, no te pierdas este artículo sobre cómo mostrar datos e interactuar con ellos en los plugins.

DataForm: diseños flexibles y validación en tiempo real

En la versión 6.9, las actualizaciones de DataForm ofrecen un montón de opciones de diseño nuevas.

Estos nuevos diseños, que incluyen un nuevo panel modal y diseños de tarjetas personalizables, ofrecen un mayor control sobre la estructura y la presentación de formularios complejos.

Estas son las novedades:

• Nuevos diseños de tarjetas y filas: muestra los campos del formulario en tarjetas o filas paralelas, en lugar de una sola lista larga.
• Paneles modales o desplegables: elige cómo se abren los paneles secundarios, ya sea como menús desplegables o como cuadros de diálogo modales.
• Validación asíncrona: la validación de campos en tiempo real y basada en reglas permite validar los inputs tanto de forma sincrónica como asincrónica.

Estas actualizaciones ofrecen un mayor control sobre el aspecto y el comportamiento de los formularios, lo que permite crear interfaces más limpias e intuitivas.

DataViewsPicker: selección de elementos más sencilla

El nuevo componente DataViewsPicker amplía la API DataViews y añade gestión de selecciones y botones de acción.

Es perfecto para crear selectores multimedia o cualquier interfaz en la que los usuarios necesiten elegir varios elementos de un conjunto de datos.

Los usuarios finales pueden navegar, filtrar y seleccionar elementos en un solo lugar, lo que mejora la experiencia de uso.

Mejoras en la API de campos

Por último, la API de campos se ha ampliado aumentando de tres a trece tipos de campos, añadiendo compatibilidad con arrays, valores booleanos, colores, fechas, direcciones de correo electrónico, medios, números, contraseñas, teléfonos y URL.

La validación ahora se basa en reglas y admite comprobaciones tanto sincrónicas como asincrónicas, lo que facilita la creación y verificación de formularios personalizados.

En conjunto, estas mejoras permiten definir formularios más completos con menos código repetitivo y, además, garantizar la calidad de los datos con mayor facilidad.

3. Inyecta información de forma dinámica e interacciones con las API de enlaces de bloques y de interactividad

Las actualizaciones de las API de enlaces de bloques y de interactividad en WordPress 6.9 ofrecen mucha más potencia y flexibilidad para crear experiencias dinámicas e interactivas.

Mejoras de la API de enlaces de bloques 

Otro cambio es que ahora cualquier desarrollador de WordPress puede controlar qué atributos de bloque se pueden utilizar en el enlace de datos.

La API de enlaces de bloques introduce un nuevo filtro que permite especificar los atributos vinculables en cualquier bloque:

block_bindings_supported_attributes_{$block_type}

Además, se ha ampliado la API en tres importantes aspectos:

• Fuentes de enlace personalizadas en el editor: ahora puedes registrar tus propias fuentes de datos añadiendo un método getFieldsList() al registro de la fuente. Este método devuelve un array de objetos (cada uno con una etiqueta, un tipo y argumentos) para rellenar el menú desplegable del enlace.
• Más bloques son compatibles con la vinculación: ahora se pueden activar los enlaces de bloques en más bloques del núcleo, incluidos el bloque Fecha y el pie de foto del bloque Imagen, lo que amplía la gama de datos dinámicos que se pueden insertar en el contenido.
• Interfaz de usuario más sencilla para cambiar de fuente: la interfaz actualizada del editor de bloques facilita a los usuarios cambiar entre fuentes de datos y vincular o desvincular atributos con un solo clic.

Actualizaciones en la API de interactividad

La API de interactividad ha mejorado significativamente en WordPress 6.9, y ahora las funciones interactivas son más rápidas y fiables.

Las actualizaciones incluyen:

• Reutilización de hojas de estilo compartidas: la versión 6.9 acelera la navegación del lado del cliente. Las hojas de estilo cargadas se reutilizan siempre que sea posible, y solo se cargan nuevas hojas de estilo cuando es necesario.
• Módulos de script para bloques interactivos: los módulos JavaScript para bloques interactivos se cargan de forma dinámica y las dependencias se gestionan automáticamente, lo que garantiza que los bloques sigan siendo rápidos y respondan a la perfección.
• Compatibilidad con regiones de enrutamiento: los bloques interactivos ahora pueden incluir regiones de enrutamiento anidadas y pueden representar superposiciones de forma dinámica en cualquier lugar de la página. Esto hace que las funciones interactivas, como ventanas modales, ventanas emergentes y menús desplegables, sean más flexibles y fiables.
• Funciones getServerState y getServerContext mejoradas: estas funciones ahora se restablecen correctamente entre transiciones de página para garantizar que los bloques interactivos se inician con los datos correctos.
• Nuevos ayudantes de TypeScript: se han introducido AsyncAction y TypeYield para ayudar a los desarrolladores a resolver posibles problemas de TypeScript al trabajar con acciones asíncronas.

¿Te apetece lanzarte y experimentar con la versión 6.9? Prueba a vincular un campo personalizado al pie de foto de un bloque Imagen o utiliza la API de interactividad para cargar comentarios o resultados de búsqueda sin tener que recargar toda la página.

4. Personaliza tus temas más rápido con controles de formularios y ajustes preestablecidos del radio de borde

Por último, WordPress 6.9 trae un conjunto de actualizaciones prácticas ideales para los desarrolladores de temas.

Se han incluido mejores estilos de formulario, la tipografía de los botones ahora se hereda correctamente y hay nuevas opciones para configurar ajustes preestablecidos del tamaño del radio del borde.

En conjunto, estos cambios ofrecen mucha más flexibilidad a la hora de diseñar y perfeccionar temas.

Estilos de formularios theme.json

Theme.json ahora admite estilos para elementos de formularios.

Con la propiedad styles.elements, puedes seleccionar campos de entrada y selección para establecer colores, bordes y tipografía.

Estos estilos se aplican en todo el sitio, incluidos los plugins de terceros, lo que proporciona mucho más control y coherencia.

Si necesitas más información sobre cómo diseñar estos elementos de formulario, échale un vistazo a esta entrada del blog sobre cómo WordPress 6.9 le dado un lavado de cara a los formularios con theme.json.

Tamaños del radio de borde preestablecidos

Los creadores de temas ahora pueden definir ajustes preestablecidos del radio del borde utilizando nombres más comprensibles para los usuarios, como Pequeño, Mediano o Grande.

Los usuarios pueden seleccionar estos ajustes preestablecidos en un menú desplegable del editor de bloques y aplicarlos a los bloques compatibles.

Esto evita tener que introducir ajustes manuales constantemente, y lo sustituye por opciones sencillas y reutilizables que ayudan a que los diseños sean más coherentes.

Tienes una guía paso a paso para crear estos ajustes preestablecidos en la entrada del blog para desarrolladores de WordPress «Ajustes preestablecidos del tamaño del radio del borde en WordPress 6.9».

Aplicación de tipografía heredada en los botones

Ahora los botones pueden heredar la tipografía de sus estilos principales cuando se definen en theme.json, y así poder mantener una apariencia coherente en todo el sitio.

Al ajustar la tipografía en los estilos globales (como el estilo de fuente, la transformación del texto, el espaciado entre letras o el grosor de la fuente), la clase wp-element-button ahora recoge esos cambios automáticamente.

En la siguiente imagen puedes ver un antes y después de cómo el texto del botón ha heredado los estilos tipográficos:

Prueba la versión 6.9 y ayuda a dar forma al futuro de WordPress

WordPress 6.9 trae un montón de actualizaciones muy útiles para los desarrolladores, desde las API de capacidades e interactividad hasta mejoras en DataViews, entre muchas otras cosas.

Aquí tienes un vídeo con un resumen de todas las actualizaciones importantes (en inglés):

Y lo mejor es que es muy fácil empezar a experimentar con ellos.

La forma más rápida de empezar es en WordPress Playground, un entorno de pruebas que se puede utilizar desde el navegador y que no requiere ningún tipo de configuración.

También puedes utilizar WordPress Studio para crear rápidamente nuevos sitios locales que se pueden sincronizar con el hosting gestionado para desarrolladores de WordPress.com. Con los planes Business y Commerce tienes a tu disposición sitios de pruebas, acceso SFTP/SSH, WP-CLI y despliegues desde GitHub.

¡Cuéntanos cómo te va y ayúdanos a dar forma al futuro de WordPress!