{"id":82994,"date":"2026-05-04T11:06:30","date_gmt":"2026-05-04T09:06:30","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=82994&#038;preview=true&#038;preview_id=82994"},"modified":"2026-05-11T12:10:21","modified_gmt":"2026-05-11T10:10:21","slug":"wordpress-7-0","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/","title":{"rendered":"Novedades de WordPress 7.0: integraci\u00f3n de IA, nuevos bloques y mucho m\u00e1s"},"content":{"rendered":"<p>\u00a1Prepara los fuegos artificiales! Con la versi\u00f3n 7.0, WordPress entra en una nueva y audaz era.<\/p>\n<p>Probablemente sea el mayor avance de la plataforma en los \u00faltimos a\u00f1os.<\/p>\n<p>WordPress 7.0 perfecciona la interfaz de administraci\u00f3n e introduce nuevos bloques y herramientas para desarrolladores, como el editor de entradas iframed y los bloques exclusivos para PHP.<\/p>\n<p>Prep\u00e1rate una taza de caf\u00e9 y ponte c\u00f3modo, porque esta va a ser una lectura larga y apasionante.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Integraci\u00f3n con la IA<\/h2>\n<p>Con la versi\u00f3n 7.0, WordPress ha dado un gran salto evolutivo. Olv\u00eddate de la plataforma de blogs de sus inicios. Hoy, WordPress es una plataforma colaborativa preparada de forma nativa para la inteligencia artificial.<\/p>\n<p>Este ambicioso proyecto ten\u00eda como objetivo proporcionar una infraestructura fiable y segura que permitiera a los usuarios de WordPress y a los desarrolladores de plugins interactuar con los Grandes Modelos del Lenguaje (LLMs) de forma estandarizada.<\/p>\n<p>El nuevo modelo arquitect\u00f3nico prepara el camino para el \u00abWordPress de agentes\u00bb. Se trata de un cambio hacia una usabilidad basada en agentes, en la que WordPress es capaz, de forma nativa, de interactuar con agentes de IA externos a trav\u00e9s de interfaces estandarizadas y amigables para las m\u00e1quinas.<\/p>\n<p>Hay mucho que decir, pero antes de entrar en detalles sobre la integraci\u00f3n de la IA, aqu\u00ed tienes algunas definiciones preliminares.<\/p>\n<h3>Arquitectura de la IA de WordPress: Conceptos b\u00e1sicos<\/h3>\n<p>Para entender la arquitectura de la IA de WordPress 7.0, es esencial identificar cuatro componentes cr\u00edticos.<\/p>\n<ul>\n<li><strong>Cliente de IA:<\/strong> Una <a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/03\/proposal-for-merging-wp-ai-client-into-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">infraestructura de IA independiente del proveedor<\/a> que proporciona una forma estandarizada para que el c\u00f3digo PHP y JS de WordPress interact\u00fae con los modelos generativos de IA. Como el Cliente de IA es independiente del proveedor, el sistema puede funcionar independientemente de cualquier proveedor de IA concreto.<\/li>\n<li><strong>Proveedor de IA:<\/strong> La entidad o empresa que desarrolla, posee y gestiona Grandes Modelos del Lenguaje (LLMs), como Anthropic, Google y OpenAI.<\/li>\n<li><strong>Conector:<\/strong> El componente que <a href=\"https:\/\/developer.wordpress.org\/news\/2026\/03\/whats-new-for-developers-march-2026\/#ai-provider-packages-in-the-plugin-directory\" target=\"_blank\" rel=\"noopener noreferrer\">permite la integraci\u00f3n entre WordPress y los proveedores de IA<\/a>. WordPress 7.0 incluye 3 conectores predeterminados -OpenAI, Anthropic y Google \u2014 accesibles desde <strong>Ajustes<\/strong> &gt; <strong>Conectores<\/strong>.<\/li>\n<li><strong>API de Capacidades:<\/strong> Una nueva <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-9\/#abilities-api\">interfaz funcional<\/a> dise\u00f1ada para permitir que los plugins, los temas y el n\u00facleo de WordPress expongan sus capacidades en formatos legibles tanto por humanos como por m\u00e1quinas, permitiendo a los agentes de IA interactuar con las funcionalidades de WordPress (por ejemplo, crear entradas o a\u00f1adir un extracto) de forma estructurada. Esto es lo que hace que WordPress 7.0 est\u00e9 <strong>preparado para agentes de forma nativa<\/strong>.<\/li>\n<\/ul>\n<figure id=\"attachment_207401\" aria-describedby=\"caption-attachment-207401\" style=\"width: 1940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207401 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-connectors-screen.jpg\" alt=\"Pantalla de conectores en WordPress 7.0.\" width=\"1940\" height=\"1296\"><figcaption id=\"caption-attachment-207401\" class=\"wp-caption-text\">Pantalla de conectores en WordPress 7.0.<\/figcaption><\/figure>\n<h3>Conectores<\/h3>\n<p>Las versiones anteriores de WordPress requer\u00edan un plugin para cada proveedor de IA que quisieras usar en tu sitio. WordPress 7.0 introduce una <a href=\"https:\/\/developer.wordpress.org\/news\/2026\/03\/whats-new-for-developers-march-2026\/#ai-provider-packages-in-the-plugin-directory\">interfaz unificada para gestionar los conectores de IA<\/a> en <strong>Ajustes &gt; Conectores.<\/strong><\/p>\n<p>Ya no tienes que pegar tus claves API en varios sitios. Introduce tus claves una sola vez en la pantalla <b>Conectores<\/b>, y todos los plugins compatibles podr\u00e1n usar esa conexi\u00f3n a trav\u00e9s del <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\">Cliente de IA<\/a>.<\/p>\n<p>Adem\u00e1s, la nueva interfaz te permite cambiar de proveedor de IA desde un solo lugar sin riesgo de que algo falle.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>WordPress <a href=\"https:\/\/core.trac.wordpress.org\/changeset\/61700\/\" target=\"_blank\" rel=\"noopener noreferrer\">no env\u00eda avisos ni datos<\/a> a ning\u00fan servicio de IA por defecto sin tu consentimiento expl\u00edcito y la configuraci\u00f3n del servicio.<\/p>\n<\/aside>\n\n<p>En la interfaz <strong>Conectores<\/strong>, haz clic en el bot\u00f3n <strong>Instalar<\/strong> para tu proveedor de IA e introduce tu clave API. Guarda la configuraci\u00f3n y estar\u00e1s listo para interactuar con el proveedor de IA en tu sitio de WordPress.<\/p>\n<figure id=\"attachment_207521\" aria-describedby=\"caption-attachment-207521\" style=\"width: 1302px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207521 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-add-google-api-key.jpg\" alt=\"A\u00f1adir una clave API en la interfaz de Conectores\" width=\"1302\" height=\"1268\"><figcaption id=\"caption-attachment-207521\" class=\"wp-caption-text\">A\u00f1adir una clave API en la interfaz de Conectores<\/figcaption><\/figure>\n<p>Si no sabes por d\u00f3nde empezar, instala y activa el <a href=\"https:\/\/make.wordpress.org\/ai\/2026\/03\/12\/whats-new-in-ai-experiments-0-5-0\/\">plugin AI Experiments<\/a>. Este plugin te permite a\u00f1adir im\u00e1genes destacadas, texto alternativo, extractos y mucho m\u00e1s, todo generado por IA.<\/p>\n<figure id=\"attachment_207522\" aria-describedby=\"caption-attachment-207522\" style=\"width: 1978px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207522 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-ai-experiments-settings.png\" alt=\"Configuraci\u00f3n del plugin AI Experiments\" width=\"1978\" height=\"1834\"><figcaption id=\"caption-attachment-207522\" class=\"wp-caption-text\">Configuraci\u00f3n del plugin AI Experiments<\/figcaption><\/figure>\n<p>La nueva integraci\u00f3n de IA no s\u00f3lo introduce una nueva interfaz de usuario, sino que tambi\u00e9n permite a los desarrolladores registrar nuevos proveedores de IA a trav\u00e9s de la <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/18\/introducing-the-connectors-api-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">API de Conectores<\/a>.<\/p>\n<p>Ahora los desarrolladores pueden registrar y gestionar conectores utilizando las nuevas clases y m\u00e9todos b\u00e1sicos. Una vez registrado, cada conector aparece como una tarjeta en la pantalla Conectores.<\/p>\n<p>La nueva API tambi\u00e9n proporciona tres funciones p\u00fablicas.<\/p>\n<ul>\n<li><code>wp_is_connector_registered()<\/code>: Comprueba si un conector est\u00e1 registrado.<\/li>\n<li><code>wp_get_connector()<\/code>: Recupera los datos de un \u00fanico conector.<\/li>\n<li><code>wp_get_connectors()<\/code>: Recupera todos los conectores registrados.<\/li>\n<\/ul>\n<p>Adem\u00e1s, el nuevo hook <code>wp_connectors_init<\/code> te permite sobrescribir los metadatos de los conectores registrados.<\/p>\n<h3>Construir con el Cliente de IA<\/h3>\n<p>La pantalla <b>Conectores<\/b> ofrece la interfaz de IA. El <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/24\/introducing-the-ai-client-in-wordpress-7-0\/\">Cliente de IA es el motor que lo hace funcionar<\/a>: una capa de abstracci\u00f3n unificada que estandariza la forma en que WordPress interact\u00faa con la IA. Ya sea OpenAI, Anthropic o Google Gemini, tu c\u00f3digo sigue siendo el mismo. WordPress se encarga de la traducci\u00f3n, lo que te permite centrarte en la l\u00f3gica de tu aplicaci\u00f3n.<\/p>\n<p>La nueva <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\" target=\"_blank\" rel=\"noopener noreferrer\">funci\u00f3n <code>wp_ai_client_prompt()<\/code><\/a> es el n\u00facleo de esta implementaci\u00f3n.<\/p>\n<p>Aqu\u00ed tienes un ejemplo sencillo en PHP:<\/p>\n<pre><code class=\"language-php\">$ai_response = wp_ai_client_prompt( \"Create a professional post about WordPress\" )\n\t-&gt;generate_text();\n\nif ( is_wp_error( $ai_response ) ) {\n\twp_die( $ai_response-&gt;get_error_message() );\n}\n\necho wp_kses_post( $ai_response );<\/code><\/pre>\n<p>El siguiente ejemplo muestra c\u00f3mo definir el esquema de respuesta para que los datos est\u00e9n listos para su uso.<\/p>\n<pre><code class=\"language-php\">$taxonomy_schema = array(\n\t'type'       =&gt; 'object',\n\t'properties' =&gt; array(\n\t\t'category' =&gt; array( 'type' =&gt; 'string' ),\n\t\t'tags'     =&gt; array( \n\t\t\t'type'  =&gt; 'array',\n\t\t\t'items' =&gt; array( 'type' =&gt; 'string' )\n\t\t),\n\t),\n\t'required'   =&gt; array( 'category', 'tags' ),\n);\n\n$post_body = \"Working from a small tavern in Crete was a game-changer. I realized that Greece is becoming the ultimate hub for remote workers in 2026.\";\n\n$json = wp_ai_client_prompt( \"Based on this text, suggest the most appropriate category and 3-5 relevant tags: $post_body\" )\n\t-&gt;using_temperature( 0.1 )\n\t-&gt;as_json_response( $taxonomy_schema )\n\t-&gt;generate_text();\n\nif ( is_wp_error( $json ) ) {\n\treturn $json;\n}\n\n$suggested_taxonomies = json_decode( $json, true );<\/code><\/pre>\n<p>En este c\u00f3digo<\/p>\n<ul>\n<li>Con <code>as_json_response()<\/code>, WordPress garantiza que el resultado sea JSON puro que se ajuste al esquema especificado (<code>$taxonomy_schema<\/code>).<\/li>\n<li><code>using_temperature()<\/code> controla la respuesta de la IA, haci\u00e9ndola m\u00e1s o menos determinista (o aleatoria). Una temperatura baja (<code>0,1<\/code>) produce una mayor precisi\u00f3n, mientras que una temperatura alta fomenta una respuesta m\u00e1s creativa.<\/li>\n<li>El array <code>$suggested_taxonomies<\/code> contiene las categor\u00edas y etiquetas generadas por la IA. Puedes asignarlas autom\u00e1ticamente a tu entrada.<\/li>\n<\/ul>\n<p>Una salida estructurada garantiza resultados predecibles y proporciona un formato ideal para su uso con la API de Capacidades. Por ejemplo, el c\u00f3digo anterior podr\u00eda utilizarse para crear autom\u00e1ticamente una entrada con la categor\u00eda y las etiquetas especificadas.<\/p>\n<p>La API no s\u00f3lo admite texto. Gracias al m\u00e9todo <code>generate_image()<\/code>, el Cliente de IA tambi\u00e9n puede generar im\u00e1genes.<\/p>\n<p>Puedes solicitar varios resultados con una sola llamada. Por ejemplo, puedes solicitar 3 opciones de texto o imagen pasando un valor num\u00e9rico a los m\u00e9todos <code>generate_text()<\/code> o <code>generate_image()<\/code>: al llamar a <code>generate_image( 3 )<\/code> se obtienen 3 variaciones de la misma imagen.<\/p>\n<p>La API tambi\u00e9n proporciona un conjunto de m\u00e9todos que devuelven informaci\u00f3n adicional. Estos m\u00e9todos devuelven un objeto <code>GenerativeAiResult<\/code> que contiene metadatos enriquecidos, como el uso del token, el proveedor y el modelo que respondi\u00f3 a la solicitud:<\/p>\n<ul>\n<li><code>generate_text_result()<\/code><\/li>\n<li><code>generate_image_result()<\/code><\/li>\n<li><code>convert_text_to_speech_result()<\/code><\/li>\n<li><code>generate_speech_result()<\/code><\/li>\n<li><code>generate_video_result()<\/code><\/li>\n<\/ul>\n<p>Como puedes ver, estos m\u00e9todos ofrecen una serie de funciones adicionales, incluida la compatibilidad con la conversi\u00f3n de texto a voz, voz y v\u00eddeo.<\/p>\n<p>Otros m\u00e9todos de la API son:<\/p>\n<ul>\n<li><code>using_max_tokens()<\/code>: Limita la longitud de la respuesta (por ejemplo <code>-&gt;using_max_tokens( 500 )<\/code>)<\/li>\n<li><code>using_model_preference()<\/code>: Establece un modelo espec\u00edfico (por ejemplo <code>-&gt;using_model_preference( 'gemini-2.5-flash' )<\/code>)<\/li>\n<\/ul>\n<p>Si quieres un an\u00e1lisis m\u00e1s detallado y ver m\u00e1s ejemplos de c\u00f3digo, \u00e9chale un vistazo a la p\u00e1gina del proyecto de GitHub de <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\">WP AI Client<\/a> y a los cambios que se han hecho <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\/blob\/trunk\/UPGRADE.md\">para preparar la versi\u00f3n 7.0 de WordPress<\/a>.<\/p>\n<h2>Nuevos bloques y herramientas de dise\u00f1o<\/h2>\n<p>WordPress 7.0 introduce nuevos bloques y herramientas de dise\u00f1o que mejorar\u00e1n considerablemente la experiencia de edici\u00f3n. A continuaci\u00f3n te contamos las novedades y c\u00f3mo cambiar\u00e1n tus procesos de trabajo creativos.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"11\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Nuevo bloque Migas de pan<\/h3>\n<p>WordPress 7.0 introduce un nuevo <a href=\"https:\/\/make.wordpress.org\/core\/2025\/12\/03\/whats-new-in-gutenberg-22-2-dec3\/#breadcrumbs-block-enhancements\" target=\"_blank\" rel=\"noopener noreferrer\">bloquede Migas de Pan<\/a> (Breadcrumbs) que refleja la jerarqu\u00eda mostrada de la p\u00e1gina.<\/p>\n<p>En esencia, el nuevo bloque incluye un <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/72498\" target=\"_blank\" rel=\"noopener noreferrer\">componente din\u00e1mico<\/a> que consulta la estructura de datos de WordPress para identificar autom\u00e1ticamente la ubicaci\u00f3n actual de los visitantes del sitio bas\u00e1ndose en la jerarqu\u00eda de la p\u00e1gina (padre\/hijo) o en los t\u00e9rminos de la taxonom\u00eda de la entrada.<\/p>\n<p>En la imagen de abajo, el bloque Migas de Pan muestra la jerarqu\u00eda de categor\u00edas de una entrada de blog normal.<\/p>\n<figure id=\"attachment_206612\" aria-describedby=\"caption-attachment-206612\" style=\"width: 2146px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206612 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-breadcrumbs-block-settings-1.png\" alt=\"El bloque Migas de Pan muestra la jerarqu\u00eda de categor\u00edas de la entrada.\" width=\"2146\" height=\"916\"><figcaption id=\"caption-attachment-206612\" class=\"wp-caption-text\">El bloque Migas de Pan muestra la jerarqu\u00eda de categor\u00edas de la entrada.<\/figcaption><\/figure>\n<p>El bloque Migas de Pan tambi\u00e9n es compatible con el bloque Bucle de Consulta. Cuando a\u00f1ades un bloque Migas de Pan a un bloque Bucle de Consulta, el bloque muestra las rutas de las entradas individuales extra\u00eddas de la consulta.<\/p>\n<p>El bloque Migas de Pan tiene algunas opciones de configuraci\u00f3n que te permiten:<\/p>\n<ul>\n<li>Mostrar\/ocultar el enlace a la p\u00e1gina de inicio como punto de partida de la navegaci\u00f3n.<\/li>\n<li>Mostrar\/ocultar la miga de pan actual.<\/li>\n<li>Cambiar el separador de las migas de pan.<\/li>\n<li>Mostrar las migas de pan en la p\u00e1gina de inicio.<\/li>\n<li>Elegir jerarqu\u00eda de entradas (predeterminada) o jerarqu\u00eda de t\u00e9rminos de taxonom\u00eda.<\/li>\n<\/ul>\n<p>El bloque Migas de Pan es compatible con las herramientas de dise\u00f1o de Gutenberg e <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/breadcrumb-block-filters\/\" target=\"_blank\" rel=\"noopener noreferrer\">introduce dos filtros<\/a> que permiten a los desarrolladores controlar las rutas de navegaci\u00f3n mediante programaci\u00f3n.<\/p>\n<p>El nuevo filtro <code>block_core_breadcrumbs_post_type_settings<\/code> permite a los desarrolladores especificar qu\u00e9 taxonom\u00eda y qu\u00e9 t\u00e9rmino deben utilizarse en las migas de pan cuando una entrada tiene varias taxonom\u00edas o t\u00e9rminos.<\/p>\n<p>En el siguiente ejemplo, el filtro se utiliza para mostrar etiquetas en lugar de categor\u00edas:<\/p>\n<pre><code class=\"language-php\">add_filter( 'block_core_breadcrumbs_post_type_settings', function( $settings, $post_type ) {\n\tif ( 'post' === $post_type ) {\n\t\t$settings['taxonomy'] = 'post_tag';\n\t}\n\treturn $settings;\n}, 10, 2 );<\/code><\/pre>\n<p>El filtro <code>block_core_breadcrumbs_items<\/code> permite a los desarrolladores modificar, a\u00f1adir o eliminar elementos del rastro de migas de pan final antes de que se muestre. Estos son algunos ejemplos de uso:<\/p>\n<ul>\n<li>Sustituye el icono de Inicio por una imagen (un SVG, el logotipo de tu empresa, etc.) para ahorrar espacio o hacer que la salida del bloque sea m\u00e1s coherente con la marca de tu sitio.<\/li>\n<li>Acortar el t\u00edtulo de una entrada en las migas de pan si es demasiado largo.<\/li>\n<li>Inyecta categor\u00edas o t\u00e9rminos personalizados, por ejemplo, forzando un paso en el rastro de migas de pan.<\/li>\n<\/ul>\n<p>El siguiente c\u00f3digo utiliza el nuevo filtro para acortar las etiquetas de la ruta de navegaci\u00f3n cuando superan los 20 caracteres:<\/p>\n<pre><code class=\"language-php\">add_filter( 'block_core_breadcrumbs_items', function( $items ) {\n\tforeach ( $items as $key =&gt; $item ) {\n\t\tif ( mb_strlen( $item['label'] ) &gt; 20 ) {\n\t\t\t\/\/ Truncate the string to 17 characters and append '...'\n\t\t\t$items[$key]['label'] = mb_strimwidth( $item['label'], 0, 17, '...' );\n\t\t}\n\t}\n\treturn $items;\n}, 10, 1 );<\/code><\/pre>\n<p>Si quieres conocer m\u00e1s a fondo los filtros del bloque Migas de Pan y ver otros ejemplos de c\u00f3digo, echa un vistazo a la <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/breadcrumb-block-filters\/\">nota para desarrolladores<\/a>.<\/p>\n<h3>Nuevo bloque Icono<\/h3>\n<p>Un nuevo <a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/25\/whats-new-in-gutenberg-22-6-25-february\/#icon-block\" target=\"_blank\" rel=\"noopener noreferrer\">bloque Icono<\/a> te permite a\u00f1adir iconos SVG a tu contenido. El nuevo bloque pretende ofrecer <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/16484\" target=\"_blank\" rel=\"noopener noreferrer\">una soluci\u00f3n est\u00e1ndar nativa<\/a> para gestionar el marcado y garantizar la coherencia de la accesibilidad, sin necesidad de instalar plugins de terceros s\u00f3lo para a\u00f1adir unos pocos iconos.<\/p>\n<p>Actualmente, el nuevo bloque Icono viene con un conjunto predeterminado del que puedes seleccionar tus iconos. Sin embargo, hay planes para a\u00f1adir la posibilidad de que los usuarios puedan a\u00f1adir conjuntos de iconos de terceros en el futuro.<\/p>\n<figure id=\"attachment_206608\" aria-describedby=\"caption-attachment-206608\" style=\"width: 2214px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206608 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-icon-library.png\" alt=\"La biblioteca de iconos en WordPress 7.0\" width=\"2214\" height=\"1400\"><figcaption id=\"caption-attachment-206608\" class=\"wp-caption-text\">La biblioteca de iconos en WordPress 7.0<\/figcaption><\/figure>\n<p>El bloque se basa en una nueva <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/72215\">API de registro de iconos SVG<\/a> del lado del servidor. Esto garantiza que las actualizaciones del registro de iconos se propaguen a todos los usuarios sin errores. La introducci\u00f3n del nuevo bloque de iconos va acompa\u00f1ada de un nuevo endpoint de la API <code>\/wp\/v2\/icons<\/code>.<\/p>\n<figure id=\"attachment_206609\" aria-describedby=\"caption-attachment-206609\" style=\"width: 1702px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206609 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-icons.png\" alt=\"Ejemplos de bloques de iconos.\" width=\"1702\" height=\"986\"><figcaption id=\"caption-attachment-206609\" class=\"wp-caption-text\">A\u00f1adir iconos a tu contenido es muy f\u00e1cil con el nuevo bloque Icono integrado en el n\u00facleo.<\/figcaption><\/figure>\n<h3>Superposiciones de navegaci\u00f3n personalizables<\/h3>\n<p>Antes de WordPress 7.0, los men\u00fas de navegaci\u00f3n m\u00f3vil eran r\u00edgidos y no pod\u00edas cambiar su dise\u00f1o, estructura ni contenido predeterminado. WordPress 7.0 introduce las <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/customisable-navigation-overlays-in-wordpress-7-0\/\">superposiciones de navegaci\u00f3n<\/a> (Navigation Overlays) personalizables, d\u00e1ndote control total. Puedes crear el men\u00fa usando bloques y patrones, e incluir el nuevo bloque <strong>Cerrar superposici\u00f3n de navegaci\u00f3n<\/strong> para a\u00f1adir un bot\u00f3n de cierre en cualquier parte del dise\u00f1o.<\/p>\n<p>T\u00e9cnicamente, las superposiciones de navegaci\u00f3n son partes de plantillas, y una vez que hayas creado la tuya, la encontrar\u00e1s en la secci\u00f3n <strong>Patrones<\/strong> de la barra lateral del Editor de Sitios. Cada superposici\u00f3n se asigna a un bloque de Navegaci\u00f3n, pero puedes asignar varios bloques de Navegaci\u00f3n a la misma superposici\u00f3n.<\/p>\n<p>B\u00e1sicamente, son un lienzo de bloques que puede contener cualquier tipo de bloque. Puedes a\u00f1adir un bloque de Navegaci\u00f3n, pero depende totalmente de ti qu\u00e9 bloques a\u00f1adas. Podr\u00edan ser iconos sociales, un campo de b\u00fasqueda, el logotipo de tu sitio y mucho m\u00e1s.<\/p>\n<p>Las superposiciones de navegaci\u00f3n s\u00f3lo pueden utilizarse en el bloque Navegaci\u00f3n. Para evitar su uso accidental en otras partes de una plantilla, est\u00e1n excluidas del insertador de bloques.<\/p>\n<figure id=\"attachment_206595\" aria-describedby=\"caption-attachment-206595\" style=\"width: 1932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206595 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-create-overlay.png\" alt=\"Crear una superposici\u00f3n de navegaci\u00f3n en WordPress 7.0.\" width=\"1932\" height=\"1731\"><figcaption id=\"caption-attachment-206595\" class=\"wp-caption-text\">Crear una superposici\u00f3n de navegaci\u00f3n en WordPress 7.0.<\/figcaption><\/figure>\n<p>Puedes crear una superposici\u00f3n de navegaci\u00f3n personalizada desde la secci\u00f3n <strong>Superposiciones<\/strong> de la barra lateral del bloque Navegaci\u00f3n en el Editor de Sitios.<\/p>\n<p>Cuando seleccionas el bloque Navegaci\u00f3n, la barra lateral de la plantilla muestra los ajustes de la <strong>superposici\u00f3n de navegaci\u00f3n<\/strong> divididos en dos secciones. La secci\u00f3n <strong>Contenido<\/strong> muestra los tipos de bloques incluidos en la superposici\u00f3n, mientras que la secci\u00f3n <b>Dise\u00f1o<\/b> ofrece una variedad de dise\u00f1os predefinidos.<\/p>\n<figure id=\"attachment_206597\" aria-describedby=\"caption-attachment-206597\" style=\"width: 1882px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206597 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-overlay-settings-2.png\" alt=\"Configuraci\u00f3n de la parte de plantilla de la superposici\u00f3n de navegaci\u00f3n.\" width=\"1882\" height=\"1332\"><figcaption id=\"caption-attachment-206597\" class=\"wp-caption-text\">Configuraci\u00f3n de la parte de plantilla de la superposici\u00f3n de navegaci\u00f3n.<\/figcaption><\/figure>\n<p>La barra lateral del bloque est\u00e1 dividida en dos pesta\u00f1as, una para los ajustes y otra para los estilos de la parte de la plantilla Superposici\u00f3n de Navegaci\u00f3n.<\/p>\n<figure id=\"attachment_206599\" aria-describedby=\"caption-attachment-206599\" style=\"width: 1926px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206599 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-overlay-blocks.png\" alt=\"Configuraci\u00f3n de bloques en una superposici\u00f3n de navegaci\u00f3n.\" width=\"1926\" height=\"1400\"><figcaption id=\"caption-attachment-206599\" class=\"wp-caption-text\">Configuraci\u00f3n de bloques en una superposici\u00f3n de navegaci\u00f3n.<\/figcaption><\/figure>\n<p>La pesta\u00f1a <strong>Estilos<\/strong> de la pesta\u00f1a Bloques de la superposici\u00f3n de navegaci\u00f3n es donde puedes personalizar el aspecto de tu superposici\u00f3n configurando los colores, la imagen de fondo, la tipograf\u00eda, el tama\u00f1o, el borde y la sombra.<\/p>\n<figure id=\"attachment_206602\" aria-describedby=\"caption-attachment-206602\" style=\"width: 1882px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206602 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-overlay-styles.png\" alt=\"Configuraci\u00f3n del estilo de la superposici\u00f3n de navegaci\u00f3n\" width=\"1882\" height=\"1380\"><figcaption id=\"caption-attachment-206602\" class=\"wp-caption-text\">Configuraci\u00f3n del estilo de la superposici\u00f3n de navegaci\u00f3n<\/figcaption><\/figure>\n<p>Los desarrolladores de temas pueden a\u00f1adir f\u00e1cilmente superposiciones de navegaci\u00f3n predefinidas a sus temas. Pueden proporcionar tanto una parte de plantilla de superposici\u00f3n predeterminada (la propia superposici\u00f3n) como un conjunto de patrones de superposici\u00f3n (dise\u00f1os preconstruidos que aparecen al editar una superposici\u00f3n de navegaci\u00f3n).<\/p>\n<figure id=\"attachment_206603\" aria-describedby=\"caption-attachment-206603\" style=\"width: 1884px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206603 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-pre-built-designs.png\" alt=\"La secci\u00f3n Dise\u00f1os de la barra lateral Parte de plantilla proporciona un conjunto de patrones preconstruidos.\" width=\"1884\" height=\"1296\"><figcaption id=\"caption-attachment-206603\" class=\"wp-caption-text\">La secci\u00f3n Dise\u00f1os de la barra lateral Parte de plantilla proporciona un conjunto de patrones preconstruidos.<\/figcaption><\/figure>\n<p>Para obtener una descripci\u00f3n m\u00e1s detallada y ejemplos de c\u00f3digo, consulta la <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/customisable-navigation-overlays-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota de desarrollo<\/a> oficial y <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73359\" target=\"_blank\" rel=\"noopener noreferrer\">este pull request<\/a>.<\/p>\n<figure id=\"attachment_206601\" aria-describedby=\"caption-attachment-206601\" style=\"width: 1930px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206601 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-overlay-close-block-settings.png\" alt=\"Superposici\u00f3n de navegaci\u00f3n. Cerrar configuraci\u00f3n del bloque.\" width=\"1930\" height=\"880\"><figcaption id=\"caption-attachment-206601\" class=\"wp-caption-text\">Ajustes del bloque Cerrar superposici\u00f3n de navegaci\u00f3n.<\/figcaption><\/figure>\n<h3>Mejoras en el bloque P\u00e1rrafo<\/h3>\n<p>Las nuevas funciones del bloque P\u00e1rrafo ofrecen una mayor flexibilidad a la hora de dar estilo al texto.<\/p>\n<p>En primer lugar, una nueva opci\u00f3n en la configuraci\u00f3n de tipograf\u00eda te permite ajustar la <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/new-block-support-text-indent-textindent\/\">sangr\u00eda de la primera l\u00ednea<\/a>.<\/p>\n<figure id=\"attachment_208154\" aria-describedby=\"caption-attachment-208154\" style=\"width: 2040px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208154 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-line-indent-1.png\" alt=\"Control de la sangr\u00eda de l\u00ednea en WordPress 7.0\" width=\"2040\" height=\"774\"><figcaption id=\"caption-attachment-208154\" class=\"wp-caption-text\">Control de la sangr\u00eda de l\u00ednea en WordPress 7.0<\/figcaption><\/figure>\n<p>Puedes controlar la sangr\u00eda del texto para p\u00e1rrafos individuales, o puedes aplicarla a todos los p\u00e1rrafos mediante la configuraci\u00f3n de Estilo Global en <strong>Editor<\/strong> &gt; <strong>Estilos<\/strong> &gt; <strong>Bloques<\/strong> &gt; <strong>P\u00e1rrafo<\/strong>.<\/p>\n<figure id=\"attachment_208150\" aria-describedby=\"caption-attachment-208150\" style=\"width: 2308px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208150 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-line-indent-global-styles.png\" alt=\"Control de la sangr\u00eda de l\u00ednea en Estilos globales\" width=\"2308\" height=\"636\"><figcaption id=\"caption-attachment-208150\" class=\"wp-caption-text\">Control de la sangr\u00eda de l\u00ednea en Estilos globales<\/figcaption><\/figure>\n<p>Los desarrolladores de temas pueden activar\/desactivar y controlar granularmente la sangr\u00eda de l\u00ednea dentro del archivo <code>theme.json<\/code> utilizando la nueva <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74889\" target=\"_blank\" rel=\"noopener noreferrer\">propiedad <code>textIndent<\/code><\/a>.<\/p>\n<p>El bloque P\u00e1rrafo ahora tambi\u00e9n admite <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73958\" target=\"_blank\" rel=\"noopener noreferrer\">alineaci\u00f3n amplia y completa<\/a>. La siguiente imagen muestra el nuevo control <strong>Alinear<\/strong>.<\/p>\n<figure id=\"attachment_208151\" aria-describedby=\"caption-attachment-208151\" style=\"width: 1354px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208151 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-paragraph-block-align-control.png\" alt=\"El bloque P\u00e1rrafo ahora admite alineaci\u00f3n amplia y completa.\" width=\"1354\" height=\"622\"><figcaption id=\"caption-attachment-208151\" class=\"wp-caption-text\">El bloque P\u00e1rrafo ahora admite alineaci\u00f3n amplia y completa.<\/figcaption><\/figure>\n<p>Otra novedad \u00fatil al bloque P\u00e1rrafo es la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74656\" target=\"_blank\" rel=\"noopener noreferrer\">compatibilidad con columnas de texto<\/a>. Esta nueva opci\u00f3n est\u00e1 disponible en los ajustes de <strong>Tipograf\u00eda<\/strong> de la barra lateral del bloque.<\/p>\n<figure id=\"attachment_208152\" aria-describedby=\"caption-attachment-208152\" style=\"width: 2060px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208152 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-paragraph-block-columns.png\" alt=\"El bloque P\u00e1rrafo ahora admite columnas de texto.\" width=\"2060\" height=\"1034\"><figcaption id=\"caption-attachment-208152\" class=\"wp-caption-text\">El bloque P\u00e1rrafo ahora admite columnas de texto.<\/figcaption><\/figure>\n<h3>V\u00eddeos de fondo incrustados para el bloque Portada<\/h3>\n<p>Con WordPress 7.0, puedes utilizar v\u00eddeos incrustados, como los de <a href=\"https:\/\/kinsta.com\/es\/blog\/integrar-incrustar-youtube-video-wordpress\/\">YouTube<\/a> o Vimeo, como <a href=\"https:\/\/make.wordpress.org\/core\/2025\/12\/03\/whats-new-in-gutenberg-22-2-dec3\/#cover-block-video-embeds\" target=\"_blank\" rel=\"noopener noreferrer\">v\u00eddeos de fondo para el bloque Portada<\/a>. Anteriormente, s\u00f3lo pod\u00edas utilizar v\u00eddeos subidos.<\/p>\n<p>Esta funcionalidad es especialmente \u00fatil para quienes desean ahorrar ancho de banda <a href=\"https:\/\/kinsta.com\/es\/blog\/hosting-video\/\">alojando v\u00eddeos en plataformas externas<\/a>.<\/p>\n<figure id=\"attachment_207246\" aria-describedby=\"caption-attachment-207246\" style=\"width: 1748px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207246 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-embed-video-from-url.png\" alt=\"Incrustar v\u00eddeo desde URL en WordPress 7.0.\" width=\"1748\" height=\"856\"><figcaption id=\"caption-attachment-207246\" class=\"wp-caption-text\">Incrustar v\u00eddeo desde URL en WordPress 7.0.<\/figcaption><\/figure>\n<p>Para a\u00f1adir un v\u00eddeo alojado, haz clic en <strong>A\u00f1adir medios<\/strong> en la barra de herramientas del bloque Portada y, a continuaci\u00f3n, selecciona <strong>Incrustar v\u00eddeo desde URL<\/strong>.<\/p>\n<figure id=\"attachment_207248\" aria-describedby=\"caption-attachment-207248\" style=\"width: 1742px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207248 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-add-video-url.png\" alt=\"Introduce la URL del v\u00eddeo para el bloque Portada.\" width=\"1742\" height=\"852\"><figcaption id=\"caption-attachment-207248\" class=\"wp-caption-text\">Introduce la URL del v\u00eddeo para el bloque Portada.<\/figcaption><\/figure>\n<p>A continuaci\u00f3n, se te pedir\u00e1 que introduzcas la URL del v\u00eddeo.<\/p>\n<figure id=\"attachment_207250\" aria-describedby=\"caption-attachment-207250\" style=\"width: 2378px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207250 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-embedded-video.jpg\" alt=\"Introducir v\u00eddeo como v\u00eddeo de fondo para el Bloque de Portada.\" width=\"2378\" height=\"1206\"><figcaption id=\"caption-attachment-207250\" class=\"wp-caption-text\">Introducir v\u00eddeo como v\u00eddeo de fondo para el Bloque de Portada.<\/figcaption><\/figure>\n<p>Tu v\u00eddeo incrustado aparecer\u00e1 como v\u00eddeo de fondo para tu bloque de Portada, tanto en el editor como en el frontend.<\/p>\n<h3>Bloque de cuadr\u00edcula responsivo<\/h3>\n<p>El bloque Cuadr\u00edcula se ha actualizado para que sea responsivo de forma nativa. En versiones anteriores de WordPress, los usuarios solo pod\u00edan elegir entre los modos Autom\u00e1tico y Manual. En el modo Autom\u00e1tico, se pod\u00eda establecer el ancho m\u00ednimo de columna para que el bloque fuera responsivo. En el modo Manual, se pod\u00eda establecer el n\u00famero de columnas, que se manten\u00eda fijo.<\/p>\n<figure id=\"attachment_207377\" aria-describedby=\"caption-attachment-207377\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207377 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/grid-block-settings-wp-6-9.jpg\" alt=\"Configuraci\u00f3n del bloque de cuadr\u00edcula en WordPress 6.9.\" width=\"1790\" height=\"1002\"><figcaption id=\"caption-attachment-207377\" class=\"wp-caption-text\">Configuraci\u00f3n del bloque de cuadr\u00edcula en WordPress 6.9.<\/figcaption><\/figure>\n<p>A partir de WordPress 7.0, el <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73662\">bloque cuadr\u00edcula es responsivo de forma nativa<\/a>. El n\u00famero de columnas ahora se comporta como el m\u00e1ximo, y puedes ajustar el tama\u00f1o m\u00ednimo de las columnas y el n\u00famero m\u00e1ximo de columnas sin que el bloque deje de ser responsivo.<\/p>\n<figure id=\"attachment_207378\" aria-describedby=\"caption-attachment-207378\" style=\"width: 2496px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207378 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-wide-screen.jpg\" alt=\"El bloque Cuadr\u00edcula en una pantalla grande.\" width=\"2496\" height=\"1274\"><figcaption id=\"caption-attachment-207378\" class=\"wp-caption-text\">El bloque Cuadr\u00edcula en una pantalla grande.<\/figcaption><\/figure>\n<figure id=\"attachment_207379\" aria-describedby=\"caption-attachment-207379\" style=\"width: 2496px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207379 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-small-screen.jpg\" alt=\"El bloque Cuadr\u00edcula en una pantalla peque\u00f1a.\" width=\"2496\" height=\"1274\"><figcaption id=\"caption-attachment-207379\" class=\"wp-caption-text\">El bloque Cuadr\u00edcula en una pantalla peque\u00f1a.<\/figcaption><\/figure>\n<h3>Soporte CSS personalizado para bloques individuales<\/h3>\n<p>Ahora puedes a\u00f1adir <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/custom-css-for-individual-block-instances-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">estilos personalizados a instancias de bloques concretos<\/a> desde la configuraci\u00f3n avanzada del bloque.<\/p>\n<figure id=\"attachment_207383\" aria-describedby=\"caption-attachment-207383\" style=\"width: 1712px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207383 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-additional-css.jpg\" alt=\"Soporte de CSS personalizado para bloques individuales en WordPress 7.0.\" width=\"1712\" height=\"858\"><figcaption id=\"caption-attachment-207383\" class=\"wp-caption-text\">Soporte de CSS personalizado para bloques individuales en WordPress 7.0.<\/figcaption><\/figure>\n<p>Cuando a\u00f1ades estilos personalizados a un bloque, WordPress a\u00f1ade autom\u00e1ticamente la clase <code>has-custom-css<\/code>. Si inspeccionas el bloque en el editor de c\u00f3digo, ver\u00e1s un bloque de c\u00f3digo similar al siguiente:<\/p>\n<pre><code class=\"language-html\">&lt;!-- wp:image {\n\t\"id\":848,\n\t\"sizeSlug\":\"large\",\n\t\"linkDestination\":\"none\",\n\t\"style\":{ \"css\":\"border: 4px solid blue;\" }\n} --&gt;\n\t&lt;figure class=\"wp-block-image size-large has-custom-css\"&gt;\n\t\t&lt;img src=\"http:\/\/example.com\/wp-content\/uploads\/2026\/03\/example-768x1024.jpg\" alt=\" class=\"wp-image-848\"\/&gt;\n\t&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;<\/code><\/pre>\n<p>El estilo personalizado se carga despu\u00e9s de los estilos predeterminados de WordPress y de los estilos globales, lo que garantiza que los cambios que realices no afecten al aspecto de otras instancias del mismo bloque.<\/p>\n<h3>Ocultar bloques seg\u00fan el \u00e1rea de visualizaci\u00f3n<\/h3>\n<p>En WordPress 7.0, puedes <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/block-visibility-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">ocultar o mostrar los bloques<\/a> individualmente dependiendo de si el usuario est\u00e1 en un dispositivo m\u00f3vil, tableta o escritorio.<\/p>\n<p>Esta primera iteraci\u00f3n a\u00f1ade la nueva propiedad viewport a blockVisibility.<\/p>\n<pre><code class=\"language-json\">{\n\t\"metadata\": {\n\t\t\"blockVisibility\": {\n\t\t\t\"viewport\": {\n\t\t\t\t\"mobile\": false,\n\t\t\t\t\"tablet\": true,\n\t\t\t\t\"desktop\": true\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Puedes activar el control de visibilidad a\u00f1adiendo el objeto JSON anterior al bloque directamente en el editor de c\u00f3digo o mediante la paleta de comandos.<\/p>\n<figure id=\"attachment_207741\" aria-describedby=\"caption-attachment-207741\" style=\"width: 1466px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207741 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-command-palette.jpg\" alt=\"Activa el control de visibilidad del bloque desde la paleta de comandos.\" width=\"1466\" height=\"900\"><figcaption id=\"caption-attachment-207741\" class=\"wp-caption-text\">Activa el control de visibilidad del bloque desde la paleta de comandos.<\/figcaption><\/figure>\n<p>Una vez que hayas activado el control de visibilidad de bloques, puedes acceder a las opciones de visibilidad de bloques abriendo el modal desde la barra de herramientas de bloques, la barra lateral del inspector de bloques o la paleta de comandos.<\/p>\n<figure id=\"attachment_207742\" aria-describedby=\"caption-attachment-207742\" style=\"width: 2174px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207742 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp_7-0-visibility-modal.jpg\" alt=\"El modal de visibilidad de bloques en WordPress 7.0\" width=\"2174\" height=\"1108\"><figcaption id=\"caption-attachment-207742\" class=\"wp-caption-text\">El modal de visibilidad de bloques en WordPress 7.0<\/figcaption><\/figure>\n<p>Las pr\u00f3ximas versiones deber\u00edan incluir puntos de ruptura configurables y la integraci\u00f3n con <code>theme.json<\/code> para controlar la visibilidad de los bloques.<\/p>\n<h3>Opciones de estilo para el bloque\u00a0Matem\u00e1ticas (Math block)<\/h3>\n<p>Antes de WordPress 7.0, los usuarios no pod\u00edan personalizar la apariencia del <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-9\/#math\">bloque de Matem\u00e1ticas<\/a>\u00a0(Math block). La nueva versi\u00f3n de WordPress a\u00f1ade opciones de estilo de Color, Tipograf\u00eda, Dimensiones y Bordes <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73544\">para el bloque Matem\u00e1ticas<\/a>.<\/p>\n<p>La siguiente imagen muestra un ejemplo de estilo del bloque Matem\u00e1ticas:<\/p>\n<figure id=\"attachment_208194\" aria-describedby=\"caption-attachment-208194\" style=\"width: 2040px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208194 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-math-block-styles.png\" alt=\"Opciones de estilo para el bloque Matem\u00e1ticas.\" width=\"2040\" height=\"1264\"><figcaption id=\"caption-attachment-208194\" class=\"wp-caption-text\">Opciones de estilo para el bloque Matem\u00e1ticas.<\/figcaption><\/figure>\n<h3>Actualizaciones del bloque HTML<\/h3>\n<p>El bloque HTML se ha <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73108\" target=\"_blank\" rel=\"noopener noreferrer\">redise\u00f1ado por completo<\/a>. Ahora, cuando insertas un bloque HTML en tu contenido, aparece una ventana modal con tres pesta\u00f1as separadas para introducir tu HTML, CSS y JavaScript.<\/p>\n<figure id=\"attachment_208202\" aria-describedby=\"caption-attachment-208202\" style=\"width: 2426px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208202 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-html-block-modal.png\" alt=\"Una ventana emergente para a\u00f1adir c\u00f3digo al bloque HTML en WordPress 7.0.\" width=\"2426\" height=\"1182\"><figcaption id=\"caption-attachment-208202\" class=\"wp-caption-text\">A\u00f1adiendo c\u00f3digo al bloque HTML en WordPress 7.0.<\/figcaption><\/figure>\n<p>Si necesitas m\u00e1s espacio, un bot\u00f3n en la esquina superior derecha de la ventana modal te permite activar o desactivar el modo de pantalla completa.<\/p>\n<figure id=\"attachment_208203\" aria-describedby=\"caption-attachment-208203\" style=\"width: 2182px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208203 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-html-block-modal-fullscreen.png\" alt=\"El modal del bloque HTML en modo de pantalla completa.\" width=\"2182\" height=\"1386\"><figcaption id=\"caption-attachment-208203\" class=\"wp-caption-text\">El modal del bloque HTML en modo de pantalla completa.<\/figcaption><\/figure>\n<h3>Mejoras en el bloque Imagen<\/h3>\n<p>El bloque Imagen se ha actualizado con varias mejoras que ofrecen mayores opciones de personalizaci\u00f3n.<\/p>\n<p>El bloque Imagen ahora soporta el <a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/04\/whats-new-in-gutenberg-22-5-04-february\/#image-block-aspect-ratio-control-for-wide-and-full-alignment\">control de la relaci\u00f3n de aspecto<\/a> para la alineaci\u00f3n ancha y completa (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74519\">PR #74519<\/a>). Esta nueva funcionalidad est\u00e1 disponible en la pesta\u00f1a Estilos de la barra lateral de configuraci\u00f3n del bloque.<\/p>\n<figure id=\"attachment_208229\" aria-describedby=\"caption-attachment-208229\" style=\"width: 2136px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208229 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-image-aspect-ratio.jpg\" alt=\"Control de la relaci\u00f3n de aspecto para el bloque Imagen en WordPress 7.0.\" width=\"2136\" height=\"1220\"><figcaption id=\"caption-attachment-208229\" class=\"wp-caption-text\">Control de la relaci\u00f3n de aspecto para el bloque Imagen en WordPress 7.0.<\/figcaption><\/figure>\n<p>Otra novedad \u00fatil es el control del punto focal. Con esta nueva funcionalidad, puedes ajustar la parte visible de una imagen al recortarla. (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73115\">PR #73115<\/a>)<\/p>\n<figure id=\"attachment_208230\" aria-describedby=\"caption-attachment-208230\" style=\"width: 2132px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208230 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-image-focal-point.jpg\" alt=\"Control del punto focal de la imagen en WordPress 7.0.\" width=\"2132\" height=\"982\"><figcaption id=\"caption-attachment-208230\" class=\"wp-caption-text\">Control del punto focal de la imagen en WordPress 7.0.<\/figcaption><\/figure>\n<p>El componente de recorte de im\u00e1genes en el editor se ha trasladado a un paquete espec\u00edfico, y ahora se puede utilizar en toda la aplicaci\u00f3n, y no s\u00f3lo en el editor de bloques (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73277\" target=\"_blank\" rel=\"noopener noreferrer\">PR #73277<\/a>)<\/p>\n<h2>Experiencia de administraci\u00f3n mejorada<\/h2>\n<p>Con el lanzamiento de WordPress 7.0, se ha redise\u00f1ado y modernizado el \u00e1rea de administraci\u00f3n de WordPress. Se trata de una mejora sustancial de la experiencia de administraci\u00f3n, cuyo objetivo es hacer que la navegaci\u00f3n del sitio sea m\u00e1s fluida, coherente y visualmente atractiva.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Mejoras visuales<\/h3>\n<p>Cuando abras el panel de administraci\u00f3n de WordPress 7.0, notar\u00e1s enseguida lo diferentes que se ven los elementos de la interfaz. Estos cambios han sido <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/64308\">objeto de un amplio debate<\/a> y se consideraron necesarios para modernizar el aspecto del panel de control y reducir las inconsistencias entre el panel antiguo y el editor de bloques.<\/p>\n<blockquote><p>El objetivo es modernizar el aspecto del panel de administraci\u00f3n, reducir las inconsistencias entre las pantallas antiguas y las nuevas pantallas del editor de bloques y del editor del sitio, y alinearlo mejor con el sistema de dise\u00f1o de WordPress al completo.<\/p><\/blockquote>\n<p>El redise\u00f1o visual se centr\u00f3 en una serie de componentes b\u00e1sicos que aparecen en toda el \u00e1rea de administraci\u00f3n de WordPress. Como se\u00f1al\u00f3 Fabian Kaegy, se trata de cambios puramente visuales, sin actualizaciones arquitect\u00f3nicas o funcionales.<\/p>\n<p>Puedes explorar los nuevos men\u00fas, botones y transiciones de WordPress 7.0 en el <a href=\"https:\/\/www.figma.com\/design\/804HN2REV2iap2ytjRQ055\/WordPress-Design-System?node-id=551-29619&#038;p=f&#038;t=tJrIlW5QQaGPdDIo-0\">Sistema de dise\u00f1o de WordPress en Figma<\/a>.<\/p>\n<figure id=\"attachment_208271\" aria-describedby=\"caption-attachment-208271\" style=\"width: 1634px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208271 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-admin-buttons-restyling.png\" alt=\"Cambio de estilo de los botones de administraci\u00f3n en WordPress 7.0 \" width=\"1634\" height=\"1064\"><figcaption id=\"caption-attachment-208271\" class=\"wp-caption-text\">Cambio de estilo de los botones de administraci\u00f3n en WordPress 7.0 (Fuente de la imagen: <a href=\"https:\/\/www.figma.com\/design\/804HN2REV2iap2ytjRQ055\/WordPress-Design-System?node-id=551-29619&#038;p=f&#038;t=tJrIlW5QQaGPdDIo-0\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Design System<\/a>)<\/figcaption><\/figure>\n<h3>Revisiones visuales<\/h3>\n<p>Ahora las revisiones se presentan como vistas previas en una <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74771\" target=\"_blank\" rel=\"noopener noreferrer\">interfaz similar a la de un editor<\/a> que resalta las diferencias visuales. Ya no necesitas leer todo el art\u00edculo para ver lo que ha cambiado, porque las diferencias entre versiones del mismo contenido se resaltan ahora a nivel de bloque. El sistema tambi\u00e9n identifica los cambios de estilo, facilitando la detecci\u00f3n de ajustes en la paleta de colores, la tipograf\u00eda, las dimensiones, etc.<\/p>\n<figure id=\"attachment_207219\" aria-describedby=\"caption-attachment-207219\" style=\"width: 2266px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207219 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-revisions-2.jpg\" alt=\"Las revisiones ofrecen ahora una vista previa visual de los cambios a nivel de bloque\" width=\"2266\" height=\"1204\"><figcaption id=\"caption-attachment-207219\" class=\"wp-caption-text\">Las revisiones ofrecen ahora una vista previa visual de los cambios a nivel de bloque<\/figcaption><\/figure>\n<p>Diferentes colores identifican <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/75049\" target=\"_blank\" rel=\"noopener noreferrer\">distintos tipos de cambios<\/a>:<\/p>\n<ul>\n<li>El amarillo resalta un bloque o texto que ha sido modificado.<\/li>\n<li>El rojo destaca un bloque o texto que ha sido eliminado.<\/li>\n<li>El verde identifica un bloque o texto que se ha a\u00f1adido.<\/li>\n<\/ul>\n<p>Con las revisiones, puedes ver toda la potencia de Yjs, porque al restaurar una versi\u00f3n anterior, el sistema s\u00f3lo restaura los cambios realizados en el documento por bloques, no todo el contenido.<\/p>\n<p>Se espera que el sistema mejore con futuras actualizaciones, y podemos esperar nuevas y potentes funcionalidades. Para obtener una visi\u00f3n general m\u00e1s detallada de lo que se ha hecho y de lo que podemos esperar en el futuro, \u00e9chale un vistazo a <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/05\/revisions\/\">esta entrada de Mathias Ventura de 2023<\/a>, as\u00ed como a los tickets #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/60096\">60096<\/a> y #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/61161\">61161<\/a>.<\/p>\n<h3>Ver Transiciones<\/h3>\n<p>Con WordPress 7.0, el paquete <code>boot<\/code> \u2014el componente encargado de inicializar el editor y gestionar las transiciones entre las distintas pantallas de administraci\u00f3n\u2014 recibe una <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73586\">importante actualizaci\u00f3n<\/a>. Gracias a esta nueva infraestructura, navegar entre las pantallas del panel de control ya no requiere recargas bruscas de la p\u00e1gina, sino que ofrece elegantes transiciones que ofrecen una funcionalidad que mejora notablemente la experiencia de administraci\u00f3n.<\/p>\n<p>En t\u00e9rminos t\u00e9cnicos, al implementar la API de transiciones de vista en el paquete boot, WordPress ahora puede gestionar animaciones de zoom y deslizamiento durante los cambios de estado. Esto evita tener que volver a cargar el lienzo cada vez que cambia la ruta, lo que garantiza una transici\u00f3n fluida en la navegaci\u00f3n de nivel ra\u00edz.<\/p>\n<h2>Cambios para desarrolladores<\/h2>\n<p>WordPress 7.0 es algo m\u00e1s que una actualizaci\u00f3n visual: introduce cambios estructurales que simplifican dr\u00e1sticamente el flujo de trabajo de desarrollo. Entre los aspectos m\u00e1s destacados se incluyen la reducci\u00f3n del CSS personalizado gracias a un <code>theme.json<\/code> m\u00e1s potente, una gesti\u00f3n del dise\u00f1o m\u00e1s predecible mediante el uso ampliado de iframes, y nuevas herramientas declarativas para las interfaces de administraci\u00f3n, con una API mejorada de DataViews, DataForm y Field, y una nueva API de capacidades del lado del cliente que proporciona una forma estandarizada de exponer e interactuar con las capacidades de la aplicaci\u00f3n mediante JavaScript.<\/p>\n<p>Si eres desarrollador, estos son los cambios t\u00e9cnicos m\u00e1s significativos de WordPress 7.0 que debes conocer.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"6\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Soporte de pseudoclases en theme.json<\/h3>\n<p>Buenas noticias para los desarrolladores de temas. A partir de WordPress 7.0, puedes <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/09\/pseudo-element-support-for-blocks-and-their-variations-in-theme-json\/\">usar selectores de pseudoclases<\/a> (<code>:hover<\/code>, <code>:focus<\/code>, <code>:focus-visible<\/code>y <code>:active<\/code>) directamente en tus bloques y variaciones de estilo en tu archivo <code>theme.json<\/code>.<\/p>\n<p>Antes de WordPress 7.0, las pseudoclases s\u00f3lo eran compatibles con elementos HTML como botones y enlaces, y su uso a nivel de bloque s\u00f3lo era posible en CSS personalizado.<\/p>\n<p>Para usar pseudoclases a nivel de bloque, tienes que <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/64263\">a\u00f1adir tu configuraci\u00f3n de estilo<\/a> en la secci\u00f3n <code>styles<\/code> de tu archivo <code>theme.json<\/code>. Aqu\u00ed tienes un ejemplo sencillo del uso de pseudoclases para un bloque de bot\u00f3n (v\u00e9ase tambi\u00e9n <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/71418\">PR #71418<\/a>):<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 3,\n\t\"styles\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/button\": {\n\t\t\t\t\"border\": {\n\t\t\t\t\t\"width\": \"2px\",\n\t\t\t\t\t\"style\": \"solid\",\n\t\t\t\t\t\"color\": \"#000000\"\n\t\t\t\t},\n\t\t\t\t\":hover\": {\n\t\t\t\t\t\"border\": {\n\t\t\t\t\t\t\"color\": \"#ff4400\"\n\t\t\t\t\t},\n\t\t\t\t\t\"shadow\": \"0 8px 15px rgba(255, 68, 0, 0.3)\",\n\t\t\t\t\t\"typography\": {\n\t\t\t\t\t\t\"textDecoration\": \"underline\"\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t\":active\": {\n\t\t\t\t\t\"filter\": \"brightness(0.8)\",\n\t\t\t\t\t\"shadow\": \"none\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>La siguiente imagen muestra los distintos estados del bloque Bot\u00f3n.<\/p>\n<figure id=\"attachment_206689\" aria-describedby=\"caption-attachment-206689\" style=\"width: 942px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206689 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-pseudo-elements.png\" alt=\"Utilizando las pseudoclases: hover y: active en un bloque Bot\u00f3n.\" width=\"942\" height=\"213\"><figcaption id=\"caption-attachment-206689\" class=\"wp-caption-text\">Utilizando las pseudoclases: hover y: active en un bloque Bot\u00f3n.<\/figcaption><\/figure>\n<p>El siguiente ejemplo muestra c\u00f3mo utilizar pseudoclases para una variaci\u00f3n del bloque en <code>theme.json<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 3,\n\t\"styles\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/button\": {\n\t\t\t\t\"variations\": {\n\t\t\t\t\t\"neon\": {\n\t\t\t\t\t\t\"border\": {\n\t\t\t\t\t\t\t\"width\": \"2px\",\n\t\t\t\t\t\t\t\"style\": \"solid\",\n\t\t\t\t\t\t\t\"color\": \"#00ff00\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\"color\": {\n\t\t\t\t\t\t\t\"text\": \"#00ff00\",\n\t\t\t\t\t\t\t\"background\": \"transparent\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\":hover\": {\n\t\t\t\t\t\t\t\"border\": {\n\t\t\t\t\t\t\t\t\"color\": \"#ffffff\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\"shadow\": \"0 0 20px #00ff00, 0 0 40px #00ff00\",\n\t\t\t\t\t\t\t\"color\": {\n\t\t\t\t\t\t\t\t\"text\": \"#ffffff\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\"typography\": {\n\t\t\t\t\t\t\t\t\"textDecoration\": \"none\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\":active\": {\n\t\t\t\t\t\t\t\"filter\": \"brightness(1.5) blur(1px)\",\n\t\t\t\t\t\t\t\"shadow\": \"0 0 10px #ffffff\"\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<h3>Editor de entradas en iframe<\/h3>\n<p>A partir de WordPress 7.0, el <a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/24\/iframed-editor-changes-in-wordpress-7-0\/\">editor de entradas se carga en un iframe<\/a> si el contenido solo contiene bloques que utilizan la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/75187\">API de bloques versi\u00f3n 3 o superior<\/a>. Antes de la versi\u00f3n 7.0, el editor de entradas solo se cargaba en un iframe si todos los bloques registrados (incluso los que no estaban incluidos en el contenido) utilizaban la API de bloques v3+.<\/p>\n<p>La principal ventaja de cargar el editor en un iframe es que a\u00edsla los estilos de interfaz de usuario del editor de los estilos de contenido del tema. Sin un iframe, las hojas de estilo del editor y del tema coexisten en el mismo documento, lo que a menudo provoca problemas de compatibilidad y dificulta a los desarrolladores la coherencia visual entre el backend y el frontend.<\/p>\n<p>Las <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/blocks-in-an-iframed-template-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">principales ventajas<\/a> del editor de entradas iframed son:<\/p>\n<h4>Aislamiento de estilos<\/h4>\n<ul>\n<li><b>Sin interferencias de CSS:<\/b> El iframe evita que los estilos del panel de administraci\u00f3n de WordPress \u00abse filtren\u00bb en el lienzo del editor y viceversa, lo que garantiza que el aspecto de los bloques no se vea afectado por la interfaz de usuario circundante.<\/li>\n<li><strong>Sin necesidad de restablecer CSS:<\/strong> Los desarrolladores ya no necesitan restablecer manualmente las reglas CSS del administrador de WordPress para que el contenido del editor coincida con la apariencia del frontend.<\/li>\n<li><strong>Sin prefijos:<\/strong> Los desarrolladores de temas ya no necesitan a\u00f1adir prefijos o selectores de alta especificidad a sus reglas CSS para evitar romper la interfaz de administraci\u00f3n.<\/li>\n<\/ul>\n<h4>Consistencia del dise\u00f1o<\/h4>\n<ul>\n<li><b>Unidades relativas a la ventana gr\u00e1fica:<\/b> Sin iframes, unidades como <code>vw<\/code> (ancho de la ventana gr\u00e1fica) y <code>vh<\/code> (altura de la ventana gr\u00e1fica) se refieren a toda la p\u00e1gina de administraci\u00f3n (incluida la barra lateral); deben usarse <a href=\"https:\/\/make.wordpress.org\/core\/2025\/11\/12\/preparing-the-post-editor-for-full-iframe-integration\/\">solo en el \u00e1rea de trabajo del editor<\/a>.<\/li>\n<li><b>Consultas de medios nativas:<\/b> Las consultas de medios funcionan de forma nativa dentro del iframe, reflejando el tama\u00f1o del \u00e1rea de trabajo del editor en lugar del de toda la ventana del navegador.<\/li>\n<\/ul>\n<h4>Experiencia del desarrollador<\/h4>\n<ul>\n<li><strong>Flujo de trabajo simplificado:<\/strong> Los creadores de temas y plugins pueden \u00abtrasladar\u00bb los estilos del frontend al editor con cambios m\u00ednimos o sin cambios.<\/li>\n<li><strong>Selecciones persistentes:<\/strong> Los iframes mantienen visible la selecci\u00f3n en el editor (por ejemplo, el texto seleccionado) incluso cuando el usuario interact\u00faa con elementos de la interfaz de usuario, como los controles de la barra lateral.<\/li>\n<li><b>Previsibilidad:<\/b> El editor en iframe tambi\u00e9n resuelve el problema de la inconsistencia visual, evitando que el editor cambie de modo de forma repentina en funci\u00f3n de los plugins instalados.<\/li>\n<\/ul>\n<h4>Compatibilidad con versiones anteriores<\/h4>\n<p>Si una entrada contiene un bloque que utiliza versiones anteriores de la API, el iframe se elimina autom\u00e1ticamente para garantizar la compatibilidad con versiones anteriores. Para aprovechar estas mejoras, se recomienda a los desarrolladores de bloques que actualicen sus bloques a la versi\u00f3n 3 de la API de bloques .<\/p>\n<h3>Registro de bloques s\u00f3lo en PHP<\/h3>\n<p>WordPress 7.0 introduce la posibilidad de <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/03\/php-only-block-registration\/\">registrar bloques exclusivamente a trav\u00e9s de PHP<\/a> con controles de inspecci\u00f3n generados autom\u00e1ticamente. Esta novedad agiliza los flujos de trabajo de los desarrolladores y anima a los sitios que usan temas h\u00edbridos o funciones y shortcodes de PHP heredados a adoptar y desarrollar en el editor de bloques. Aqu\u00ed tienes un ejemplo de un bloque registrado a trav\u00e9s de PHP:<\/p>\n<pre><code class=\"language-php\">\/**\n * Render callback (frontend and editor)\n *\/\nfunction my_php_only_block_render( $attributes ) {\n\treturn '&lt;div&gt;\n\t\t&lt;h3&gt;\ud83d\ude80 PHP-only Block&lt;\/h3&gt;\n\t\t&lt;p&gt;This block was created with only PHP!&lt;\/p&gt;\n\t&lt;\/div&gt;';\n}\n\n\/**\n * Register the block on the 'init' hook.\n *\/\nadd_action( 'init', function() {\n\tregister_block_type( 'my-plugin\/php-only-test-block', array(\n\t\t'title'\t\t   =&gt; 'My PHP-only Block',\n\t\t'icon'\t\t\t=&gt; 'welcome-learn-more',\n\t\t'category'\t\t=&gt; 'text',\n\t\t'render_callback' =&gt; 'my_php_only_block_render',\n\t\t'supports'\t\t=&gt; array(\n\t\t\t\/\/ Automatically registers the block in the Editor JS (previously auto_ssr)\n\t\t\t'auto_register' =&gt; true, \n\t\t),\n\t) );\n});<\/code><\/pre>\n<p>En el momento de escribir este art\u00edculo, los bloques exclusivos de PHP no son din\u00e1micos y solo pueden utilizar controles de configuraci\u00f3n espec\u00edficos. Sin embargo, a\u00fan quedan muchos casos de uso por explorar. Por eso, hemos publicado un tutorial dedicado exclusivamente a los <a href=\"https:\/\/kinsta.com\/es\/blog\/bloques-gutenberg-solo-php\/\">bloques exclusivos de PHP<\/a>. Si eres desarrollador de PHP, vale la pena que le eches un vistazo.<\/p>\n<figure id=\"attachment_206054\" aria-describedby=\"caption-attachment-206054\" style=\"width: 1644px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206054 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/02\/basic-php-only-block.png\" alt=\"Un bloque sencillo solo en PHP en el editor de bloques\" width=\"1644\" height=\"656\"><figcaption id=\"caption-attachment-206054\" class=\"wp-caption-text\">Un bloque sencillo solo en PH<\/figcaption><\/figure>\n<h3>Mejoras en las APIs DataViews, DataForm y Field<\/h3>\n<p>WordPress 7.0 introduce varias mejoras en DataViews, lo que supone un paso decisivo hacia una interfaz administrativa m\u00e1s moderna y modular. Esta actualizaci\u00f3n transforma la gesti\u00f3n de datos en una experiencia altamente personalizable con un enfoque declarativo. Ahora los desarrolladores pueden crear complejas interfaces personalizadas simplemente definiendo sus reglas en formato JSON, permitiendo que el n\u00facleo genere la interfaz.<\/p>\n<p>Entre las novedades se incluyen:<\/p>\n<ul>\n<li><strong>Mejoras en la visualizaci\u00f3n de datos (DataViews):<\/strong> El nuevo dise\u00f1o de <strong>Actividad<\/strong> utiliza un estilo actividad-alimentaci\u00f3n-l\u00ednea de tiempo. Tambi\u00e9n hay un nuevo modo de vista compacta para las listas.<\/li>\n<li><strong>Mejoras en los formularios (DataForm):<\/strong> Ahora est\u00e1 disponible el nuevo dise\u00f1o <strong>Detalles<\/strong>, junto con iconos de edici\u00f3n para el dise\u00f1o <strong>Panel<\/strong>. Estos iconos se pueden configurar para que aparezcan s\u00f3lo cuando sea necesario.<\/li>\n<li><strong>Mejoras en el control de datos (Field API):<\/strong> Est\u00e1 disponible la validaci\u00f3n autom\u00e1tica de campos, junto con nuevas opciones de personalizaci\u00f3n del formato para los tipos de campo num\u00e9rico y de fecha.<\/li>\n<\/ul>\n<p>A continuaci\u00f3n se muestra un ejemplo de c\u00f3mo definir una vista que agrupe y muestre datos en modo compacto:<\/p>\n<pre><code class=\"language-javascript\">const myCompactView = {\n\ttype: 'list',\n\tlayout: { \n\t\tdensity: 'compact' \n\t},\n\tgroupBy: {\n\t\tfield: 'status',\n\t\tdirection: 'desc',\n\t\tshowLabel: true\n\t}\n};<\/code><\/pre>\n<p>Para obtener una descripci\u00f3n detallada de las mejoras introducidas en DataViews, DataForm y la API de campos, consulta la <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/dataviews-dataform-et-al-in-wordpress-7-0\/\">nota para desarrolladores<\/a>.<\/p>\n<h3>API de capacidades del lado del cliente<\/h3>\n<p>WordPress 6.9 introdujo la <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-9\/#abilities-api\">API de capacidades<\/a>, una nueva interfaz funcional que ofrece un registro estandarizado para que los plugins, los temas y el n\u00facleo de WordPress interact\u00faen con el sistema, exponiendo sus capacidades en formatos legibles tanto para personas como para m\u00e1quinas.<\/p>\n<p>Ahora, WordPress 7.0 introduce una API de JavaScript que te permite implementar funcionalidades del lado del cliente, como navegar o a\u00f1adir bloques a tu contenido directamente desde JavaScript, de forma segura y estandarizada.<\/p>\n<p>La nueva API de capacidades del lado del cliente se divide en dos paquetes.<\/p>\n<ul>\n<li><code>@wordpress\/core-abilities<\/code>: Si tu plugin necesita acceder a las capacidades registradas del servidor, tendr\u00e1s que conectarte al paquete <code>@wordpress\/core-abilities<\/code>. Este paquete recupera todas las capacidades y categor\u00edas registradas a trav\u00e9s de la API REST y las almacena en el repositorio <code>@wordpress\/abilities<\/code>.<\/li>\n<li><code>@wordpress\/abilities<\/code>: Este paquete proporciona el almac\u00e9n de capacidades sin cargar las capacidades registradas en el servidor. Si tu plugin solo necesita registrar capacidades del lado del cliente y no requiere acceso a las capacidades registradas en el servidor, debes poner en cola <code>@wordpress\/abilities<\/code>.<\/li>\n<\/ul>\n<p>Echa un vistazo a la nota para desarrolladores si quieres ver un an\u00e1lisis detallado de la nueva <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/24\/client-side-abilities-api-in-wordpress-7-0\/\">API de capacidades del lado del cliente<\/a> y varios ejemplos de c\u00f3digo.<\/p>\n<h3>Cambios en la API de interactividad<\/h3>\n<p>La <a href=\"https:\/\/kinsta.com\/es\/blog\/api-interactivity-wordpress\/\">API de interactividad<\/a> es una API nativa de WordPress que permite a los desarrolladores a\u00f1adir interactividad a sus sitios web de forma estandarizada. WordPress 7.0 mejora la API de interactividad con una nueva funci\u00f3n <code>watch()<\/code> que te permite observar los cambios de estado mediante programaci\u00f3n. Antes, solo era posible usar la directiva <code>data-wp-watch<\/code> para reaccionar ante los cambios de estado.<\/p>\n<p>Otros cambios introducidos en WordPress 7.0 tienen que ver con el <code>core\/router<\/code>.<\/p>\n<p>Para obtener una descripci\u00f3n m\u00e1s detallada de los cambios en la API de interactividad, consulta la <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/changes-to-the-interactivity-api-in-wordpress-7-0\/\">nota para desarrolladores<\/a>.<\/p>\n<h3>Otros cambios para desarrolladores<\/h3>\n<p>Aqu\u00ed tienes otros cambios para desarrolladores que merece la pena mencionar:<\/p>\n<ul>\n<li>A partir de WordPress 7.0, los atributos de bloque soportados por <a href=\"https:\/\/kinsta.com\/es\/blog\/api-block-bindings-de-wordpress\/\">Block Bindings<\/a> tambi\u00e9n admiten <a href=\"https:\/\/kinsta.com\/es\/blog\/patrones-de-bloques-wordpress\/#synced-pattern-overrides\">Pattern Overrides<\/a>. Esto significa que <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/16\/pattern-overrides-in-wp-7-0-support-for-custom-blocks\/\">puedes usar Pattern Overrides con cualquier bloque<\/a>, incluidos los bloques personalizados.<\/li>\n<li>Los patrones y las partes de plantilla no sincronizados ahora <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/pattern-editing-in-wordpress-7-0\/\">est\u00e1n configurados como <code>contentOnly<\/code>\u00a0por defecto<\/a>. Los usuarios ver\u00e1n primero los controles para editar texto y archivos multimedia, sin riesgo de romper accidentalmente la estructura del bloque. Si has creado bloques personalizados y quieres que sigan siendo editables, aseg\u00farate de establecer \u00ab<code>role\": \"contentOnly\"<\/code> en el archivo <code>block.json<\/code>. Los desarrolladores pueden desactivar esta funcionalidad mediante PHP utilizando el filtro <code>block_editor_settings_all<\/code>, o mediante JavaScript estableciendo <code>disableContentOnlyForUnsyncedPatterns<\/code> en <code>true<\/code>.<\/li>\n<li>WordPress 7.0 <a href=\"https:\/\/make.wordpress.org\/core\/2026\/01\/09\/dropping-support-for-php-7-2-and-7-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">deja de ser compatible con PHP 7.2 y 7.3<\/a>. La versi\u00f3n m\u00ednima recomendada de PHP seguir\u00e1 siendo la 8.3.<\/li>\n<li>Se ha mejorado significativamente el sistema de soporte de bloques Dimensiones. Puedes utilizar <code>width<\/code> y la <code>height<\/code> como soportes de bloque est\u00e1ndar en <code>dimensions<\/code>\u00a0en <code>block.json<\/code>, y los temas pueden definir preajustes de tama\u00f1o de dimensiones en su <code>theme.json<\/code>.<\/li>\n<\/ul>\n<h2>De cara al futuro: la versi\u00f3n 7.0 marca el inicio de una nueva era para WordPress<\/h2>\n<p>WordPress 7.0 no es solo una actualizaci\u00f3n; supone un punto de inflexi\u00f3n tanto para los usuarios como para los desarrolladores. Gracias a la integraci\u00f3n de la IA y a la API de Capacidades, la IA ahora puede navegar por el panel de control, crear contenido nuevo y editar entradas existentes. Realmente creemos que nos encontramos en un momento hist\u00f3rico, y estamos deseando explorar estas herramientas basadas en IA y empezar a crear algo totalmente nuevo por nuestra cuenta.<\/p>\n<p>Pero WordPress 7.0 es mucho m\u00e1s que IA. La experiencia de edici\u00f3n se ha redise\u00f1ado por completo y cuenta con una nueva arquitectura de revisiones a nivel de bloques, nuevos bloques del n\u00facleo y actualizaciones importantes en el sistema de dise\u00f1o.<\/p>\n<p>M\u00e1s all\u00e1 de la integraci\u00f3n de la IA, los desarrolladores se beneficiar\u00e1n de mejoras que agilizan el flujo de trabajo de desarrollo y desbloquean posibilidades nunca vistas. Desde el editor iframed y la compatibilidad con pseudoclases en <code>theme.json<\/code> hasta la API de capacidades del lado del cliente y los bloques s\u00f3lo para PHP, WordPress 7.0 proporciona multitud de herramientas para crear sitios y aplicaciones cada vez m\u00e1s potentes.<\/p>\n<p>Para aprovechar al m\u00e1ximo el potencial de WordPress 7.0, necesitas un servicio de alojamiento de \u00faltima generaci\u00f3n optimizado para el rendimiento y la seguridad. En Kinsta, encontrar\u00e1s todo lo que necesitas para llevar WordPress a su m\u00e1ximo potencial. <a href=\"https:\/\/kinsta.com\/es\/precios\/\">Echa un vistazo a nuestros planes<\/a> y encuentra el que mejor se adapte a las necesidades de tu sitio.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a1Prepara los fuegos artificiales! Con la versi\u00f3n 7.0, WordPress entra en una nueva y audaz era. Probablemente sea el mayor avance de la plataforma en los &#8230;<\/p>\n","protected":false},"author":36,"featured_media":82995,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1357],"class_list":["post-82994","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-actualizaciones-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WordPress 7.0: Integraci\u00f3n de IA, nuevos bloques y mucho m\u00e1s<\/title>\n<meta name=\"description\" content=\"WordPress 7.0: descubre la integraci\u00f3n de IA, nuevos bloques y herramientas avanzadas para creadores.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Novedades de WordPress 7.0: integraci\u00f3n de IA, nuevos bloques y mucho m\u00e1s\" \/>\n<meta property=\"og:description\" content=\"WordPress 7.0: descubre la integraci\u00f3n de IA, nuevos bloques y herramientas avanzadas para creadores.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-04T09:06:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-11T10:10:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1472\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"WordPress 7.0: descubre la integraci\u00f3n de IA, nuevos bloques y herramientas avanzadas para creadores.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"34 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Novedades de WordPress 7.0: integraci\u00f3n de IA, nuevos bloques y mucho m\u00e1s\",\"datePublished\":\"2026-05-04T09:06:30+00:00\",\"dateModified\":\"2026-05-11T10:10:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/\"},\"wordCount\":6192,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/\",\"name\":\"WordPress 7.0: Integraci\u00f3n de IA, nuevos bloques y mucho m\u00e1s\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"datePublished\":\"2026-05-04T09:06:30+00:00\",\"dateModified\":\"2026-05-11T10:10:21+00:00\",\"description\":\"WordPress 7.0: descubre la integraci\u00f3n de IA, nuevos bloques y herramientas avanzadas para creadores.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"width\":1472,\"height\":737},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Actualizaciones de WordPress\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/actualizaciones-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Novedades de WordPress 7.0: integraci\u00f3n de IA, nuevos bloques y mucho m\u00e1s\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"WordPress 7.0: Integraci\u00f3n de IA, nuevos bloques y mucho m\u00e1s","description":"WordPress 7.0: descubre la integraci\u00f3n de IA, nuevos bloques y herramientas avanzadas para creadores.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/","og_locale":"es_ES","og_type":"article","og_title":"Novedades de WordPress 7.0: integraci\u00f3n de IA, nuevos bloques y mucho m\u00e1s","og_description":"WordPress 7.0: descubre la integraci\u00f3n de IA, nuevos bloques y herramientas avanzadas para creadores.","og_url":"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2026-05-04T09:06:30+00:00","article_modified_time":"2026-05-11T10:10:21+00:00","og_image":[{"width":1472,"height":737,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"WordPress 7.0: descubre la integraci\u00f3n de IA, nuevos bloques y herramientas avanzadas para creadores.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Carlo Daniele","Tiempo de lectura":"34 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Novedades de WordPress 7.0: integraci\u00f3n de IA, nuevos bloques y mucho m\u00e1s","datePublished":"2026-05-04T09:06:30+00:00","dateModified":"2026-05-11T10:10:21+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/"},"wordCount":6192,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/","url":"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/","name":"WordPress 7.0: Integraci\u00f3n de IA, nuevos bloques y mucho m\u00e1s","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","datePublished":"2026-05-04T09:06:30+00:00","dateModified":"2026-05-11T10:10:21+00:00","description":"WordPress 7.0: descubre la integraci\u00f3n de IA, nuevos bloques y herramientas avanzadas para creadores.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","width":1472,"height":737},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-7-0\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Actualizaciones de WordPress","item":"https:\/\/kinsta.com\/es\/secciones\/actualizaciones-wordpress\/"},{"@type":"ListItem","position":3,"name":"Novedades de WordPress 7.0: integraci\u00f3n de IA, nuevos bloques y mucho m\u00e1s"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinsta.com\/es\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/82994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=82994"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/82994\/revisions"}],"predecessor-version":[{"id":83080,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/82994\/revisions\/83080"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/82994\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/82994\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/82994\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/82994\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/82994\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/82994\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/82994\/translations\/es"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/82994\/translations\/jp"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/82994\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/82995"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=82994"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=82994"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=82994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}