{"id":75191,"date":"2026-05-04T07:02:50","date_gmt":"2026-05-04T10:02:50","guid":{"rendered":"https:\/\/kinsta.com\/pt\/?p=75191&#038;preview=true&#038;preview_id=75191"},"modified":"2026-05-11T06:04:34","modified_gmt":"2026-05-11T09:04:34","slug":"wordpress-7-0","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/","title":{"rendered":"O que h\u00e1 de novo no WordPress 7.0: integra\u00e7\u00e3o com IA, novos blocos e muito mais"},"content":{"rendered":"<p>Prepare os fogos de artif\u00edcio! Com a vers\u00e3o 7.0, o WordPress entra em uma nova e ousada era.<\/p>\n<p>\u00c9 prov\u00e1vel que este seja o maior salto da plataforma nos \u00faltimos anos.<\/p>\n<p>O WordPress 7.0 refina a interface de administra\u00e7\u00e3o e apresenta novos blocos e ferramentas para desenvolvedores, como o editor de artigos em iframe e blocos somente em PHP.<\/p>\n<p>Prepare uma x\u00edcara de caf\u00e9 e fique \u00e0 vontade, porque esta ser\u00e1 uma leitura longa e empolgante.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Integra\u00e7\u00e3o com IA<\/h2>\n<p>Com a vers\u00e3o 7.0, o WordPress deu um grande salto evolutivo. Esque\u00e7a a plataforma de blog dos seus primeiros dias. Hoje, o WordPress \u00e9 uma plataforma colaborativa nativamente preparada para intelig\u00eancia artificial.<\/p>\n<p>Esse projeto ambicioso teve como objetivo fornecer uma infraestrutura confi\u00e1vel e segura, permitindo que usu\u00e1rios do WordPress e desenvolvedores de plugins interajam com Grandes Modelos de Linguagem (LLMs) de forma padronizada.<\/p>\n<p>O novo paradigma arquitet\u00f4nico abre caminho para o &#8220;WordPress aut\u00eantico&#8221;. \u00c9 uma mudan\u00e7a em dire\u00e7\u00e3o \u00e0 usabilidade ag\u00eantica, em que o WordPress \u00e9 nativamente capaz de interagir com agentes de IA externos por meio de interfaces padronizadas e leg\u00edveis por m\u00e1quinas.<\/p>\n<p>H\u00e1 muito a dizer, mas antes de entrar nos detalhes da integra\u00e7\u00e3o da IA, aqui est\u00e3o algumas defini\u00e7\u00f5es preliminares.<\/p>\n<h3>Arquitetura de IA do WordPress: conceitos b\u00e1sicos<\/h3>\n<p>Para entender a arquitetura de IA do WordPress 7.0, \u00e9 essencial identificar quatro componentes cr\u00edticos.<\/p>\n<ul>\n<li><strong>AI Client: <\/strong>uma <a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/03\/proposal-for-merging-wp-ai-client-into-wordpress-7-0\/\">infraestrutura de IA independente de provedor<\/a> que oferece uma forma padronizada para o c\u00f3digo PHP e JS do WordPress interagir com modelos de IA generativa. Como o AI Client \u00e9 independente de provedor, o sistema pode operar sem depender de qualquer provedor espec\u00edfico de IA.<\/li>\n<li><strong>Provedor de IA:<\/strong> a entidade ou empresa que desenvolve, possui e gerencia modelos de linguagem grandes (LLMs), como Anthropic, Google e OpenAI.<\/li>\n<li><strong>Conector:<\/strong> o 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 a integra\u00e7\u00e3o entre o WordPress e os provedores de IA<\/a>. O WordPress 7.0 inclui tr\u00eas conectores padr\u00e3o &#8211; OpenAI, Anthropic e Google &#8211; acess\u00edveis em <strong>Settings<\/strong> &gt; <strong>Connectors<\/strong>.<\/li>\n<li><strong>Abilities API:<\/strong> uma nova <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-9\/#abilities-api\">interface funcional<\/a> projetada para permitir que plugins, temas e o n\u00facleo do WordPress exponham seus recursos em formatos leg\u00edveis por humanos e m\u00e1quinas, permitindo que os agentes de IA interajam com os recursos do WordPress (por exemplo, criar artigos ou adicionar um resumo) de forma estruturada. Isso \u00e9 o que torna o WordPress 7.0 <strong>nativamente ag\u00eantico<\/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=\"Connectors no WordPress 7.0.\" width=\"1940\" height=\"1296\"><figcaption id=\"caption-attachment-207401\" class=\"wp-caption-text\">Connectors no WordPress 7.0.<\/figcaption><\/figure>\n<h3>Conectores<\/h3>\n<p>As vers\u00f5es anteriores do WordPress exigiam um plugin para cada provedor de IA que voc\u00ea quisesse usar em seu site. O WordPress 7.0 apresenta uma <a href=\"https:\/\/developer.wordpress.org\/news\/2026\/03\/whats-new-for-developers-march-2026\/#ai-provider-packages-in-the-plugin-directory\">interface unificada para o gerenciamento de conectores de IA<\/a> em <strong>Settings<\/strong> &gt; <strong>Connectors<\/strong>.<\/p>\n<p>Voc\u00ea n\u00e3o precisa mais colar suas chaves API em v\u00e1rios lugares. Voc\u00ea digita suas chaves uma vez na tela <strong>Connectors<\/strong> e todos os plugins compat\u00edveis poder\u00e3o usar essa conex\u00e3o por meio do <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\" target=\"_blank\" rel=\"noopener noreferrer\">AI Client<\/a>.<\/p>\n<p>Al\u00e9m disso, a nova interface permite alternar entre provedores de IA em um \u00fanico local, sem o risco de quebrar nada.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>O WordPress <a href=\"https:\/\/core.trac.wordpress.org\/changeset\/61700\/\" target=\"_blank\" rel=\"noopener noreferrer\">n\u00e3o envia prompts ou dados<\/a> para nenhum servi\u00e7o de IA por padr\u00e3o sem o seu consentimento expl\u00edcito e a configura\u00e7\u00e3o do servi\u00e7o.<\/p>\n<\/aside>\n\n<p>Na interface <strong>Connectors<\/strong>, clique no bot\u00e3o <strong>Install <\/strong>do seu provedor de IA e insira sua chave API. Salve suas configura\u00e7\u00f5es e voc\u00ea estar\u00e1 pronto para interagir com o provedor de IA em seu site 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=\"Adicionar uma chave API na interface Connectors\" width=\"1302\" height=\"1268\"><figcaption id=\"caption-attachment-207521\" class=\"wp-caption-text\">Adicionar uma chave API na interface Connectors.<\/figcaption><\/figure>\n<p>Se voc\u00ea n\u00e3o sabe por onde come\u00e7ar, instale e ative o <a href=\"https:\/\/make.wordpress.org\/ai\/2026\/03\/12\/whats-new-in-ai-experiments-0-5-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin AI Experiments<\/a>. Esse plugin permite que voc\u00ea adicione imagens em destaque geradas por IA, texto alternativo, trechos e muito mais.<\/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=\"Configura\u00e7\u00f5es do plugin AI Experiments.\" width=\"1978\" height=\"1834\"><figcaption id=\"caption-attachment-207522\" class=\"wp-caption-text\">Configura\u00e7\u00f5es do plugin AI Experiments.<\/figcaption><\/figure>\n<p>A nova integra\u00e7\u00e3o com IA n\u00e3o apenas apresenta uma nova interface do usu\u00e1rio, mas tamb\u00e9m permite que desenvolvedores registrem novos provedores de IA por meio da <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/18\/introducing-the-connectors-api-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">API Connectors<\/a>.<\/p>\n<p>Agora, os desenvolvedores podem registrar e gerenciar conectores usando as novas classes e m\u00e9todos do core. Depois de registrado, cada conector aparece como um cart\u00e3o na tela Connectors.<\/p>\n<p>A nova API tamb\u00e9m oferece tr\u00eas fun\u00e7\u00f5es p\u00fablicas.<\/p>\n<ul>\n<li><code>wp_is_connector_registered()<\/code>: verifica se um conector est\u00e1 registrado.<\/li>\n<li><code>wp_get_connector()<\/code>: recupera os dados de um \u00fanico conector.<\/li>\n<li><code>wp_get_connectors()<\/code>: recupera todos os conectores registrados.<\/li>\n<\/ul>\n<p>Al\u00e9m disso, o novo hook de a\u00e7\u00e3o <code>wp_connectors_init<\/code> permite que voc\u00ea substitua os metadados dos conectores registrados.<\/p>\n<h3>Construindo com o AI Client<\/h3>\n<p>A tela <strong>Connectors<\/strong> fornece a interface de IA. O <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/24\/introducing-the-ai-client-in-wordpress-7-0\/\">AI Client \u00e9 o mecanismo por tr\u00e1s dela<\/a>, uma camada de abstra\u00e7\u00e3o unificada que padroniza a forma como o WordPress interage com a IA. Seja OpenAI, Anthropic ou Google Gemini, seu c\u00f3digo permanece o mesmo. O WordPress cuida da tradu\u00e7\u00e3o, permitindo que voc\u00ea se concentre na l\u00f3gica do seu aplicativo.<\/p>\n<p>A nova <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\" target=\"_blank\" rel=\"noopener noreferrer\">fun\u00e7\u00e3o <code>wp_ai_client_prompt()<\/code><\/a> est\u00e1 no centro dessa implementa\u00e7\u00e3o.<\/p>\n<p>Aqui est\u00e1 um exemplo simples em 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>O exemplo a seguir mostra como voc\u00ea define o schema de resposta para deixar os dados prontos para 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>Neste c\u00f3digo,<\/p>\n<ul>\n<li>Com <code>as_json_response()<\/code>, o WordPress garante que a sa\u00edda seja um JSON puro que esteja em conformidade com o schema especificado (<code>$taxonomy_schema<\/code>).<\/li>\n<li><code>using_temperature()<\/code> controla a resposta da IA, tornando-a mais ou menos determin\u00edstica (ou aleat\u00f3ria). Uma temperatura baixa (<code>0,1<\/code>) produz maior precis\u00e3o, enquanto uma temperatura alta incentiva uma resposta mais criativa.<\/li>\n<li>O array <code>$suggested_taxonomies<\/code> fornece as categorias e as tags geradas pela IA. Voc\u00ea pode atribu\u00ed-las automaticamente ao seu artigo.<\/li>\n<\/ul>\n<p>Uma sa\u00edda estruturada garante resultados previs\u00edveis e fornece um formato ideal para uso com a Abilities API. Por exemplo, o c\u00f3digo acima poderia ser usado para criar automaticamente um artigo com a categoria e as tags especificadas.<\/p>\n<p>A API n\u00e3o \u00e9 compat\u00edvel apenas com texto. Gra\u00e7as ao m\u00e9todo <code>generate_image()<\/code>, o AI Client tamb\u00e9m pode gerar imagens.<\/p>\n<p>Voc\u00ea pode solicitar v\u00e1rios resultados com uma \u00fanica chamada. Por exemplo, voc\u00ea pode solicitar 3 op\u00e7\u00f5es de texto ou imagem passando um valor num\u00e9rico para os m\u00e9todos <code>generate_text()<\/code> ou <code>generate_image()<\/code>: chamar <code>generate_image( 3 )<\/code> retorna 3 varia\u00e7\u00f5es da mesma imagem.<\/p>\n<p>A API tamb\u00e9m fornece um conjunto de m\u00e9todos que retornam informa\u00e7\u00f5es adicionais. Esses m\u00e9todos retornam um objeto <code>GenerativeAiResult<\/code> que cont\u00e9m metadados avan\u00e7ados, como o uso do token, o provedor e o modelo que respondeu ao prompt:<\/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 voc\u00ea pode ver, esses m\u00e9todos oferecem uma variedade de funcionalidades adicionais, incluindo suporte para convers\u00e3o de texto em fala, fala e v\u00eddeo.<\/p>\n<p>Outros m\u00e9todos da API incluem:<\/p>\n<ul>\n<li><code>using_max_tokens()<\/code>: limita o tamanho da resposta (por exemplo, <code>-&gt;using_max_tokens( 500 )<\/code>)<\/li>\n<li><code>using_model_preference()<\/code>: define um modelo espec\u00edfico (por exemplo, <code>-&gt;using_model_preference( 'gemini-2.5-flash' )<\/code>)<\/li>\n<\/ul>\n<p>Para uma an\u00e1lise mais detalhada e exemplos adicionais de c\u00f3digo, consulte a p\u00e1gina do projeto <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\">WP AI Client<\/a> no GitHub e as altera\u00e7\u00f5es feitas em prepara\u00e7\u00e3o para o <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\/blob\/trunk\/UPGRADE.md\">WordPress 7.0<\/a>.<\/p>\n<h2>Novos blocos e ferramentas de design<\/h2>\n<p>O WordPress 7.0 apresenta novos blocos e ferramentas de design que melhorar\u00e3o significativamente a experi\u00eancia de edi\u00e7\u00e3o. Veja o que h\u00e1 de novo e como seus fluxos de trabalho criativos mudam.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"11\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Novo bloco Breadcrumbs<\/h3>\n<p>O WordPress 7.0 apresenta um novo <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\">bloco Breadcrumbs<\/a> que reflete a hierarquia exibida da p\u00e1gina.<\/p>\n<p>Em sua ess\u00eancia, o novo bloco inclui um <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/72498\">componente din\u00e2mico<\/a> que consulta a estrutura de dados do WordPress para identificar automaticamente a localiza\u00e7\u00e3o atual dos visitantes do site com base na hierarquia da p\u00e1gina (principal\/child theme) ou nos termos de taxonomia do artigo.<\/p>\n<p>Na imagem abaixo, o bloco Breadcrumbs exibe a hierarquia de categorias de um artigo de blog comum.<\/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=\"O bloco Breadcrumbs exibe a hierarquia de categorias do artigo.\" width=\"2146\" height=\"916\"><figcaption id=\"caption-attachment-206612\" class=\"wp-caption-text\">O bloco Breadcrumbs exibe a hierarquia de categorias do artigo.<\/figcaption><\/figure>\n<p>O bloco Breadcrumbs tamb\u00e9m oferece suporte ao Query Loop. Quando voc\u00ea adiciona um bloco Breadcrumbs a um bloco Query Loop, o bloco exibe os caminhos dos artigos individuais extra\u00eddos da query.<\/p>\n<p>O bloco Breadcrumbs tem algumas op\u00e7\u00f5es de configura\u00e7\u00e3o que permitem:<\/p>\n<ul>\n<li>Mostrar\/ocultar o link para a p\u00e1gina inicial como ponto de partida da navega\u00e7\u00e3o.<\/li>\n<li>Mostrar\/ocultar o breadcrumb atual.<\/li>\n<li>Alterar o separador de breadcrumb.<\/li>\n<li>Mostrar breadcrumbs na p\u00e1gina inicial.<\/li>\n<li>Preferir a hierarquia de artigos (padr\u00e3o) ou a hierarquia de termos de taxonomia.<\/li>\n<\/ul>\n<p>O bloco Breadcrumbs \u00e9 compat\u00edvel com as ferramentas de design do Gutenberg e <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/breadcrumb-block-filters\/\" target=\"_blank\" rel=\"noopener noreferrer\">apresenta dois filtros<\/a> que permitem que os desenvolvedores controlem os breadcrumbs de forma program\u00e1tica.<\/p>\n<p>O novo filtro <code>block_core_breadcrumbs_post_type_settings<\/code> permite que os desenvolvedores especifiquem qual taxonomia e termo devem ser usados nos breadcrumbs quando um artigo tem v\u00e1rias taxonomias ou termos.<\/p>\n<p>No exemplo a seguir, o filtro \u00e9 usado para exibir tags em vez de categorias:<\/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>O filtro <code>block_core_breadcrumbs_items<\/code> permite que os desenvolvedores modifiquem, adicionem ou removam itens da trilha final do breadcrumb antes que ela seja renderizado. Aqui est\u00e3o alguns casos de uso:<\/p>\n<ul>\n<li>Substituir o \u00edcone Home por uma imagem (um SVG, a logo da sua empresa etc.) para economizar espa\u00e7o ou tornar a sa\u00edda do bloco mais consistente com a marca do seu site.<\/li>\n<li>Encurtar o t\u00edtulo de um artigo nos breadcrumbs se ele for muito longo.<\/li>\n<li>Injetar categorias ou termos personalizados, por exemplo, for\u00e7ando uma etapa no caminho de breadcrumbs.<\/li>\n<\/ul>\n<p>O c\u00f3digo a seguir usa o novo filtro para truncar r\u00f3tulos de breadcrumb quando o comprimento excede 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>Para uma vis\u00e3o geral mais detalhada dos filtros de bloco Breadcrumbs e outros exemplos de c\u00f3digo, consulte a <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/breadcrumb-block-filters\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota do desenvolvedor<\/a>.<\/p>\n<h3>Novo bloco de \u00edcones<\/h3>\n<p>Um novo <a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/25\/whats-new-in-gutenberg-22-6-25-february\/#icon-block\">bloco \u00edcone<\/a> permite adicionar \u00edcones SVG ao seu conte\u00fado. O novo bloco tem como objetivo fornecer <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/16484\">uma solu\u00e7\u00e3o padr\u00e3o nativa<\/a> para gerenciar marca\u00e7\u00e3o e garantir consist\u00eancia de acessibilidade, sem exigir a instala\u00e7\u00e3o de plugins de terceiros apenas para adicionar alguns \u00edcones.<\/p>\n<p>Atualmente, o novo bloco Icon vem com um conjunto padr\u00e3o a partir do qual voc\u00ea pode selecionar seus \u00edcones. No entanto, h\u00e1 planos para adicionar no futuro a possibilidade de os usu\u00e1rios registrarem conjuntos de \u00edcones de terceiros.<\/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=\"A biblioteca Icon no WordPress 7.0\" width=\"2214\" height=\"1400\"><figcaption id=\"caption-attachment-206608\" class=\"wp-caption-text\">A biblioteca Icon no WordPress 7.0.<\/figcaption><\/figure>\n<p>O bloco \u00e9 baseado em uma nova <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/72215\" target=\"_blank\" rel=\"noopener noreferrer\">API de registro de \u00edcones SVG<\/a> no lado do servidor. Isso garante que as atualiza\u00e7\u00f5es no registro de \u00edcones sejam propagadas para todos os usu\u00e1rios sem erros. A introdu\u00e7\u00e3o do novo bloco de \u00edcones est\u00e1 associada a um novo endpoint da 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=\"Exemplos do bloco \u00edcone.\" width=\"1702\" height=\"986\"><figcaption id=\"caption-attachment-206609\" class=\"wp-caption-text\">Adicionar \u00edcones ao seu conte\u00fado \u00e9 muito f\u00e1cil com o novo bloco principal de \u00edcones.<\/figcaption><\/figure>\n<h3>Sobreposi\u00e7\u00f5es de navega\u00e7\u00e3o personaliz\u00e1veis<\/h3>\n<p>Antes do WordPress 7.0, os menus de navega\u00e7\u00e3o m\u00f3vel eram fixos e voc\u00ea n\u00e3o podia alterar o design, o layout ou o conte\u00fado padr\u00e3o. O WordPress 7.0 apresenta <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/customisable-navigation-overlays-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">sobreposi\u00e7\u00f5es de navega\u00e7\u00e3o personaliz\u00e1veis<\/a>, dando a voc\u00ea controle total sobre seus menus de navega\u00e7\u00e3o. Voc\u00ea pode criar uma sobreposi\u00e7\u00e3o de menu usando blocos e padr\u00f5es e um novo bloco de <strong>fechamento de sobreposi\u00e7\u00e3o de navega\u00e7\u00e3o<\/strong> para adicionar um bot\u00e3o de fechamento em qualquer lugar da sobreposi\u00e7\u00e3o de navega\u00e7\u00e3o.<\/p>\n<p>Tecnicamente, as sobreposi\u00e7\u00f5es de navega\u00e7\u00e3o s\u00e3o partes do modelo e, depois de criar a sua, voc\u00ea a encontrar\u00e1 na se\u00e7\u00e3o <strong>Patterns (Padr\u00f5es)<\/strong> da barra lateral do Editor do Site. Cada sobreposi\u00e7\u00e3o \u00e9 atribu\u00edda a um bloco de navega\u00e7\u00e3o, mas voc\u00ea pode atribuir v\u00e1rios blocos de navega\u00e7\u00e3o \u00e0 mesma sobreposi\u00e7\u00e3o.<\/p>\n<p>Basicamente, eles s\u00e3o uma tela de blocos que pode conter qualquer tipo de bloco. Voc\u00ea pode adicionar um bloco de navega\u00e7\u00e3o, mas depende totalmente de voc\u00ea quais blocos adicionar. Eles podem ser \u00edcones sociais, um campo de pesquisa, a logo do seu site e muito mais.<\/p>\n<p>As sobreposi\u00e7\u00f5es de navega\u00e7\u00e3o s\u00f3 podem ser usadas no bloco Navigation. Para evitar uso acidental em outras partes de um template, elas s\u00e3o exclu\u00eddas do inserter de blocos.<\/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=\"Criar uma sobreposi\u00e7\u00e3o de navega\u00e7\u00e3o no WordPress 7.0.\" width=\"1932\" height=\"1731\"><figcaption id=\"caption-attachment-206595\" class=\"wp-caption-text\">Criar uma sobreposi\u00e7\u00e3o de navega\u00e7\u00e3o no WordPress 7.0.<\/figcaption><\/figure>\n<p>Voc\u00ea pode criar uma sobreposi\u00e7\u00e3o de navega\u00e7\u00e3o personalizada na se\u00e7\u00e3o <strong>Overlays<\/strong>, na barra lateral do bloco Navega\u00e7\u00e3o, no Editor do Site.<\/p>\n<p>Quando voc\u00ea seleciona o bloco Navega\u00e7\u00e3o, a barra lateral da parte do modelo exibe as configura\u00e7\u00f5es de <strong>Sobreposi\u00e7\u00e3o de navega\u00e7\u00e3o<\/strong> divididas em duas se\u00e7\u00f5es. A se\u00e7\u00e3o <strong>Content (Conte\u00fado)<\/strong> mostra os tipos de bloco inclu\u00eddos na sobreposi\u00e7\u00e3o, enquanto a se\u00e7\u00e3o <strong>Design<\/strong> oferece uma variedade de designs 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=\"Configura\u00e7\u00f5es da parte de template Navigation Overlay.\" width=\"1882\" height=\"1332\"><figcaption id=\"caption-attachment-206597\" class=\"wp-caption-text\">Configura\u00e7\u00f5es da parte de template Navigation Overlay.<\/figcaption><\/figure>\n<p>A barra lateral do bloco \u00e9 dividida em duas guias, uma para configura\u00e7\u00f5es e outra para estilos da parte do modelo Navigation Overlay.<\/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=\"Configura\u00e7\u00e3o de blocos em uma sobreposi\u00e7\u00e3o de navega\u00e7\u00e3o.\" width=\"1926\" height=\"1400\"><figcaption id=\"caption-attachment-206599\" class=\"wp-caption-text\">Configura\u00e7\u00e3o de blocos em uma sobreposi\u00e7\u00e3o de navega\u00e7\u00e3o.<\/figcaption><\/figure>\n<p>A aba <strong>Styles (Estilos)<\/strong> da aba do bloco Navigation Overlay \u00e9 onde voc\u00ea pode personalizar a apar\u00eancia da sua sobreposi\u00e7\u00e3o definindo cores, imagem de fundo, tipografia, tamanho, borda e 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=\"Configura\u00e7\u00f5es de estilo da sobreposi\u00e7\u00e3o de navega\u00e7\u00e3o\" width=\"1882\" height=\"1380\"><figcaption id=\"caption-attachment-206602\" class=\"wp-caption-text\">Configura\u00e7\u00f5es de estilo da sobreposi\u00e7\u00e3o de navega\u00e7\u00e3o<\/figcaption><\/figure>\n<p>Os desenvolvedores de de temas podem adicionar facilmente sobreposi\u00e7\u00f5es de navega\u00e7\u00e3o predefinidas aos seus temas. Voc\u00ea pode fornecer tanto uma parte de template de sobreposi\u00e7\u00e3o padr\u00e3o (a pr\u00f3pria sobreposi\u00e7\u00e3o) quanto um conjunto de padr\u00f5es de sobreposi\u00e7\u00e3o (designs predefinidos que aparecem ao editar uma sobreposi\u00e7\u00e3o de navega\u00e7\u00e3o).<\/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=\"A se\u00e7\u00e3o Designs da barra lateral Template Part fornece um conjunto de padr\u00f5es predefinidos.\" width=\"1884\" height=\"1296\"><figcaption id=\"caption-attachment-206603\" class=\"wp-caption-text\">A se\u00e7\u00e3o Designs da barra lateral Template Part fornece um conjunto de padr\u00f5es predefinidos.<\/figcaption><\/figure>\n<p>Para obter uma vis\u00e3o geral mais detalhada e exemplos de c\u00f3digo, consulte a <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/customisable-navigation-overlays-in-wordpress-7-0\/\">nota oficial do desenvolvedor<\/a> e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73359\" target=\"_blank\" rel=\"noopener noreferrer\">esta 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=\"Configura\u00e7\u00f5es do bloco Fechar sobreposi\u00e7\u00e3o de navega\u00e7\u00e3o.\" width=\"1930\" height=\"880\"><figcaption id=\"caption-attachment-206601\" class=\"wp-caption-text\">Configura\u00e7\u00f5es do bloco Fechar sobreposi\u00e7\u00e3o de navega\u00e7\u00e3o.<\/figcaption><\/figure>\n<h3>Aprimoramentos no bloco Par\u00e1grafo<\/h3>\n<p>V\u00e1rias novas adi\u00e7\u00f5es ao bloco Par\u00e1grafo oferecem maior flexibilidade no estilo do texto.<\/p>\n<p>Primeiro, uma nova op\u00e7\u00e3o nas configura\u00e7\u00f5es de Tipografia permite que voc\u00ea defina o <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/new-block-support-text-indent-textindent\/\" target=\"_blank\" rel=\"noopener noreferrer\">recuo da primeira linha<\/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=\"Controle de recuo de linha no WordPress 7.0.\" width=\"2040\" height=\"774\"><figcaption id=\"caption-attachment-208154\" class=\"wp-caption-text\">Controle de recuo de linha no WordPress 7.0.<\/figcaption><\/figure>\n<p>Voc\u00ea pode controlar o recuo de texto para par\u00e1grafos individuais ou aplic\u00e1-lo a todos os par\u00e1grafos por meio das configura\u00e7\u00f5es de Global Style em <strong>Editor<\/strong> &gt; <strong>Styles<\/strong> &gt; <strong>Blocks<\/strong> &gt; <strong>Paragraph<\/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=\"Controle de recuo de linha em Global Styles.\" width=\"2308\" height=\"636\"><figcaption id=\"caption-attachment-208150\" class=\"wp-caption-text\">Controle de recuo de linha em Global Styles.<\/figcaption><\/figure>\n<p>Desenvolvedores de temas podem habilitar\/desabilitar e controlar granularmente o recuo de linha no arquivo <code>theme.json<\/code> usando a nova <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74889\" target=\"_blank\" rel=\"noopener noreferrer\">propriedade <code>textIndent<\/code><\/a>.<\/p>\n<p>O bloco Par\u00e1grafo agora tamb\u00e9m suporta <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73958\" target=\"_blank\" rel=\"noopener noreferrer\">alinhamento amplo e total<\/a>. A imagem a seguir mostra o novo controle <strong>Align<\/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=\"O bloco Paragraph agora oferece suporte a alinhamento wide e full.\" width=\"1354\" height=\"622\"><figcaption id=\"caption-attachment-208151\" class=\"wp-caption-text\">O bloco Paragraph agora oferece suporte a alinhamento wide e full.<\/figcaption><\/figure>\n<p>Outra adi\u00e7\u00e3o \u00fatil ao bloco Par\u00e1grafo \u00e9 o <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74656\" target=\"_blank\" rel=\"noopener noreferrer\">suporte a colunas de texto<\/a>. Essa nova op\u00e7\u00e3o est\u00e1 dispon\u00edvel nas configura\u00e7\u00f5es de <strong>Tipografia<\/strong> na barra lateral do bloco.<\/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=\"O bloco Par\u00e1grafo agora suporta colunas de texto.\" width=\"2060\" height=\"1034\"><figcaption id=\"caption-attachment-208152\" class=\"wp-caption-text\">O bloco Par\u00e1grafo agora suporta colunas de texto.<\/figcaption><\/figure>\n<h3>V\u00eddeos de fundo incorporados para o bloco Cover<\/h3>\n<p>Com o WordPress 7.0, voc\u00ea pode usar v\u00eddeos incorporados, como os do <a href=\"https:\/\/kinsta.com\/pt\/blog\/incorporar-videos-youtube-wordpress\/\">YouTube<\/a> ou Vimeo, como <a href=\"https:\/\/make.wordpress.org\/core\/2025\/12\/03\/whats-new-in-gutenberg-22-2-dec3\/#cover-block-video-embeds\">v\u00eddeos de fundo para o bloco Cover<\/a>. Anteriormente, voc\u00ea s\u00f3 podia usar v\u00eddeos carregados.<\/p>\n<p>Esse recurso \u00e9 particularmente \u00fatil para quem deseja economizar largura de banda hospedando <a href=\"https:\/\/kinsta.com\/pt\/blog\/hospedagem-video\/\">v\u00eddeos em 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=\"Incorporar v\u00eddeo a partir de uma URL no WordPress 7.0.\" width=\"1748\" height=\"856\"><figcaption id=\"caption-attachment-207246\" class=\"wp-caption-text\">Incorporar v\u00eddeo a partir de uma URL no WordPress 7.0.<\/figcaption><\/figure>\n<p>Para adicionar um v\u00eddeo hospedado, clique em <strong>Add Media <\/strong>na barra de ferramentas do bloco Cover e selecione <strong>Embed Video from 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=\"Inserir URL do v\u00eddeo para o bloco Cover.\" width=\"1742\" height=\"852\"><figcaption id=\"caption-attachment-207248\" class=\"wp-caption-text\">Inserir URL do v\u00eddeo para o bloco Cover.<\/figcaption><\/figure>\n<p>Em seguida, voc\u00ea ser\u00e1 solicitado a inserir a URL do 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=\"V\u00eddeo incorporado como v\u00eddeo de fundo para o bloco Cover.\" width=\"2378\" height=\"1206\"><figcaption id=\"caption-attachment-207250\" class=\"wp-caption-text\">V\u00eddeo incorporado como v\u00eddeo de fundo para o bloco Cover.<\/figcaption><\/figure>\n<p>Seu v\u00eddeo incorporado aparecer\u00e1 como v\u00eddeo de fundo do seu bloco Cover, tanto no editor quanto no frontend.<\/p>\n<h3>Bloco de grade responsiva<\/h3>\n<p>O bloco Grid foi atualizado para ser nativamente responsivo. Nas vers\u00f5es anteriores do WordPress, os usu\u00e1rios s\u00f3 podiam escolher entre os modos Auto e Manual. No modo Autom\u00e1tico, voc\u00ea podia definir a largura m\u00ednima da coluna para tornar o bloco responsivo. No modo Manual, voc\u00ea podia definir o n\u00famero de colunas, que permanecia fixo.<\/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=\"Configura\u00e7\u00f5es do bloco de grade no WordPress 6.9.\" width=\"1790\" height=\"1002\"><figcaption id=\"caption-attachment-207377\" class=\"wp-caption-text\">Configura\u00e7\u00f5es do bloco de grade no WordPress 6.9.<\/figcaption><\/figure>\n<p>A partir do WordPress 7.0, o <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73662\" target=\"_blank\" rel=\"noopener noreferrer\">bloco Grid \u00e9 nativamente responsivo<\/a>. O n\u00famero de colunas agora se comporta como o m\u00e1ximo, e voc\u00ea pode fazer o ajuste fino do tamanho m\u00ednimo da coluna e do n\u00famero m\u00e1ximo de colunas, mantendo o bloco 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=\"O bloco Grid em uma tela grande.\" width=\"2496\" height=\"1274\"><figcaption id=\"caption-attachment-207378\" class=\"wp-caption-text\">O bloco Grid em uma tela 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=\"O bloco Grid em uma tela pequena.\" width=\"2496\" height=\"1274\"><figcaption id=\"caption-attachment-207379\" class=\"wp-caption-text\">O bloco Grid em uma tela pequena.<\/figcaption><\/figure>\n<h3>Suporte a CSS personalizado para blocos individuais<\/h3>\n<p>Agora voc\u00ea pode adicionar <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 inst\u00e2ncias de blocos espec\u00edficos<\/a> nas configura\u00e7\u00f5es avan\u00e7adas do bloco.<\/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=\"Suporte a CSS personalizado para blocos individuais no WordPress 7.0.\" width=\"1712\" height=\"858\"><figcaption id=\"caption-attachment-207383\" class=\"wp-caption-text\">Suporte a CSS personalizado para blocos individuais no WordPress 7.0.<\/figcaption><\/figure>\n<p>Quando voc\u00ea adiciona estilos personalizados a um bloco, o WordPress adiciona automaticamente a classe <code>has-custom-css<\/code>. Se voc\u00ea inspecionar o bloco no editor de c\u00f3digo, ver\u00e1 um bloco de c\u00f3digo semelhante ao seguinte:<\/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>O estilo personalizado \u00e9 carregado ap\u00f3s os padr\u00f5es do WordPress e os estilos globais, garantindo que as altera\u00e7\u00f5es que voc\u00ea fizer n\u00e3o afetem a apar\u00eancia de outras inst\u00e2ncias do mesmo bloco.<\/p>\n<h3>Visibilidade do bloco com base na janela de visualiza\u00e7\u00e3o<\/h3>\n<p>No WordPress 7.0, voc\u00ea pode <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/block-visibility-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">ocultar ou mostrar blocos<\/a> individualmente, dependendo de o usu\u00e1rio estar em um dispositivo m\u00f3vel, tablet ou desktop.<\/p>\n<p>Essa primeira itera\u00e7\u00e3o adiciona a nova propriedade 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>Voc\u00ea pode ativar o controle de visibilidade adicionando o objeto JSON acima ao bloco diretamente no editor de c\u00f3digo ou por meio da 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=\"Ative o controle de visibilidade do bloco na paleta de comandos.\" width=\"1466\" height=\"900\"><figcaption id=\"caption-attachment-207741\" class=\"wp-caption-text\">Ative o controle de visibilidade do bloco na paleta de comandos.<\/figcaption><\/figure>\n<p>Depois de habilitar o controle de visibilidade do bloco, voc\u00ea pode acessar as op\u00e7\u00f5es de visibilidade abrindo o modal pela barra de ferramentas do bloco, pela barra lateral do inspetor do bloco ou pela 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=\"O modal de visibilidade de bloco no WordPress 7.0\" width=\"2174\" height=\"1108\"><figcaption id=\"caption-attachment-207742\" class=\"wp-caption-text\">O modal de visibilidade de bloco no WordPress 7.0<\/figcaption><\/figure>\n<p>Vers\u00f5es futuras devem incluir breakpoints configur\u00e1veis e integra\u00e7\u00e3o com <code>theme.json<\/code> para visibilidade de blocos.<\/p>\n<h3>Op\u00e7\u00f5es de estilo para o bloco Math<\/h3>\n<p>Antes do WordPress 7.0, os usu\u00e1rios n\u00e3o podiam personalizar a apar\u00eancia do <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-9\/#math\">bloco Math<\/a>. A nova vers\u00e3o do WordPress adiciona <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73544\">op\u00e7\u00f5es de estilo de Cor<\/a>, Tipografia, Dimens\u00f5es e Borda para o bloco Math.<\/p>\n<p>A imagem a seguir fornece um exemplo de estilo do bloco Math:<\/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=\"Op\u00e7\u00f5es de estilo para o bloco Math.\" width=\"2040\" height=\"1264\"><figcaption id=\"caption-attachment-208194\" class=\"wp-caption-text\">Op\u00e7\u00f5es de estilo para o bloco Math.<\/figcaption><\/figure>\n<h3>Atualiza\u00e7\u00f5es do bloco HTML<\/h3>\n<p>O bloco HTML foi <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73108\" target=\"_blank\" rel=\"noopener noreferrer\">totalmente reformulado<\/a>. Agora, quando voc\u00ea insere um bloco HTML no seu conte\u00fado, aparece uma janela modal com tr\u00eas guias separadas para inserir HTML, CSS e 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=\"Um modal para adicionar c\u00f3digo ao bloco HTML no WordPress 7.0.\" width=\"2426\" height=\"1182\"><figcaption id=\"caption-attachment-208202\" class=\"wp-caption-text\">Adicionando c\u00f3digo ao bloco HTML no WordPress 7.0.<\/figcaption><\/figure>\n<p>Se precisar de mais espa\u00e7o, um bot\u00e3o no canto superior direito da janela modal permite que voc\u00ea ative ou desative o modo de tela cheia.<\/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=\"O modal do bloco HTML em modo de tela cheia.\" width=\"2182\" height=\"1386\"><figcaption id=\"caption-attachment-208203\" class=\"wp-caption-text\">O modal do bloco HTML em modo de tela cheia.<\/figcaption><\/figure>\n<h3>Melhorias no bloco de imagens<\/h3>\n<p>O bloco de imagens foi atualizado com v\u00e1rios aprimoramentos que oferecem mais op\u00e7\u00f5es de personaliza\u00e7\u00e3o.<\/p>\n<p>O bloco de imagens agora oferece suporte ao <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\" target=\"_blank\" rel=\"noopener noreferrer\">controle da propor\u00e7\u00e3o<\/a> para alinhamento wide e full (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74519\" target=\"_blank\" rel=\"noopener noreferrer\">PR #74519<\/a>). Esse novo recurso est\u00e1 dispon\u00edvel na aba Styles da barra lateral de configura\u00e7\u00f5es do bloco.<\/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=\"Controle de propor\u00e7\u00e3o para o bloco Image no WordPress 7.0.\" width=\"2136\" height=\"1220\"><figcaption id=\"caption-attachment-208229\" class=\"wp-caption-text\">Controle de propor\u00e7\u00e3o para o bloco Image no WordPress 7.0.<\/figcaption><\/figure>\n<p>Outra adi\u00e7\u00e3o \u00fatil \u00e9 o controle de ponto focal. Com esse novo recurso, voc\u00ea pode ajustar a parte vis\u00edvel de uma imagem quando ela \u00e9 cortada. (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73115\" target=\"_blank\" rel=\"noopener noreferrer\">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=\"Controle de ponto focal de imagem no WordPress 7.0.\" width=\"2132\" height=\"982\"><figcaption id=\"caption-attachment-208230\" class=\"wp-caption-text\">Controle de ponto focal de imagem no WordPress 7.0.<\/figcaption><\/figure>\n<p>O componente de corte de imagens no editor foi movido para um pacote espec\u00edfico e agora pode ser usado em todo o aplicativo, e n\u00e3o apenas no editor de blocos (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73277\" target=\"_blank\" rel=\"noopener noreferrer\">PR #73277<\/a>)<\/p>\n<h2>Experi\u00eancia de administra\u00e7\u00e3o aprimorada<\/h2>\n<p>Com o lan\u00e7amento do WordPress 7.0, a \u00e1rea de administra\u00e7\u00e3o do WordPress foi redesenhada e modernizada. \u00c9 uma melhoria substancial na experi\u00eancia de administra\u00e7\u00e3o, com o objetivo de tornar a navega\u00e7\u00e3o do site mais fluida, consistente e visualmente atraente.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Melhorias visuais<\/h3>\n<p>Ao abrir o painel de controle do WordPress 7.0, voc\u00ea perceber\u00e1 imediatamente como os elementos da interface est\u00e3o diferentes. Essas altera\u00e7\u00f5es foram <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/64308\" target=\"_blank\" rel=\"noopener noreferrer\">amplamente discutidas<\/a> e consideradas necess\u00e1rias para modernizar a apar\u00eancia do painel e reduzir as inconsist\u00eancias entre o painel antigo e o editor de blocos.<\/p>\n<blockquote><p>O objetivo \u00e9 modernizar a apar\u00eancia do painel de administra\u00e7\u00e3o, reduzir as inconsist\u00eancias entre as telas antigas e as telas mais recentes do editor de blocos\/editor de sites e alinh\u00e1-lo melhor com o sistema de design do WordPress como um todo.<\/p><\/blockquote>\n<p>O redesign visual se concentrou em uma s\u00e9rie de componentes principais que aparecem em toda a \u00e1rea de administra\u00e7\u00e3o do WordPress. Como Fabian Kaegy apontou, essas s\u00e3o mudan\u00e7as puramente visuais, sem atualiza\u00e7\u00f5es arquitet\u00f4nicas ou funcionais.<\/p>\n<p>Voc\u00ea pode explorar os novos menus, bot\u00f5es e transi\u00e7\u00f5es do WordPress 7.0 no sistema oficial de <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\">design do WordPress no 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=\"Mudan\u00e7a de estilo dos bot\u00f5es de administra\u00e7\u00e3o no WordPress 7.0\" width=\"1634\" height=\"1064\"><figcaption id=\"caption-attachment-208271\" class=\"wp-caption-text\">Mudan\u00e7a de estilo dos bot\u00f5es de administra\u00e7\u00e3o no WordPress 7.0 (Fonte da imagem: <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>Revis\u00f5es visuais<\/h3>\n<p>As revis\u00f5es agora s\u00e3o apresentadas como visualiza\u00e7\u00f5es em uma <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74771\" target=\"_blank\" rel=\"noopener noreferrer\">interface semelhante a um editor<\/a> que destaca as diferen\u00e7as visuais. Voc\u00ea n\u00e3o precisa mais ler o artigo inteiro para ver o que foi alterado, pois as diferen\u00e7as entre as vers\u00f5es do mesmo conte\u00fado agora s\u00e3o destacadas no n\u00edvel do bloco. O sistema tamb\u00e9m identifica altera\u00e7\u00f5es de estilo, facilitando a identifica\u00e7\u00e3o de ajustes na paleta de cores, tipografia, dimens\u00f5es e assim por diante.<\/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=\"As revis\u00f5es agora oferecem uma pr\u00e9-visualiza\u00e7\u00e3o visual das altera\u00e7\u00f5es em n\u00edvel de bloco.\" width=\"2266\" height=\"1204\"><figcaption id=\"caption-attachment-207219\" class=\"wp-caption-text\">As revis\u00f5es agora oferecem uma pr\u00e9-visualiza\u00e7\u00e3o visual das altera\u00e7\u00f5es em n\u00edvel de bloco.<\/figcaption><\/figure>\n<p>Cores diferentes identificam <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/75049\" target=\"_blank\" rel=\"noopener noreferrer\">tipos diferentes de altera\u00e7\u00f5es<\/a>:<\/p>\n<ul>\n<li>Amarelo destaca um bloco ou texto que foi modificado.<\/li>\n<li>Vermelho destaca um bloco ou texto que foi exclu\u00eddo.<\/li>\n<li>Verde identifica um bloco ou texto que foi adicionado.<\/li>\n<\/ul>\n<p>Com as revis\u00f5es, voc\u00ea pode ver todo o poder do Yjs porque, ao restaurar uma vers\u00e3o anterior, o sistema restaura apenas as altera\u00e7\u00f5es feitas no documento por bloco, e n\u00e3o o conte\u00fado inteiro.<\/p>\n<p>Espera-se que o sistema seja aprimorado com futuras atualiza\u00e7\u00f5es, e podemos esperar novos e poderosos recursos. Para obter uma vis\u00e3o geral mais detalhada do que foi feito e do que devemos ver no futuro, confira <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/05\/revisions\/\" target=\"_blank\" rel=\"noopener noreferrer\">esta publica\u00e7\u00e3o de Mathias Ventura de 2023<\/a>, bem como as edi\u00e7\u00f5es n\u00ba <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/60096\" target=\"_blank\" rel=\"noopener noreferrer\">60096<\/a> e n\u00ba <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/61161\" target=\"_blank\" rel=\"noopener noreferrer\">61161<\/a>.<\/p>\n<h3>Exibir transi\u00e7\u00f5es<\/h3>\n<p>Com o WordPress 7.0, o pacote <code>boot<\/code>\u00a0&#8211; o componente respons\u00e1vel por inicializar o editor e gerenciar as transi\u00e7\u00f5es entre diferentes telas de administra\u00e7\u00e3o &#8211; recebe uma <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73586\">atualiza\u00e7\u00e3o significativa<\/a>. Gra\u00e7as a essa nova infraestrutura, a navega\u00e7\u00e3o entre as telas do painel n\u00e3o exige mais recarregamentos abruptos da p\u00e1gina, mas apresenta transi\u00e7\u00f5es elegantes que aprimoram significativamente a experi\u00eancia do administrador.<\/p>\n<p>Tecnicamente falando, ao implementar a API View Transitions no pacote de inicializa\u00e7\u00e3o, o WordPress agora pode orquestrar anima\u00e7\u00f5es de zoom e deslizamento durante as altera\u00e7\u00f5es de estado. Isso evita a remontagem do canvas em mudan\u00e7as de rota, garantindo uma transi\u00e7\u00e3o fluida para a navega\u00e7\u00e3o raiz.<\/p>\n<h2>Altera\u00e7\u00f5es para desenvolvedores<\/h2>\n<p>O WordPress 7.0 \u00e9 mais do que uma simples atualiza\u00e7\u00e3o visual; ele apresenta mudan\u00e7as estruturais que simplificam drasticamente o fluxo de trabalho de desenvolvimento. Os principais destaques incluem redu\u00e7\u00e3o de CSS personalizado gra\u00e7as a um <code>theme.json<\/code> mais poderoso, gerenciamento de layout mais previs\u00edvel por meio do uso expandido de iframes e novas ferramentas declarativas para interfaces de administra\u00e7\u00e3o, com melhorias em DataViews, DataForm e Field API, al\u00e9m de uma nova Client-side Abilities API, que fornece uma forma padronizada de expor e interagir com recursos do aplicativo via JavaScript.<\/p>\n<p>Se voc\u00ea \u00e9 um desenvolvedor, aqui est\u00e3o as mudan\u00e7as t\u00e9cnicas mais significativas que vir\u00e3o com o WordPress 7.0 e que voc\u00ea deve conhecer.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"6\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Suporte a pseudoclasses no theme.json<\/h3>\n<p>\u00d3timas not\u00edcias para os desenvolvedores de temas. A partir do WordPress 7.0, voc\u00ea pode <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/09\/pseudo-element-support-for-blocks-and-their-variations-in-theme-json\/\" target=\"_blank\" rel=\"noopener noreferrer\">usar seletores de pseudoclasse<\/a> (<code>:hover<\/code>, <code>:focus<\/code>, <code>:focus-visible<\/code> e <code>:active<\/code>) diretamente em seus blocos e varia\u00e7\u00f5es de estilo no seu <code>theme.json<\/code>.<\/p>\n<p>Antes do WordPress 7.0, as pseudoclasses eram compat\u00edveis apenas com elementos HTML, como bot\u00f5es e links, e seu uso no n\u00edvel do bloco s\u00f3 era poss\u00edvel em CSS personalizado.<\/p>\n<p>Para usar pseudoclasses no n\u00edvel do bloco, voc\u00ea precisa <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/64263\">adicionar sua configura\u00e7\u00e3o de estilo<\/a> na se\u00e7\u00e3o de <code>estilos<\/code> do arquivo <code>theme.json<\/code>. Aqui est\u00e1 um exemplo simples de uso de pseudoclasses para um bloco de bot\u00f5es (consulte tamb\u00e9m <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/71418\" target=\"_blank\" rel=\"noopener noreferrer\">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>A imagem a seguir mostra os diferentes estados do bloco Bot\u00e3o.<\/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=\"Uso das pseudoclasses :hover e :active em um bloco Button.\" width=\"942\" height=\"213\"><figcaption id=\"caption-attachment-206689\" class=\"wp-caption-text\">Uso das pseudoclasses :hover e :active em um bloco Button.<\/figcaption><\/figure>\n<p>O exemplo a seguir mostra como voc\u00ea pode usar pseudoclasses para uma varia\u00e7\u00e3o de bloco em <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 artigos com estrutura de iframe<\/h3>\n<p>A partir do WordPress 7.0, o <a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/24\/iframed-editor-changes-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">editor de artigos \u00e9 carregado em um iframe<\/a> se o conte\u00fado contiver apenas blocos que usam a <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/75187\" target=\"_blank\" rel=\"noopener noreferrer\">API de blocos vers\u00e3o 3 ou superior<\/a>. Antes da vers\u00e3o 7.0, o editor de artigos s\u00f3 era carregado em iframe se todos os blocos registrados, mesmo os que n\u00e3o estavam inclu\u00eddos no conte\u00fado, usassem a Block API v3+.<\/p>\n<p>A principal vantagem de carregar o editor em um iframe \u00e9 que ele isola os estilos da interface do editor dos estilos de conte\u00fado do tema. Sem um iframe, as folhas de estilo do editor e do tema coexistem no mesmo documento, o que muitas vezes leva a problemas de compatibilidade e dificulta para os desenvolvedores alcan\u00e7ar consist\u00eancia visual entre o backend e o frontend.<\/p>\n<p>As <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/blocks-in-an-iframed-template-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">principais vantagens<\/a> do editor de artigos com iframe incluem:<\/p>\n<h4>Isolamento de estilo<\/h4>\n<ul>\n<li><strong>N\u00e3o h\u00e1 vazamento de CSS:<\/strong> o iframe evita que os estilos de administra\u00e7\u00e3o do WordPress &#8220;vazem&#8221; para a tela do editor e vice-versa, garantindo que a apar\u00eancia dos blocos n\u00e3o seja afetada pela interface do usu\u00e1rio ao redor.<\/li>\n<li><strong>N\u00e3o h\u00e1 necessidade de redefini\u00e7\u00e3o de CSS:<\/strong> os desenvolvedores n\u00e3o precisam mais redefinir manualmente as regras CSS do administrador do WordPress para fazer com que o conte\u00fado do editor corresponda \u00e0 apar\u00eancia do frontend.<\/li>\n<li><strong>Sem prefixa\u00e7\u00e3o:<\/strong> os desenvolvedores de temas n\u00e3o precisam mais adicionar prefixos ou seletores de alta especificidade \u00e0s suas regras de CSS para evitar a quebra da interface de administra\u00e7\u00e3o.<\/li>\n<\/ul>\n<h4>Consist\u00eancia de layout<\/h4>\n<ul>\n<li><strong>Unidades relativas \u00e0 janela de visualiza\u00e7\u00e3o:<\/strong> sem iframes, unidades como <code>vw<\/code> (largura da janela de visualiza\u00e7\u00e3o) e <code>vh<\/code> (altura da janela de visualiza\u00e7\u00e3o) referem-se a toda a p\u00e1gina de administra\u00e7\u00e3o (incluindo a barra lateral); elas devem ser usadas <a href=\"https:\/\/make.wordpress.org\/core\/2025\/11\/12\/preparing-the-post-editor-for-full-iframe-integration\/\" target=\"_blank\" rel=\"noopener noreferrer\">somente na tela do editor<\/a>.<\/li>\n<li><strong>Consultas de m\u00eddia nativas:<\/strong> as consultas de m\u00eddia funcionam nativamente dentro do iframe, refletindo o tamanho da tela do editor em vez de toda a janela do navegador.<\/li>\n<\/ul>\n<h4>Experi\u00eancia do desenvolvedor<\/h4>\n<ul>\n<li><strong>Fluxo de trabalho simplificado:<\/strong> os autores de temas e plugins podem &#8220;transferir&#8221; estilos de frontend para o editor com o m\u00ednimo ou nenhuma altera\u00e7\u00e3o.<\/li>\n<li><strong>Sele\u00e7\u00f5es persistentes:<\/strong> os iframes mant\u00eam a sele\u00e7\u00e3o no editor (por exemplo, texto selecionado) vis\u00edvel mesmo quando o usu\u00e1rio interage com elementos da interface do usu\u00e1rio, como controles da barra lateral.<\/li>\n<li><strong>Previsibilidade:<\/strong> o editor iframe tamb\u00e9m resolve o problema de inconsist\u00eancia visual, evitando que o editor mude repentinamente de modo com base nos plugins instalados.<\/li>\n<\/ul>\n<h4>Compatibilidade com vers\u00f5es anteriores<\/h4>\n<p>Se um artigo contiver um bloco usando vers\u00f5es mais antigas da API, o iframe ser\u00e1 removido automaticamente para garantir a compatibilidade com vers\u00f5es anteriores. Para aproveitar esses aprimoramentos, os desenvolvedores de blocos s\u00e3o incentivados a atualizar seus blocos para a vers\u00e3o 3 da API de blocos.<\/p>\n<h3>Registro de bloco somente em PHP<\/h3>\n<p>O WordPress 7.0 introduz a capacidade de <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/03\/php-only-block-registration\/\">registrar blocos exclusivamente via PHP<\/a> com controles de inspetor gerados automaticamente. Essa adi\u00e7\u00e3o simplifica os fluxos de trabalho dos desenvolvedores e incentiva os sites que usam temas h\u00edbridos ou fun\u00e7\u00f5es PHP legadas e c\u00f3digos de acesso a adotar e desenvolver o editor de blocos. Aqui est\u00e1 um exemplo de um bloco registrado via 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>No momento em que este artigo foi escrito, os blocos somente em PHP n\u00e3o s\u00e3o din\u00e2micos e s\u00f3 podem usar controles de configura\u00e7\u00e3o espec\u00edficos. Mas ainda h\u00e1 muitos casos de uso a serem explorados. Por esse motivo, publicamos um tutorial que abrange apenas os <a href=\"https:\/\/kinsta.com\/blog\/php-only-gutenberg-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">blocos somente em PHP<\/a>. Se voc\u00ea for um desenvolvedor de PHP, vale a pena dar uma olhada.<\/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=\"Um bloco simples somente em PHP no editor de blocos.\" width=\"1644\" height=\"656\"><figcaption id=\"caption-attachment-206054\" class=\"wp-caption-text\">Um bloco simples somente em PHP.<\/figcaption><\/figure>\n<h3>Melhorias em DataViews, DataForm e Field API<\/h3>\n<p>O WordPress 7.0 apresenta v\u00e1rias melhorias em DataViews, marcando um passo decisivo em dire\u00e7\u00e3o a uma interface administrativa mais moderna e modular. Essa atualiza\u00e7\u00e3o transforma o gerenciamento de dados em uma experi\u00eancia altamente personaliz\u00e1vel com uma abordagem declarativa. Agora, os desenvolvedores podem criar interfaces personalizadas complexas simplesmente definindo suas regras em formato JSON, permitindo que o core gere a interface.<\/p>\n<p>As novas adi\u00e7\u00f5es incluem:<\/p>\n<ul>\n<li><strong>Melhorias na visualiza\u00e7\u00e3o de dados (DataViews):<\/strong> o novo layout <strong>Activity<\/strong> usa um estilo de feed de atividades em linha do tempo. Tamb\u00e9m h\u00e1 um novo modo de visualiza\u00e7\u00e3o compacto para listas.<\/li>\n<li><strong>Melhorias no formul\u00e1rio (DataForm):<\/strong> o novo layout <strong>Details<\/strong> agora est\u00e1 dispon\u00edvel, juntamente com \u00edcones de edi\u00e7\u00e3o para o layout <strong>Panel<\/strong>. Esses \u00edcones podem ser configurados para serem exibidos somente quando necess\u00e1rio.<\/li>\n<li><strong>Aprimoramentos no controle de dados (Field API):<\/strong> a valida\u00e7\u00e3o autom\u00e1tica de campo est\u00e1 dispon\u00edvel, juntamente com novas op\u00e7\u00f5es de personaliza\u00e7\u00e3o de formata\u00e7\u00e3o para tipos de campos num\u00e9ricos e de data.<\/li>\n<\/ul>\n<p>A seguir est\u00e1 um exemplo de como definir uma visualiza\u00e7\u00e3o que agrupa e exibe dados em 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 obter uma vis\u00e3o geral detalhada dos aprimoramentos da API DataViews, DataForm e Field, consulte a <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/dataviews-dataform-et-al-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota do desenvolvedor<\/a>.<\/p>\n<h3>API de habilidades do lado do cliente<\/h3>\n<p>O WordPress 6.9 introduziu a <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-9\/#abilities-api\">API Abilities<\/a>, uma nova interface funcional que fornece um registro padronizado para plugins, temas e n\u00facleo do WordPress para interagir com o WordPress, expondo seus recursos em formatos leg\u00edveis por humanos e m\u00e1quinas.<\/p>\n<p>Agora, o WordPress 7.0 apresenta uma API JavaScript que permite que voc\u00ea implemente recursos do lado do cliente, como navegar ou adicionar blocos ao seu conte\u00fado diretamente do JavaScript, de forma segura e padronizada.<\/p>\n<p>A nova API de recursos do lado do cliente \u00e9 dividida em dois pacotes.<\/p>\n<ul>\n<li><code>@wordpress\/core-abilities<\/code>: se o seu plugin precisar acessar as habilidades registradas no servidor, voc\u00ea precisar\u00e1 se conectar ao pacote <code>@wordpress\/core-abilities<\/code>. Esse pacote recupera todas as habilidades e categorias registradas por meio da API REST e as armazena no reposit\u00f3rio <code>@wordpress\/abilities<\/code>.<\/li>\n<li><code>@wordpress\/abilities<\/code>: esse pacote fornece o armazenamento de habilidades sem carregar as habilidades registradas no servidor. Se o seu plugin precisar registrar apenas os recursos do lado do cliente e n\u00e3o exigir acesso aos recursos registrados no servidor, ele dever\u00e1 carregar <code>@wordpress\/abilities<\/code>.<\/li>\n<\/ul>\n<p>Consulte a nota do desenvolvedor para obter uma an\u00e1lise detalhada da nova <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/24\/client-side-abilities-api-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">API de recursos do lado do cliente<\/a> e v\u00e1rios exemplos de c\u00f3digo.<\/p>\n<h3>Altera\u00e7\u00f5es na API de interatividade<\/h3>\n<p>A <a href=\"https:\/\/kinsta.com\/pt\/blog\/api-de-interatividade-wordpress\/\">API de interatividade<\/a> \u00e9 uma API nativa do WordPress que permite que os desenvolvedores adicionem interatividade a seus sites de forma padronizada. O WordPress 7.0 aprimora a API de interatividade com uma nova fun\u00e7\u00e3o <code>watch()<\/code> que permite que voc\u00ea observe programaticamente as altera\u00e7\u00f5es de estado. Anteriormente, s\u00f3 era poss\u00edvel usar a diretiva <code>data-wp-watch<\/code> para reagir a altera\u00e7\u00f5es de estado.<\/p>\n<p>Outras altera\u00e7\u00f5es feitas no WordPress 7.0 est\u00e3o relacionadas ao armazenamento <code>core\/router<\/code>.<\/p>\n<p>Para obter uma descri\u00e7\u00e3o mais detalhada das altera\u00e7\u00f5es na API de interatividade, consulte a <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/changes-to-the-interactivity-api-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota do desenvolvedor<\/a>.<\/p>\n<h3>Outras altera\u00e7\u00f5es para desenvolvedores<\/h3>\n<p>Aqui est\u00e3o algumas outras altera\u00e7\u00f5es para desenvolvedores que vale a pena mencionar:<\/p>\n<ul>\n<li>A partir do WordPress 7.0, os atributos de bloco que suportam <a href=\"https:\/\/kinsta.com\/pt\/blog\/api-vinculacao-blocos-wordpress\/\">API de vincula\u00e7\u00e3o<\/a> tamb\u00e9m suportam <a href=\"https:\/\/kinsta.com\/pt\/blog\/padroes-de-bloco-wordpress\/#synced-pattern-overrides\">Pattern Overrides<\/a>. Isso significa que <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/16\/pattern-overrides-in-wp-7-0-support-for-custom-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">voc\u00ea pode usar substitui\u00e7\u00f5es de padr\u00e3o com qualquer bloco<\/a>, inclusive blocos personalizados.<\/li>\n<li>Padr\u00f5es e partes de modelos n\u00e3o sincronizados agora s\u00e3o <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/pattern-editing-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">definidos como <code>contentOnly<\/code> por padr\u00e3o<\/a>. Os usu\u00e1rios ver\u00e3o controles para editar texto e m\u00eddia primeiro, sem correr o risco de quebrar acidentalmente a estrutura do bloco. Se voc\u00ea tiver criado blocos personalizados e quiser que eles permane\u00e7am edit\u00e1veis, certifique-se de definir <code>\"role\": \"contentOnly\"<\/code> no arquivo <code>block.json<\/code>. Os desenvolvedores podem desativar esse recurso via PHP usando o filtro <code>block_editor_settings_all<\/code> ou via JavaScript, definindo <code>disableContentOnlyForUnsyncedPatterns<\/code> como <code>true<\/code>.<\/li>\n<li>O 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\">deixa de oferecer suporte ao PHP 7.2 e 7.3<\/a>. A vers\u00e3o m\u00ednima recomendada do PHP continuar\u00e1 sendo a 8.3.<\/li>\n<li>O sistema de suporte ao bloco Dimensions foi significativamente aprimorado. Voc\u00ea pode usar <code>width<\/code> e <code>height<\/code>\u00a0como suportes de bloco padr\u00e3o em <code>dimensions<\/code>\u00a0em <code>block.json<\/code>, e os temas podem definir predefini\u00e7\u00f5es de tamanho de dimens\u00e3o em seu <code>theme.json<\/code>.<\/li>\n<\/ul>\n<h2>Olhando para o futuro: a vers\u00e3o 7.0 marca uma nova era para o WordPress<\/h2>\n<p>O WordPress 7.0 n\u00e3o \u00e9 apenas uma atualiza\u00e7\u00e3o; ele representa um ponto de virada para usu\u00e1rios e desenvolvedores. Gra\u00e7as \u00e0 integra\u00e7\u00e3o com IA e \u00e0 Abilities API, a IA agora pode navegar pelo painel de controle, criar novo conte\u00fado e editar artigos existentes. Realmente sentimos que estamos diante de um ponto de virada hist\u00f3rico, e mal podemos esperar para explorar essas ferramentas baseadas em IA e come\u00e7ar a criar algo totalmente novo por conta pr\u00f3pria.<\/p>\n<p>Mas o WordPress 7.0 \u00e9 mais do que IA. A experi\u00eancia de edi\u00e7\u00e3o foi completamente repensada, uma nova arquitetura de revis\u00f5es em n\u00edvel de bloco, novos blocos do core e atualiza\u00e7\u00f5es significativas no sistema de design.<\/p>\n<p>Al\u00e9m da integra\u00e7\u00e3o com a IA, os desenvolvedores se beneficiar\u00e3o de aprimoramentos que simplificam o fluxo de trabalho de desenvolvimento e abrem possibilidades nunca antes vistas. Desde o editor iframed e o suporte a pseudoclasses no <code>theme.json<\/code> at\u00e9 a API Client-side Abilities e os blocos somente PHP, o WordPress 7.0 oferece uma infinidade de ferramentas para voc\u00ea criar sites e aplicativos cada vez mais avan\u00e7ados.<\/p>\n<p>Para aproveitar totalmente o potencial do WordPress 7.0, voc\u00ea precisa de um servi\u00e7o de hospedagem de ponta, otimizado para desempenho e seguran\u00e7a. Na Kinsta, voc\u00ea encontrar\u00e1 tudo o que precisa para levar o WordPress ao seu potencial m\u00e1ximo. <a href=\"https:\/\/kinsta.com\/pt\/precos\/\">Confira nossos planos<\/a> e encontre o que melhor se adapta \u00e0s necessidades do seu site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Prepare os fogos de artif\u00edcio! Com a vers\u00e3o 7.0, o WordPress entra em uma nova e ousada era. \u00c9 prov\u00e1vel que este seja o maior salto &#8230;<\/p>\n","protected":false},"author":36,"featured_media":75192,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1038],"class_list":["post-75191","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-atualizacoes-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>O que h\u00e1 de novo no WordPress 7.0: integra\u00e7\u00e3o com IA, novos blocos e muito mais<\/title>\n<meta name=\"description\" content=\"Integra\u00e7\u00e3o com IA, novos blocos e ferramentas avan\u00e7adas para desenvolvedores e designers. Veja as novidades do WordPress 7.0.\" \/>\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\/pt\/blog\/wordpress-7-0\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O que h\u00e1 de novo no WordPress 7.0: integra\u00e7\u00e3o com IA, novos blocos e muito mais\" \/>\n<meta property=\"og:description\" content=\"Integra\u00e7\u00e3o com IA, novos blocos e ferramentas avan\u00e7adas para desenvolvedores e designers. Veja as novidades do WordPress 7.0.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-04T10:02:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-11T09:04:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/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=\"Integra\u00e7\u00e3o com IA, novos blocos e ferramentas avan\u00e7adas para desenvolvedores e designers. Veja as novidades do WordPress 7.0.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/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_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"32 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"O que h\u00e1 de novo no WordPress 7.0: integra\u00e7\u00e3o com IA, novos blocos e muito mais\",\"datePublished\":\"2026-05-04T10:02:50+00:00\",\"dateModified\":\"2026-05-11T09:04:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/\"},\"wordCount\":5921,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"inLanguage\":\"pt-PT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/\",\"name\":\"O que h\u00e1 de novo no WordPress 7.0: integra\u00e7\u00e3o com IA, novos blocos e muito mais\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"datePublished\":\"2026-05-04T10:02:50+00:00\",\"dateModified\":\"2026-05-11T09:04:34+00:00\",\"description\":\"Integra\u00e7\u00e3o com IA, novos blocos e ferramentas avan\u00e7adas para desenvolvedores e designers. Veja as novidades do WordPress 7.0.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/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\/pt\/blog\/wordpress-7-0\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Atualiza\u00e7\u00f5es WordPress\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/atualizacoes-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"O que h\u00e1 de novo no WordPress 7.0: integra\u00e7\u00e3o com IA, novos blocos e muito mais\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"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\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/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\/pt\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"O que h\u00e1 de novo no WordPress 7.0: integra\u00e7\u00e3o com IA, novos blocos e muito mais","description":"Integra\u00e7\u00e3o com IA, novos blocos e ferramentas avan\u00e7adas para desenvolvedores e designers. Veja as novidades do WordPress 7.0.","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\/pt\/blog\/wordpress-7-0\/","og_locale":"pt_PT","og_type":"article","og_title":"O que h\u00e1 de novo no WordPress 7.0: integra\u00e7\u00e3o com IA, novos blocos e muito mais","og_description":"Integra\u00e7\u00e3o com IA, novos blocos e ferramentas avan\u00e7adas para desenvolvedores e designers. Veja as novidades do WordPress 7.0.","og_url":"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2026-05-04T10:02:50+00:00","article_modified_time":"2026-05-11T09:04:34+00:00","og_image":[{"width":1472,"height":737,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/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":"Integra\u00e7\u00e3o com IA, novos blocos e ferramentas avan\u00e7adas para desenvolvedores e designers. Veja as novidades do WordPress 7.0.","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Carlo Daniele","Tempo estimado de leitura":"32 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"O que h\u00e1 de novo no WordPress 7.0: integra\u00e7\u00e3o com IA, novos blocos e muito mais","datePublished":"2026-05-04T10:02:50+00:00","dateModified":"2026-05-11T09:04:34+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/"},"wordCount":5921,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","inLanguage":"pt-PT"},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/","url":"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/","name":"O que h\u00e1 de novo no WordPress 7.0: integra\u00e7\u00e3o com IA, novos blocos e muito mais","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","datePublished":"2026-05-04T10:02:50+00:00","dateModified":"2026-05-11T09:04:34+00:00","description":"Integra\u00e7\u00e3o com IA, novos blocos e ferramentas avan\u00e7adas para desenvolvedores e designers. Veja as novidades do WordPress 7.0.","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-7-0\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/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\/pt\/blog\/wordpress-7-0\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Atualiza\u00e7\u00f5es WordPress","item":"https:\/\/kinsta.com\/pt\/topicos\/atualizacoes-wordpress\/"},{"@type":"ListItem","position":3,"name":"O que h\u00e1 de novo no WordPress 7.0: integra\u00e7\u00e3o com IA, novos blocos e muito mais"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","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\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/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\/pt\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/75191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=75191"}],"version-history":[{"count":10,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/75191\/revisions"}],"predecessor-version":[{"id":75252,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/75191\/revisions\/75252"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/75191\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/75191\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/75191\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/75191\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/75191\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/75191\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/75191\/translations\/jp"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/75191\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/75192"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=75191"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=75191"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=75191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}