{"id":67703,"date":"2024-03-18T06:55:41","date_gmt":"2024-03-18T09:55:41","guid":{"rendered":"https:\/\/kinsta.com\/pt\/?p=67703&#038;preview=true&#038;preview_id=67703"},"modified":"2024-04-11T05:25:38","modified_gmt":"2024-04-11T08:25:38","slug":"wordpress-6-5","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/","title":{"rendered":"O Que H\u00e1 de Novo no WordPress 6.5: Biblioteca de Fontes, DataViews, Block Bindings, API de Interatividade e Muito Mais!"},"content":{"rendered":"<p>O WordPress 6.5 &#8220;Regina&#8221; foi <a href=\"https:\/\/wordpress.org\/news\/2024\/04\/regina\/\">lan\u00e7ado em 2 de abril<\/a>, e estamos aqui para mostrar as incr\u00edveis funcionalidades que acompanham essa vers\u00e3o.<\/p>\n<p>A ver\u00e3o 6.5 apresenta novas e poderosas APIs, levando a experi\u00eancia de desenvolvimento WordPress a um novo patamar. Mas ele tamb\u00e9m traz in\u00fameras mudan\u00e7as que v\u00e3o te deixar feliz no que diz respeito \u00e0 constru\u00e7\u00e3o de sites e cria\u00e7\u00e3o de conte\u00fado.<\/p>\n<p>Gra\u00e7as \u00e0 nova biblioteca de fontes, voc\u00ea poder\u00e1 injetar valores de campo personalizados no conte\u00fado dos blocos principais e baixar e instalar o Google Fonts diretamente do editor do site. Novas ferramentas de design e v\u00e1rios aprimoramentos da interface do usu\u00e1rio melhorar\u00e3o a experi\u00eancia geral de edi\u00e7\u00e3o.<\/p>\n<p>Mas essas s\u00e3o apenas algumas das atualiza\u00e7\u00f5es que vir\u00e3o com o WordPress 6.5. A nova vers\u00e3o re\u00fane tantos aprimoramentos e atualiza\u00e7\u00f5es que seria imposs\u00edvel mencionar todos em um s\u00f3 artigo. Por isso, reunimos as mais disruptivas e empolgantes neste longo e detalhado artigo.<\/p>\n<p>Vamos come\u00e7ar nossa jornada de descoberta do WordPress 6.5.<\/p>\n<p><div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc> Voc\u00ea est\u00e1 interessado em conhecer a nova biblioteca de fontes do WordPress 6.5?<\/p>\n<h2>A nova biblioteca de fontes do WordPress<\/h2>\n<p>Primeiramente, o WordPress 6.5 apresenta um novo recurso que permite o gerenciamento de fontes a partir da interface de estilos. A nova <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/59166\" target=\"_blank\" rel=\"noopener noreferrer\">Biblioteca de Fontes<\/a> do WordPress permite que voc\u00ea gerencie fontes de uma forma semelhante ao gerenciamento de m\u00eddia na Biblioteca de M\u00eddia, mas para fontes.<\/p>\n<p>Gra\u00e7as \u00e0 Biblioteca de Fontes, voc\u00ea pode instalar ou desinstalar facilmente <a href=\"https:\/\/kinsta.com\/pt\/blog\/fontes-locais\/\">fontes locais<\/a> e <a href=\"https:\/\/kinsta.com\/pt\/blog\/fontes-locais\/\">fontes<\/a> <a href=\"https:\/\/kinsta.com\/pt\/blog\/melhores-fontes-google\/\">do Google Fonts<\/a> e escolher as que deseja ativar ou desativar, independentemente do tema ativo.<\/p>\n<p>Isso n\u00e3o \u00e9 \u00f3timo? Agora temos um controle muito maior sobre um aspecto essencial de qualquer site: a tipografia. Para usar fontes personalizadas em seu site WordPress, voc\u00ea n\u00e3o precisar\u00e1 mais depender das fontes do seu tema ou brincar com CSS.<\/p>\n<p>Seu uso \u00e9 bem simples. Na interface de usu\u00e1rio do editor do site, abra a barra lateral Estilos Globais e selecione <strong>Tipografia<\/strong>.<\/p>\n<figure id=\"attachment_175339\" aria-describedby=\"caption-attachment-175339\" style=\"width: 2126px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175339 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-typography-panel.jpg\" alt=\"O novo painel Tipografia no WordPress 6.5.\" width=\"2126\" height=\"1392\"><figcaption id=\"caption-attachment-175339\" class=\"wp-caption-text\">O novo painel Tipografia no WordPress 6.5.<\/figcaption><\/figure>\n<p>Aqui voc\u00ea ver\u00e1 uma lista das fontes e dos elementos dispon\u00edveis. Clique no bot\u00e3o <strong>Gerenciar fontes<\/strong> \u00e0 direita, e voc\u00ea ver\u00e1 uma janela pop-up com tr\u00eas abas.<\/p>\n<figure id=\"attachment_175521\" aria-describedby=\"caption-attachment-175521\" style=\"width: 2028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175521 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-font-library.jpg\" alt=\"A interface da Biblioteca de Fontes do WordPress 6.5.\" width=\"2028\" height=\"1198\"><figcaption id=\"caption-attachment-175521\" class=\"wp-caption-text\">A interface da Biblioteca de Fontes do WordPress 6.5.<\/figcaption><\/figure>\n<p>A aba <strong>Biblioteca<\/strong> fornece uma visualiza\u00e7\u00e3o das fontes dispon\u00edveis, a aba <strong>Upload <\/strong>inclui uma \u00e1rea de arrastar e soltar para carregar ativos de fontes do seu computador, e a aba <strong>Instalar fontes<\/strong> permite que voc\u00ea instale fontes do <a href=\"https:\/\/kinsta.com\/pt\/blog\/melhores-fontes-google\/\">Google Fonts<\/a>.<\/p>\n<figure id=\"attachment_175523\" aria-describedby=\"caption-attachment-175523\" style=\"width: 2026px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175523 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-connect-to-google-fonts.jpg\" alt=\"Na aba Instalar Fontes voc\u00ea pode se conectar ao Google Fonts.\" width=\"2026\" height=\"1200\"><figcaption id=\"caption-attachment-175523\" class=\"wp-caption-text\">Na aba Instalar Fontes voc\u00ea pode se conectar ao Google Fonts.<\/figcaption><\/figure>\n<p>Uma vez conectado ao Google Fonts, voc\u00ea ver\u00e1 uma lista de todas as fontes dispon\u00edveis no mesmo painel.<\/p>\n<figure id=\"attachment_175525\" aria-describedby=\"caption-attachment-175525\" style=\"width: 2030px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175525 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-google-fonts.jpg\" alt=\"Google Fonts\" width=\"2030\" height=\"1200\"><figcaption id=\"caption-attachment-175525\" class=\"wp-caption-text\">Google Fonts.<\/figcaption><\/figure>\n<p>Voc\u00ea tamb\u00e9m pode pesquisar fontes por nome.<\/p>\n<figure id=\"attachment_175526\" aria-describedby=\"caption-attachment-175526\" style=\"width: 2026px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175526 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-searching-fonts.jpg\" alt=\"Pesquisando fontes por nome no WordPress 6.5.\" width=\"2026\" height=\"1194\"><figcaption id=\"caption-attachment-175526\" class=\"wp-caption-text\">Pesquisando fontes por nome no WordPress 6.5.<\/figcaption><\/figure>\n<p>Escolha as variantes da fonte de que voc\u00ea precisa, clique em <strong>Instalar<\/strong>, e pronto.<\/p>\n<figure id=\"attachment_175527\" aria-describedby=\"caption-attachment-175527\" style=\"width: 2028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175527 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-font-variants.jpg\" alt=\"Variantes da fonte Ubuntu no Google Fonts.\" width=\"2028\" height=\"1198\"><figcaption id=\"caption-attachment-175527\" class=\"wp-caption-text\">Variantes da fonte Ubuntu no Google Fonts.<\/figcaption><\/figure>\n<p>Quando voc\u00ea instala uma nova fonte, a Biblioteca de Fontes adiciona a defini\u00e7\u00e3o da fam\u00edlia da fonte \u00e0s fontes instaladas e baixa o ativo da fonte para a pasta <strong>wp-content\/uploads\/fonts<\/strong>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>O Google Fonts s\u00f3 \u00e9 solicitado quando voc\u00ea instala fontes. Depois que voc\u00ea adiciona uma fonte \u00e0 sua biblioteca de fontes, nenhuma solicita\u00e7\u00e3o adicional \u00e9 enviada ao Google, porque as fontes s\u00e3o hospedadas localmente (consulte tamb\u00e9m nosso Guia Detalhado sobre <a href=\"https:\/\/kinsta.com\/pt\/blog\/fontes-locais\/\">Hospedagem de Fontes Locais no WordPress<\/a>.<\/p>\n<\/aside>\n\n<h3>Desativar a Biblioteca de Fontes<\/h3>\n<p>Os desenvolvedores de plugins e temas podem <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57818\" target=\"_blank\" rel=\"noopener noreferrer\">desativar a Biblioteca de Fontes<\/a>\u00a0usando o novo filtro PHP <code>fontLibraryEnabled<\/code>:<\/p>\n<pre><code class=\"language-php\">function disable_font_library_ui( $editor_settings ) { \n\t$editor_settings['fontLibraryEnabled'] = false;\n\treturn $editor_settings; \n}\nadd_filter( \"block_editor_settings_all\", \"disable_font_library_ui\" );<\/code><\/pre>\n<h2>DataViews<\/h2>\n<p>O <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/packages-dataviews\/\" target=\"_blank\" rel=\"noopener noreferrer\">DataViews<\/a> \u00e9 um componente que permite a renderiza\u00e7\u00e3o de conjuntos de dados usando diferentes tipos de layouts, como tabela, grade, lista e outros.<\/p>\n<p>Com essa itera\u00e7\u00e3o, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/55083\" target=\"_blank\" rel=\"noopener noreferrer\">novas visualiza\u00e7\u00f5es e recursos relacionados<\/a> para o gerenciamento de p\u00e1ginas, padr\u00f5es e templates passam a fazer parte do n\u00facleo, e podemos esperar melhorias adicionais em futuras vers\u00f5es do WordPress.<\/p>\n<p>Por enquanto, o WordPress 6.5 apresenta as seguintes exibi\u00e7\u00f5es no Editor de Site:<\/p>\n<ul>\n<li>Templates &gt; Gerenciar todos os templates: layouts de Tabela e Grade.<\/li>\n<li>Padr\u00f5es &gt; Partes do template &gt; Gerenciar todas as partes do template: layouts de Tabela e Grade.<\/li>\n<li>Padr\u00f5es: layout de Grade.<\/li>\n<li>P\u00e1ginas &gt; Gerenciar todas as p\u00e1ginas: layouts de Tabela e de Grade.<\/li>\n<\/ul>\n<figure id=\"attachment_175543\" aria-describedby=\"caption-attachment-175543\" style=\"width: 2310px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175543 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-grid-data-view.jpg\" alt=\"Configura\u00e7\u00e3o do layout de Grade para templates.\" width=\"2310\" height=\"1458\"><figcaption id=\"caption-attachment-175543\" class=\"wp-caption-text\">Configura\u00e7\u00e3o do layout de Grade para templates.<\/figcaption><\/figure>\n<p>Al\u00e9m dos layouts, os data views adicionam v\u00e1rios recursos de visualiza\u00e7\u00e3o, incluindo filtros, pesquisa, pagina\u00e7\u00e3o, classifica\u00e7\u00e3o, oculta\u00e7\u00e3o e exibi\u00e7\u00e3o de campos.<\/p>\n<figure id=\"attachment_175545\" aria-describedby=\"caption-attachment-175545\" style=\"width: 1556px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175545 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-fields-data-view.jpg\" alt=\"Configura\u00e7\u00e3o Campos na visualiza\u00e7\u00e3o Templates.\" width=\"1556\" height=\"990\"><figcaption id=\"caption-attachment-175545\" class=\"wp-caption-text\">Configura\u00e7\u00e3o Campos na visualiza\u00e7\u00e3o Templates.<\/figcaption><\/figure>\n<p>Um bot\u00e3o de <strong>Edi\u00e7\u00e3o em massa<\/strong> permite que voc\u00ea execute <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/58144\" target=\"_blank\" rel=\"noopener noreferrer\">v\u00e1rias a\u00e7\u00f5es em massa<\/a>, dependendo do conjunto de dados atual. Para P\u00e1ginas, voc\u00ea pode <strong>Mover para a lixeira<\/strong>, <strong>Restaurar<\/strong> e <strong>Excluir permanentemente<\/strong>.<\/p>\n<figure id=\"attachment_175546\" aria-describedby=\"caption-attachment-175546\" style=\"width: 2174px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175546 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-bulk-edit.jpg\" alt=\"Edi\u00e7\u00e3o de p\u00e1ginas em massa no WordPress 6.5.\" width=\"2174\" height=\"772\"><figcaption id=\"caption-attachment-175546\" class=\"wp-caption-text\">Edi\u00e7\u00e3o de p\u00e1ginas em massa no WordPress 6.5.<\/figcaption><\/figure>\n<p>O DataViews tamb\u00e9m vem com uma nova <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/58427\" target=\"_blank\" rel=\"noopener noreferrer\">API de filtro principal<\/a> que visa adicionar um tipo especial de filtro \u2014 sempre vis\u00edvel na tela \u2014 ao DataViews. A imagem abaixo mostra o novo filtro principal <strong>Sync Status<\/strong> na se\u00e7\u00e3o de administra\u00e7\u00e3o Padr\u00f5es.<\/p>\n<figure id=\"attachment_175547\" aria-describedby=\"caption-attachment-175547\" style=\"width: 2314px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175547 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-sync-status-primary-filter.jpg\" alt=\"O filtro prim\u00e1rio Sync Status para padr\u00f5es.\" width=\"2314\" height=\"954\"><figcaption id=\"caption-attachment-175547\" class=\"wp-caption-text\">O filtro prim\u00e1rio Sync Status para padr\u00f5es.<\/figcaption><\/figure>\n<p>A <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/blob\/trunk\/packages\/dataviews\/README.md\" target=\"_blank\" rel=\"noopener noreferrer\">API DataViews<\/a> vem com o novo pacote npm <code>@wordpress\/dataviews<\/code> que permite que os desenvolvedores fa\u00e7am experi\u00eancias com data views.<\/p>\n<h2>API Block Bindings<\/h2>\n<p>A <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/06\/new-feature-the-block-bindings-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">API Block Bindings<\/a> \u00e9 uma nova API que visa a conectar atributos de bloco a valores de diferentes fontes de dados. Esses valores podem ser diferentes dependendo do contexto. Um exemplo simples seria um cabe\u00e7alho contendo o nome do autor que muda com o valor <code>post_author<\/code>.<\/p>\n<p>Esse \u00e9 um aprimoramento not\u00e1vel, pois amplia os recursos de v\u00e1rios blocos principais. Gra\u00e7as \u00e0 nova API, voc\u00ea pode vincular dados din\u00e2micos de qualquer fonte a um atributo de bloco.<\/p>\n<p>As fontes de dados podem ser as mais diversas: dados do site, campos personalizados, dados de usu\u00e1rio, padr\u00f5es, c\u00f3digos de acesso, outros blocos e at\u00e9 mesmo ferramentas externas que usam o Gutenberg. Um exemplo disso poderia ser um site do Drupal com o Gutenberg.<\/p>\n<p>Do ponto de vista t\u00e9cnico, podemos descrever a forma como a API Block Bindings funciona como um <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/54536\" target=\"_blank\" rel=\"noopener noreferrer\">processo de tr\u00eas etapas<\/a>:<\/p>\n<ol>\n<li>Primeiro, voc\u00ea cria uma associa\u00e7\u00e3o entre os atributos do bloco e uma fonte de dados usando um objeto <code>bindings<\/code>.<\/li>\n<li>A API obt\u00e9m o valor da fonte de dados definida na vincula\u00e7\u00e3o.<\/li>\n<li>Em seguida, atualiza o HTML do bloco usando os valores recebidos da fonte de dados.<\/li>\n<\/ol>\n<p>A primeira implementa\u00e7\u00e3o da API Block Bindings que vem com o WordPress 6.5 permite <a href=\"#connecting-custom-fields-to-blocks\">conectar atributos de bloco e campos personalizados<\/a>. Uma segunda implementa\u00e7\u00e3o anunciada, Synced Patterns Overrides, foi <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/53705#issuecomment-1972969046\" target=\"_blank\" rel=\"noopener noreferrer\">adiada para uma vers\u00e3o futura<\/a>.<\/p>\n<p>No in\u00edcio, apenas um n\u00famero limitado de blocos, como cabe\u00e7alhos, par\u00e1grafos, imagens e bot\u00f5es, ser\u00e1 compat\u00edvel com a API Block Bindings. Com as itera\u00e7\u00f5es futuras, mais blocos, at\u00e9 mesmo blocos personalizados, ser\u00e3o adicionados \u00e0 lista.<\/p>\n<p>Essa primeira implementa\u00e7\u00e3o da API tamb\u00e9m permite que desenvolvedores de plugins registrem suas fontes da mesma forma que o Gutenberg registra a fonte de dados <code>core\/post-meta<\/code>. Com base no <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/53300#issuecomment-1938463648\" target=\"_blank\" rel=\"noopener noreferrer\">exemplo de Santos Guillamot<\/a>, voc\u00ea pode registrar a fonte de dados do seu plugin desta forma:<\/p>\n<pre><code class=\"language-php\">register_block_bindings_source(\n\t'myplugin\/plugin-data',\n\tarray(\n\t\t'label'              =&gt; _x( 'Plugin Data', 'block bindings source' ),\n\t\t'get_value_callback' =&gt; 'myplugin_block_bindings_post_meta_callback',\n\t)\n);<\/code><\/pre>\n<p>E, em seguida, adicionar um objeto bindings ao seu bloco:<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:paragraph \n{\n\t\"metadata\": {\n\t\t\"bindings\": {\n\t\t\t\"content\": {\n\t\t\t\t\"source\": \"myplugin\/plugin-data\",\n\t\t\t\t\"args\": {\n\t\t\t\t\t\"key\":\"plugin_key\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n--&gt;\n&lt;p&gt;Paragraph&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;<\/code><\/pre>\n<p>Veja uma descri\u00e7\u00e3o de cada propriedade:<\/p>\n<ul>\n<li><code>metadata<\/code>: Um objeto de metadados do bloco.<\/li>\n<li><code>bindings<\/code>: Um objeto contendo uma ou mais vincula\u00e7\u00f5es.<\/li>\n<li><code>content<\/code>: O atributo do bloco a ser vinculado a uma fonte de dados. Neste exemplo, um atributo <code>content<\/code> de um bloco de par\u00e1grafo.<\/li>\n<li><code>source<\/code>: A fonte das vincula\u00e7\u00f5es.<\/li>\n<li><code>args<\/code>: Um objeto de argumentos para passar \u00e0 fonte de vincula\u00e7\u00f5es do bloco.<\/li>\n<\/ul>\n<p>Futuras itera\u00e7\u00f5es acrescentar\u00e3o mais recursos \u00e0 API Block Bindings. Al\u00e9m disso, em breve voc\u00ea poder\u00e1 criar vincula\u00e7\u00f5es a partir do Visual Editor, conectar atributos de bloco a mais fontes de dados, como dados do site ou dados de taxonomia, e usar esse recurso com mais blocos.<\/p>\n<p>Dito isso, vamos nos aprofundar nas primeiras implementa\u00e7\u00f5es da API Block Bindings.<\/p>\n<h2>Conex\u00e3o de campos personalizados a blocos<\/h2>\n<p>Antes do WordPress 6.5, n\u00e3o havia como injetar valores de campos personalizados no conte\u00fado dos blocos principais. Os desenvolvedores s\u00f3 podiam <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-adicionar-meta-boxes-e-meta-fields\/\">criar blocos personalizados para exibir campos personalizados<\/a> no frontend.<\/p>\n<p>A partir do WordPress 6.5, voc\u00ea pode exibir dados armazenados em <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/51373\" target=\"_blank\" rel=\"noopener noreferrer\">campos personalizados dentro de blocos principais<\/a>, incluindo bot\u00f5es, cabe\u00e7alhos, imagens e par\u00e1grafos.<\/p>\n<p>Conforme mencionado anteriormente, a <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/54536\" target=\"_blank\" rel=\"noopener noreferrer\">API Block Bindings<\/a> permite que voc\u00ea conecte atributos de bloco e diferentes fontes de dados, inclusive a fonte &#8220;meta_fields&#8221;. Para usar esse recurso, primeiro voc\u00ea precisa ativar os campos personalizados no editor em Op\u00e7\u00f5es -&gt; Prefer\u00eancias -&gt; Geral -&gt; Avan\u00e7ado.<\/p>\n<figure id=\"attachment_175444\" aria-describedby=\"caption-attachment-175444\" style=\"width: 1492px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175444 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-preferences-panel.png\" alt=\"O modal Prefer\u00eancias no Editor de Artigos.\" width=\"1492\" height=\"1012\"><figcaption id=\"caption-attachment-175444\" class=\"wp-caption-text\">O modal Prefer\u00eancias no Editor de Artigos.<\/figcaption><\/figure>\n<p>Observe que, a partir do WordPress 6.5, voc\u00ea n\u00e3o tem um controle de interface do usu\u00e1rio para vincular um valor de campo personalizado a um atributo de bloco.<\/p>\n<p>Portanto, depois de adicionar a chave e o valor do campo personalizado, voc\u00ea ter\u00e1 de mudar para o editor de c\u00f3digo e adicionar um objeto &#8220;bindings&#8221; dentro do delimitador de bloco, conforme mostrado no c\u00f3digo abaixo:<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:paragraph \n\t{\n\t\t\"metadata\": {\n\t\t\t\"bindings\": {\n\t\t\t\t\"content\": {\n\t\t\t\t\t\"source\":\"core\/post-meta\",\n\t\t\t\t\t\"args\": {\n\t\t\t\t\t\t\"key\":\"my_custom_field\"\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t} --&gt;\n\t&lt;p&gt;Paragraph&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;<\/code><\/pre>\n<p>A adi\u00e7\u00e3o de um campo personalizado a um bloco bloqueia os controles apropriados, tornando o conte\u00fado do bloco n\u00e3o edit\u00e1vel.<\/p>\n<p>Agora, vamos explorar como isso funciona com um bloco de imagem. Adicione dois campos personalizados para os atributos <code>alt<\/code> e <code>src<\/code>.<\/p>\n<figure id=\"attachment_175445\" aria-describedby=\"caption-attachment-175445\" style=\"width: 1798px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175445 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-custom-fields.png\" alt=\"Dois campos personalizados para armazenar valores alt e src.\" width=\"1798\" height=\"498\"><figcaption id=\"caption-attachment-175445\" class=\"wp-caption-text\">Dois campos personalizados para armazenar valores alt e src.<\/figcaption><\/figure>\n<p>Em seguida, adicione um bloco de Imagem, mude para o editor de c\u00f3digo e adicione um objeto <code>bindings<\/code> ao bloco, como no exemplo a seguir:<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:image {\n\t\"metadata\":{\n\t\t\"bindings\":{\n\t\t\t\"url\":{\n\t\t\t\t\"source\":\"core\/post-meta\",\n\t\t\t\t\"args\":{\n\t\t\t\t\t\"key\":\"img_src\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"alt\":{\n\t\t\t\t\"source\":\"core\/post-meta\",\n\t\t\t\t\"args\":{\n\t\t\t\t\t\"key\":\"img_alt\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n--&gt;\n&lt;figure class=\"wp-block-image\"&gt;&lt;img src=\"\" alt=\"\" \/&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;<\/code><\/pre>\n<p>Voc\u00ea vai notar que n\u00e3o poder\u00e1 substituir a fonte de imagem usando os controles do editor.<\/p>\n<figure id=\"attachment_175347\" aria-describedby=\"caption-attachment-175347\" style=\"width: 1326px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175347 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-image-placeholder-with-custom-fields.png\" alt=\"O espa\u00e7o reservado para a imagem sem controles de m\u00eddia.\" width=\"1326\" height=\"590\"><figcaption id=\"caption-attachment-175347\" class=\"wp-caption-text\">O espa\u00e7o reservado para a imagem sem controles de m\u00eddia.<\/figcaption><\/figure>\n<p>Com <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/53300#issuecomment-1938463648\" target=\"_blank\" rel=\"noopener noreferrer\">essa primeira itera\u00e7\u00e3o<\/a>, somente os seguintes atributos de bloco podem ser conectados a campos personalizados:<\/p>\n<ul>\n<li>Par\u00e1grafo: conte\u00fado.<\/li>\n<li>Cabe\u00e7alho: conte\u00fado.<\/li>\n<li>Imagem: URL, alt e t\u00edtulo.<\/li>\n<li>Bot\u00e3o: texto, URL, linkTarget, rel.<\/li>\n<\/ul>\n<p>Para obter uma vis\u00e3o geral mais abrangente sobre conex\u00e3o campos personalizados a atributos de bloco, consulte esta <a href=\"https:\/\/developer.wordpress.org\/news\/2024\/02\/20\/introducing-block-bindings-part-1-connecting-custom-fields\/\" target=\"_blank\" rel=\"noopener noreferrer\">introdu\u00e7\u00e3o abrangente ao Block Bindings<\/a>.<\/p>\n<h2>Sistema\u00a0aprimorado\u00a0de revis\u00e3o<\/h2>\n<p>As revis\u00f5es lhe d\u00e3o a confian\u00e7a de poder desfazer qualquer altera\u00e7\u00e3o restaurando uma vers\u00e3o anterior da apar\u00eancia do site a qualquer momento. Devido \u00e0 import\u00e2ncia de um <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/05\/revisions\/\" target=\"_blank\" rel=\"noopener noreferrer\">sistema de revis\u00e3o confi\u00e1vel<\/a> em sites colaborativos, as revis\u00f5es de estilo ocupam um lugar de destaque na <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/24\/phase-3-collaboration\/\">fase atual<\/a> de desenvolvimento WordPress. O WordPress 6.5 traz v\u00e1rios <a href=\"https:\/\/make.wordpress.org\/core\/2024\/01\/22\/core-editor-improvement-robust-revisions-in-the-site-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">aprimoramentos significativos<\/a> para o sistema de revis\u00e3o.<\/p>\n<p>Aqui est\u00e1 o que voc\u00ea pode esperar ver com as revis\u00f5es no WordPress 6.5.<\/p>\n<h3>Descri\u00e7\u00e3o das altera\u00e7\u00f5es<\/h3>\n<p>Na vers\u00e3o anterior do WordPress, somente a data, a hora e o autor de cada revis\u00e3o eram vis\u00edveis. A partir do WordPress 6.5, al\u00e9m desses detalhes, voc\u00ea tamb\u00e9m ver\u00e1 um <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56577\" target=\"_blank\" rel=\"noopener noreferrer\">breve resumo<\/a> e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56577\" target=\"_blank\" rel=\"noopener noreferrer\">outros detalhes<\/a> dessa vers\u00e3o.<\/p>\n<figure id=\"attachment_175345\" aria-describedby=\"caption-attachment-175345\" style=\"width: 1162px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175345 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-revisions-panel-1.jpg\" alt=\"Resumo da revis\u00e3o no WordPress 6.5.\" width=\"1162\" height=\"1030\"><figcaption id=\"caption-attachment-175345\" class=\"wp-caption-text\">Resumo da revis\u00e3o no WordPress 6.5.<\/figcaption><\/figure>\n<h3>Revis\u00f5es ilimitadas e pagina\u00e7\u00e3o<\/h3>\n<p>Antes da vers\u00e3o 6.5, devido ao limite da API Rest, s\u00f3 era poss\u00edvel visualizar um m\u00e1ximo de 100 revis\u00f5es em um \u00fanico painel da barra lateral.<\/p>\n<p>Gra\u00e7as aos <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/54046\" target=\"_blank\" rel=\"noopener noreferrer\">dois novos seletores<\/a> <code>getRevisions<\/code> e <code>getRevision<\/code>, introduzidos com o <a href=\"https:\/\/make.wordpress.org\/core\/2023\/12\/06\/whats-new-in-gutenberg-17-2-6-december\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 17.2<\/a> e agora incorporados ao n\u00facleo com o WordPress 6.5, o limite de 100 revis\u00f5es n\u00e3o existe mais. Al\u00e9m disso, voc\u00ea pode navegar por todas as revis\u00f5es existentes divididas em <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56799\" target=\"_blank\" rel=\"noopener noreferrer\">p\u00e1ginas de 10 itens<\/a> cada.<\/p>\n<h3>Integra\u00e7\u00e3o do livro de estilo de revis\u00e3o<\/h3>\n<p>Outra mudan\u00e7a faz com que o painel Revis\u00f5es tamb\u00e9m esteja <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56800\" target=\"_blank\" rel=\"noopener noreferrer\">dispon\u00edvel com o Livro de Estilo<\/a>. Isso permite que voc\u00ea verifique as altera\u00e7\u00f5es feitas nos seus estilos em padr\u00f5es e blocos n\u00e3o inclu\u00eddos no template atual.<\/p>\n<figure id=\"attachment_175343\" aria-describedby=\"caption-attachment-175343\" style=\"width: 2126px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175343 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-revisions-style-book.jpg\" alt=\"O Livro de Estilo agora suporta revis\u00f5es.\" width=\"2126\" height=\"1398\"><figcaption id=\"caption-attachment-175343\" class=\"wp-caption-text\">O Livro de Estilo agora suporta revis\u00f5es.<\/figcaption><\/figure>\n<h3>Revis\u00f5es de templates e partes de templates<\/h3>\n<p>As revis\u00f5es de templates e partes de templates tamb\u00e9m est\u00e3o dispon\u00edveis para que voc\u00ea possa mudar para uma vers\u00e3o anterior do seu projeto de design, acrescentando uma camada de seguran\u00e7a adicional ao seu fluxo de trabalho.<\/p>\n<h2>API de interatividade<\/h2>\n<p>Antes do WordPress 6.5, para adicionar interatividade \u00e0s suas p\u00e1ginas, os desenvolvedores deveriam ter implementado suas <a href=\"https:\/\/kinsta.com\/pt\/blog\/bibliotecas-javascript\/\">bibliotecas JavaScript<\/a> favoritas por conta pr\u00f3pria. Infelizmente, isso levou a uma falta de consist\u00eancia no desenvolvimento de JavaScript no frontend.<\/p>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2024\/02\/19\/merge-announcement-interactivity-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">A partir do WordPress 6.5<\/a>, uma nova <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/04\/interactivity-api-dev-note\/\" target=\"_blank\" rel=\"noopener noreferrer\">API de interatividade<\/a> oferece uma maneira moderna e padronizada de adicionar interatividade ao frontend dos seus sites WordPress.<\/p>\n<p>Se voc\u00ea est\u00e1 se perguntando <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/30\/proposal-the-interactivity-api-a-better-developer-experience-in-building-interactive-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">o que essa nova API faz<\/a>, tivemos uma amostra dela no in\u00edcio do <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-4\/\">WordPress 6.4<\/a>, visto que os blocos de n\u00facleo Imagem, Pesquisa, Arquivo, Navega\u00e7\u00e3o e Consulta foram refatorados usando a vers\u00e3o privada da API. O <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-4\/#lightbox-effect-on-images\">efeito lightbox<\/a> nas imagens \u00e9 outro bom exemplo.<\/p>\n<p>Pagina\u00e7\u00e3o din\u00e2mica, pesquisa instant\u00e2nea e intera\u00e7\u00e3o em tempo real entre blocos s\u00e3o apenas alguns exemplos do que voc\u00ea poder\u00e1 implementar em seus sites usando a API de interatividade:<\/p>\n<blockquote><p>Os blocos podem compartilhar dados, a\u00e7\u00f5es e retornos de chamada entre eles. Isso torna a comunica\u00e7\u00e3o entre os blocos mais simples e menos propensa a erros. Por exemplo, ao clicar em um bloco &#8220;adicionar ao carrinho&#8221;, voc\u00ea pode atualizar sem problemas um bloco &#8220;carrinho&#8221; separado.<\/p><\/blockquote>\n<p>E \u00e9 incrivelmente r\u00e1pido. Todos os scripts necess\u00e1rios para adicionar interatividade s\u00f3 ser\u00e3o carregados no frontend se voc\u00ea tiver pelo menos um bloco interativo na p\u00e1gina.<\/p>\n<p>A API de interatividade adota uma abordagem moderna de desenvolvimento de frontend que aproveita o poder dos atributos HTML personalizados para reduzir a quantidade de JavaScript necess\u00e1ria para adicionar interatividade \u00e0s suas p\u00e1ginas.<\/p>\n<p>Se voc\u00ea estiver familiarizado com bibliotecas de frontend como HTMX e Alpine.js, ficar\u00e1 feliz em ver a mesma l\u00f3gica implementada no WordPress com a API de interatividade. Ent\u00e3o, do que se trata? Vamos nos aprofundar.<\/p>\n<h3>O que \u00e9 API de interatividade?<\/h3>\n<p><strong>A API de interatividade \u00e9 um novo sistema padr\u00e3o de diretivas para a cria\u00e7\u00e3o de blocos interativos<\/strong> que permitir\u00e1 aos desenvolvedores adicionar facilmente interatividade ao frontend dos seus blocos para que os visitantes do site possam interagir com seu conte\u00fado sem precisar recarregar a p\u00e1gina. Pense em coisas como pesquisa instant\u00e2nea, adi\u00e7\u00e3o de coment\u00e1rios, adi\u00e7\u00e3o a um carrinho e pagina\u00e7\u00e3o din\u00e2mica.<\/p>\n<p>A nova API atende a uma s\u00e9rie de requisitos que a tornam uma ferramenta de desenvolvimento moderna, incluindo os seguintes:<\/p>\n<ul>\n<li>Ela oferece suporte a <strong>renderiza\u00e7\u00e3o no lado do servidor<\/strong> e a <strong>HTML hidratado pelo cliente<\/strong>.<\/li>\n<li>Funciona bem com PHP e com o sistema de blocos atual.<\/li>\n<li>\u00c9 compat\u00edvel com as vers\u00f5es anteriores dos hooks do WordPress e bibliotecas JavaScript existentes.<\/li>\n<li>Segue uma <strong>abordagem declarativa<\/strong> em vez de uma abordagem imperativa.<\/li>\n<li>Tem desempenho e \u00e9 extens\u00edvel.<\/li>\n<li>\u00c9 <strong>at\u00f4mica e compon\u00edvel<\/strong>: Cada diretiva controla uma pequena parte do DOM, e v\u00e1rias diretivas podem ser combinadas para criar aplicativos complexos.<\/li>\n<li>\u00c9 compat\u00edvel com as ferramentas de desenvolvimento do WordPress existentes.<\/li>\n<\/ul>\n<p>Conforme mencionado acima, a API de interatividade \u00e9 baseada em diretivas, que s\u00e3o atributos HTML especiais que permitem que voc\u00ea anexe um comportamento espec\u00edfico aos elementos do DOM. Aqui est\u00e1 um exemplo de um bloco interativo:<\/p>\n<pre><code class=\"language-html\">&lt;div\n\t&lt;?php echo get_block_wrapper_attributes(); ?&gt;\n\tdata-wp-interactive='{ \"namespace\": \"create-block\" }'\n\tdata-wp-context='{ \"isOpen\": false }'\n\tdata-wp-watch=\"callbacks.logIsOpen\"\n&gt;\n\t&lt;button\n\t\tdata-wp-on--click=\"actions.toggle\"\n\t\tdata-wp-bind--aria-expanded=\"context.isOpen\"\n\t\taria-controls=\"&lt;?php echo esc_attr( $unique_id ); ?&gt;\"\n\t&gt;\n\t\t&lt;?php esc_html_e( 'Toggle', 'inter-block' ); ?&gt;\n\t&lt;\/button&gt;\n\n\t&lt;p\n\t\tid=\"&lt;?php echo esc_attr( $unique_id ); ?&gt;\"\n\t\tdata-wp-bind--hidden=\"!context.isOpen\"\n\t&gt;\n\t\t&lt;?php\n\t\t\tesc_html_e( 'Inter Block - hello from an interactive block!', 'inter-block' );\n\t\t?&gt;\n\t&lt;\/p&gt;\n&lt;\/div&gt;<\/code><\/pre>\n<p>O WordPress processa essas diretivas no servidor e gera a marca\u00e7\u00e3o correspondente.<\/p>\n<h3>Como come\u00e7ar a usar a API de interatividade<\/h3>\n<p>A implementa\u00e7\u00e3o da API de interatividade n\u00e3o afetar\u00e1 o fluxo de trabalho de cria\u00e7\u00e3o de blocos. Voc\u00ea pode criar um plugin que registre um bloco interativo usando o comando <code>@wordpress\/create-block<\/code> e um template interativo espec\u00edfico.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Se voc\u00ea \u00e9 novo no desenvolvimento de blocos de WordPress, n\u00e3o perca os seguintes guias:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/pt\/blog\/blocos-personalizados-gutenberg\/\">Criando blocos personalizados do Gutenberg<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/pt\/blog\/blocos-dinamicos-gutenberg\/\">Como criar blocos din\u00e2micos para o Gutenberg<\/a><\/li>\n<\/ul>\n<p><\/p>\n<\/aside>\n\n<p>Inicie sua ferramenta de linha de comando favorita, navegue at\u00e9 o diret\u00f3rio <strong>plugins<\/strong> e <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/packages-interactivity\/\" target=\"_blank\" rel=\"noopener noreferrer\">execute o seguinte comando<\/a>:<\/p>\n<pre><code class=\"language-bash\">npx @wordpress\/create-block@latest my-interactive-block --template @wordpress\/create-block-interactive-template<\/code><\/pre>\n<p>Isso gera um bloco interativo a partir de um template que usa o campo de metadados <code>viewScriptModule<\/code>. O m\u00f3dulo de script declarado em <code>viewScriptModule<\/code> ser\u00e1 enfileirado quando um bloco for renderizado no frontend. (Consulte tamb\u00e9m as notas de desenvolvimento de <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/04\/block-metadata-viewscriptmodule-field-in-6-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">viewScriptModule<\/a> e <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/04\/script-modules-in-6-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Script Modules<\/a>).<\/p>\n<figure id=\"attachment_175888\" aria-describedby=\"caption-attachment-175888\" style=\"width: 1768px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175888 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/03\/wp-65-interactive-block-project.jpg\" alt=\"Um projeto de bloco interativo no Visual Studio Code.\" width=\"1768\" height=\"790\"><figcaption id=\"caption-attachment-175888\" class=\"wp-caption-text\">Um projeto de bloco interativo no Visual Studio Code.<\/figcaption><\/figure>\n<p>Quando o processo de instala\u00e7\u00e3o estiver conclu\u00eddo, voc\u00ea encontrar\u00e1 um novo plugin no painel WordPress. Ative-o e, em seguida, volte para a linha de comando, navegue at\u00e9 o diret\u00f3rio do novo plugin e inicie o servi\u00e7o:<\/p>\n<pre><code class=\"language-bash\">cd my-interactive-block && npm start<\/code><\/pre>\n<p>Agora, crie um novo artigo ou p\u00e1gina, abra o inseridor de blocos e role para baixo at\u00e9 a se\u00e7\u00e3o Widgets. L\u00e1 voc\u00ea encontrar\u00e1 um novo bloco chamado <strong>Meu bloco interativo<\/strong>, que pode ser usado como template para novas cria\u00e7\u00f5es interessantes e interativas:<\/p>\n<figure id=\"attachment_175639\" aria-describedby=\"caption-attachment-175639\" style=\"width: 1620px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175639 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-my-interactive-block.png\" alt=\"Um bloco de desenvolvimento interativo.\" width=\"1620\" height=\"976\"><figcaption id=\"caption-attachment-175639\" class=\"wp-caption-text\">Um bloco de desenvolvimento interativo.<\/figcaption><\/figure>\n<p>Adicione o bloco ao seu conte\u00fado e salve o artigo. A visualiza\u00e7\u00e3o do artigo mostrar\u00e1 um bot\u00e3o de altern\u00e2ncia para ocultar\/exibir um texto de amostra. E \u00e9 isso. Agora voc\u00ea pode come\u00e7ar a criar blocos interativos.<\/p>\n<p>Voc\u00ea pode ler mais sobre <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/30\/proposal-the-interactivity-api-a-better-developer-experience-in-building-interactive-blocks\/#how-to-create-interactive-blocks\" target=\"_blank\" rel=\"noopener noreferrer\">como criar blocos interativos usando a API de interatividade<\/a> no blog WordPress Core, na <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/interactivity\/docs\" target=\"_blank\" rel=\"noopener noreferrer\">documenta\u00e7\u00e3o<\/a> do GitHub e na <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/04\/interactivity-api-dev-note\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota de desenvolvimento da API de interatividade<\/a>.<\/p>\n<p>Um \u00f3timo exemplo da API de interatividade em funcionamento \u00e9 o site de demonstra\u00e7\u00e3o <a href=\"https:\/\/wpmovies.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">wpmovies.dev<\/a>.<\/p>\n<h2>Novas ferramentas de design<\/h2>\n<p>O WordPress 6.5 tamb\u00e9m apresenta novas ferramentas de design que permitem que voc\u00ea personalize ainda mais seu design sem depender de c\u00f3digo CSS personalizado.<\/p>\n<h3>Suporte a tamanho e repeti\u00e7\u00e3o de imagem de fundo para o bloco Grupo<\/h3>\n<p>O bloco Grupo agora oferece suporte a <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57005\" target=\"_blank\" rel=\"noopener noreferrer\">recursos de tamanho e repeti\u00e7\u00e3o<\/a> para imagens de fundo. Isso tamb\u00e9m permite que voc\u00ea defina o tamanho da imagem de fundo para cobrir ou conter, mantendo a mesma propor\u00e7\u00e3o.<\/p>\n<figure id=\"attachment_175596\" aria-describedby=\"caption-attachment-175596\" style=\"width: 2112px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175596 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-background-image-size.jpg\" alt=\"Controle do tamanho da imagem de fundo para um bloco Grupo.\" width=\"2112\" height=\"1162\"><figcaption id=\"caption-attachment-175596\" class=\"wp-caption-text\">Controle do tamanho da imagem de fundo para um bloco Grupo.<\/figcaption><\/figure>\n<p>Al\u00e9m disso, quando voc\u00ea define o <strong>tamanho do plano de fundo<\/strong> como <strong>Fixo<\/strong>, um bot\u00e3o <strong>Repetir <\/strong>\u00e9 exibido para permitir que voc\u00ea ative ou desative a repeti\u00e7\u00e3o do plano de fundo.<\/p>\n<h3>Suporte a tamanho proporcional para o bloco Cobertura<\/h3>\n<p>O bloco Cobertura recebeu <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56897\" target=\"_blank\" rel=\"noopener noreferrer\">suporte a tamanho proporcional<\/a>. Voc\u00ea pode controlar a propor\u00e7\u00e3o do aspecto do bloco de forma global na interface Estilo Global ou ajust\u00e1-la individualmente no seu conte\u00fado.<\/p>\n<figure id=\"attachment_175597\" aria-describedby=\"caption-attachment-175597\" style=\"width: 2140px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175597 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-aspect-ration-control.jpg\" alt=\"O controle de propor\u00e7\u00e3o de aspecto do bloco Cobertura.\" width=\"2140\" height=\"1242\"><figcaption id=\"caption-attachment-175597\" class=\"wp-caption-text\">O controle de propor\u00e7\u00e3o de aspecto do bloco Cobertura.<\/figcaption><\/figure>\n<h3>Suporte de sombra para mais blocos<\/h3>\n<p>At\u00e9 agora, o bloco Bot\u00e3o era o \u00fanico bloco com suporte a sombras. O WordPress 5.6 adiciona <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/57103\" target=\"_blank\" rel=\"noopener noreferrer\">suporte a sombra<\/a> aos blocos Colunas, Coluna e Imagem.<\/p>\n<p>Voc\u00ea pode adicionar sombras a esses blocos na aba Estilos do bloco nas configura\u00e7\u00f5es do bloco.<\/p>\n<figure id=\"attachment_175598\" aria-describedby=\"caption-attachment-175598\" style=\"width: 2016px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175598 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-drop-shadow.jpg\" alt=\"O bloco Imagem agora suporta sombra.\" width=\"2016\" height=\"994\"><figcaption id=\"caption-attachment-175598\" class=\"wp-caption-text\">O bloco Imagem agora suporta sombra.<\/figcaption><\/figure>\n<h2>Atualiza\u00e7\u00f5es no editor de site<\/h2>\n<p>V\u00e1rios aprimoramentos no editor de site devem melhorar significativamente sua experi\u00eancia de edi\u00e7\u00e3o e otimizar seu fluxo de trabalho.<\/p>\n<h3>Aprimoramentos na Exibi\u00e7\u00e3o em lista<\/h3>\n<p>A Exibi\u00e7\u00e3o em lista \u00e9 um elemento central do fluxo de trabalho de design, e o WordPress 6.5 apresenta v\u00e1rios aprimoramentos.<\/p>\n<p>Primeiro, agora voc\u00ea pode <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50273\" target=\"_blank\" rel=\"noopener noreferrer\">clicar com o bot\u00e3o direito do mouse na Exibi\u00e7\u00e3o em lista<\/a>\u00a0para acessar o menu suspenso de configura\u00e7\u00f5es de bloco. Esse \u00e9 um aprimoramento pequeno, mas \u00fatil, que deve agilizar seu processo de cria\u00e7\u00e3o, pois facilita o acesso \u00e0s configura\u00e7\u00f5es de bloco na Exibi\u00e7\u00e3o em lista.<\/p>\n<p>Um segundo aprimoramento permite que voc\u00ea <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/25\/whats-new-in-gutenberg-16-9-25-october-2\/#rename-almost-all-blocks-from-the-editor\" target=\"_blank\" rel=\"noopener noreferrer\">renomeie quase todos os blocos<\/a> na Exibi\u00e7\u00e3o em lista, exceto os seguintes blocos:<\/p>\n<ul>\n<li>core\/block<\/li>\n<li>core\/template-part<\/li>\n<li>core\/pattern<\/li>\n<li>core\/navigation<\/li>\n<\/ul>\n<p>A Visualiza\u00e7\u00e3o de lista tamb\u00e9m foi aprimorada com um atalho de teclado. Agora voc\u00ea pode <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/54899\" target=\"_blank\" rel=\"noopener noreferrer\">selecionar todos os blocos<\/a> na Exibi\u00e7\u00e3o em lista clicando em <strong>CTRL + A<\/strong> no Windows e em <strong>CMD + A<\/strong> no Mac. Isso permite que voc\u00ea execute a\u00e7\u00f5es em massa com facilidade.<\/p>\n<h3>Duplicar e renomear padr\u00f5es<\/h3>\n<p>Os padr\u00f5es fornecidos pelos temas n\u00e3o s\u00e3o edit\u00e1veis, portanto voc\u00ea n\u00e3o pode us\u00e1-los para criar seus pr\u00f3prios padr\u00f5es ou simplesmente alterar algo no padr\u00e3o. O WordPress 6.5 adiciona um <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/25\/whats-new-in-gutenberg-16-9-25-october-2\/#duplicate-and-rename-patterns-and-more\" target=\"_blank\" rel=\"noopener noreferrer\">recurso pequeno, mas \u00fatil<\/a>\u00a0que permite <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/55292\" target=\"_blank\" rel=\"noopener noreferrer\">duplicar<\/a> e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/55188\" target=\"_blank\" rel=\"noopener noreferrer\">renomear<\/a> padr\u00f5es, possibilitando que voc\u00ea altere as configura\u00e7\u00f5es de sincroniza\u00e7\u00e3o e modifique os padr\u00f5es conforme necess\u00e1rio.<\/p>\n<figure id=\"attachment_175698\" aria-describedby=\"caption-attachment-175698\" style=\"width: 1808px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175698 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-rename-delete-patterns.jpg\" alt=\"Agora \u00e9 poss\u00edvel renomear e excluir padr\u00f5es.\" width=\"1808\" height=\"1224\"><figcaption id=\"caption-attachment-175698\" class=\"wp-caption-text\">Agora \u00e9 poss\u00edvel renomear e excluir padr\u00f5es.<\/figcaption><\/figure>\n<p>Al\u00e9m disso, duas novas categorias de padr\u00f5es foram adicionadas: <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/55236\" target=\"_blank\" rel=\"noopener noreferrer\">\u00c1udio e V\u00eddeo<\/a>.<\/p>\n<figure id=\"attachment_175699\" aria-describedby=\"caption-attachment-175699\" style=\"width: 2146px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175699 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-pattern-categories.jpg\" alt=\"O painel Categorias de padr\u00f5es no WordPress 6.5.\" width=\"2146\" height=\"932\"><figcaption id=\"caption-attachment-175699\" class=\"wp-caption-text\">O painel Categorias de padr\u00f5es no WordPress 6.5.<\/figcaption><\/figure>\n<h3>Um painel Prefer\u00eancias aprimorado<\/h3>\n<p>Com o WordPress 6.5, o painel <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/56510\">Prefer\u00eancias foi atualizado<\/a> e as configura\u00e7\u00f5es existentes foram reorganizadas. As <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56481\" target=\"_blank\" rel=\"noopener noreferrer\">principais altera\u00e7\u00f5es<\/a> incluem:<\/p>\n<ul>\n<li>Novos pain\u00e9is &#8220;Apar\u00eancia&#8221; e &#8220;Acessibilidade&#8221;.<\/li>\n<li>Uma nova configura\u00e7\u00e3o <strong>Barra de ferramentas superior<\/strong> em <strong>Apar\u00eancia<\/strong>.<\/li>\n<\/ul>\n<p>Ao ativar a <strong>Barra de ferramentas superior<\/strong>, voc\u00ea move todas as ferramentas de bloco e documento para uma \u00fanica barra de ferramentas na parte superior do editor.<\/p>\n<figure id=\"attachment_175700\" aria-describedby=\"caption-attachment-175700\" style=\"width: 1948px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175700 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-preferences.jpg\" alt=\"A interface Prefer\u00eancias renovada com a barra de ferramentas superior ativada.\" width=\"1948\" height=\"872\"><figcaption id=\"caption-attachment-175700\" class=\"wp-caption-text\">A interface Prefer\u00eancias renovada com a barra de ferramentas superior ativada.<\/figcaption><\/figure>\n<h3>Bloqueio da barra de ferramentas em modo livre de distra\u00e7\u00f5es<\/h3>\n<p>Antes do WordPress 6.5, n\u00e3o era poss\u00edvel acessar a barra de ferramentas de blocos no modo sem distra\u00e7\u00f5es, e voc\u00ea era obrigado a ativ\u00e1-la e desativ\u00e1-la em cada altera\u00e7\u00e3o. A partir do WordPress 6.5, ao mover o cursor sobre a \u00e1rea superior do editor, voc\u00ea <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56295\" target=\"_blank\" rel=\"noopener noreferrer\">ver\u00e1 a barra de ferramentas de bloco<\/a>\u00a0para suas personaliza\u00e7\u00f5es.<\/p>\n<figure id=\"attachment_175701\" aria-describedby=\"caption-attachment-175701\" style=\"width: 2386px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175701 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-block-toolbar-distraction-free-mode.jpg\" alt=\"A barra de ferramentas de bloco no modo sem distra\u00e7\u00f5es.\" width=\"2386\" height=\"856\"><figcaption id=\"caption-attachment-175701\" class=\"wp-caption-text\">A barra de ferramentas de bloco no modo sem distra\u00e7\u00f5es.<\/figcaption><\/figure>\n<h3>Componente LinkControl aprimorado<\/h3>\n<p>O LinkControl foi aprimorado e agora \u00e9 mais f\u00e1cil adicionar links. A imagem a seguir mostra o novo painel que aparece quando voc\u00ea clica em um link para editar.<\/p>\n<figure id=\"attachment_175763\" aria-describedby=\"caption-attachment-175763\" style=\"width: 1276px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175763 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-edit-link.jpg\" alt=\"Editando um link no WordPress 6.5.\" width=\"1276\" height=\"804\"><figcaption id=\"caption-attachment-175763\" class=\"wp-caption-text\">Editando um link no WordPress 6.5.<\/figcaption><\/figure>\n<p>Para obter uma lista completa das mudan\u00e7as no componente <code>LinkControl<\/code>, consulte PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/50891\" target=\"_blank\" rel=\"noopener noreferrer\">#50891<\/a>.<\/p>\n<h3>Melhorias no recurso Arrastar e soltar<\/h3>\n<p>O recurso Arrastar e soltar foi aprimorado em v\u00e1rias \u00e1reas do editor.<\/p>\n<p>Na Exibi\u00e7\u00e3o em lista:<\/p>\n<ul>\n<li>Quando voc\u00ea solta um bloco em um bloco recolhido, o bloco recolhido se expande.<\/li>\n<li>Um cursor de arraste aparece quando voc\u00ea est\u00e1 arrastando elementos.<\/li>\n<\/ul>\n<p>Na tela do editor:<\/p>\n<ul>\n<li>Agora voc\u00ea pode arrastar e soltar elementos no in\u00edcio ou no final do seu conte\u00fado.<\/li>\n<li>O recurso de arrastar e soltar elementos entre blocos de cont\u00eaineres irm\u00e3os foi aprimorado.<\/li>\n<li>Tamb\u00e9m \u00e9 poss\u00edvel arrastar blocos em partes de templates.<\/li>\n<li>Uma nova indica\u00e7\u00e3o visual agora informa que um bloco n\u00e3o pode ser arrastado.<\/li>\n<li>Voc\u00ea pode arrastar e soltar elementos no in\u00edcio ou no final de um documento.<\/li>\n<li>Voc\u00ea pode criar linhas ou galerias simplesmente arrastando e soltando blocos pr\u00f3ximos a outros blocos. Por exemplo, adicionar uma imagem ao lado de outra imagem converter\u00e1 o bloco Imagem existente em um bloco Galeria.<\/li>\n<\/ul>\n<figure id=\"attachment_175764\" aria-describedby=\"caption-attachment-175764\" style=\"width: 1995px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175764 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-drag-and-drop.jpg\" alt=\"Arrastando e soltando uma imagem perto de um bloco Imagem.\" width=\"1995\" height=\"894\"><figcaption id=\"caption-attachment-175764\" class=\"wp-caption-text\">Arrastando e soltando uma imagem perto de um bloco Imagem.<\/figcaption><\/figure>\n<figure id=\"attachment_175765\" aria-describedby=\"caption-attachment-175765\" style=\"width: 1995px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175765 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-gallery.jpg\" alt=\"Agora voc\u00ea pode converter um bloco de imagem em uma galeria arrastando e soltando imagens.\" width=\"1995\" height=\"591\"><figcaption id=\"caption-attachment-175765\" class=\"wp-caption-text\">Agora voc\u00ea pode converter um bloco de imagem em uma galeria arrastando e soltando imagens.<\/figcaption><\/figure>\n<p>Para obter uma lista mais abrangente de aprimoramentos em arrastar e soltar, consulte <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/33683\" target=\"_blank\" rel=\"noopener noreferrer\">Block drag and drop tracking issue<\/a>.<\/p>\n<h2>Mudan\u00e7as e aprimoramentos adicionais<\/h2>\n<p>Mas, espere, isso n\u00e3o \u00e9 tudo! O WordPress 6.5 tamb\u00e9m traz v\u00e1rias outras mudan\u00e7as e aprimoramentos que vale a pena mencionar.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"-1\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Ferramentas de apar\u00eancia para temas cl\u00e1ssicos<\/h3>\n<p>Os temas cl\u00e1ssicos tamb\u00e9m podem tirar proveito de alguns dos recursos de design introduzidos no editor de site, mesmo sem usar o <strong>theme.json<\/strong>. <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/60118\" target=\"_blank\" rel=\"noopener noreferrer\">Come\u00e7ando com o WordPress 6.5<\/a>, se voc\u00ea optar pelo suporte ao tema <code>appearanceTool<\/code>, poder\u00e1 incluir os seguintes recursos de design:<\/p>\n<ul>\n<li>Borda<\/li>\n<li>Cor<\/li>\n<li>Espa\u00e7amento<\/li>\n<li>Tipografia<\/li>\n<\/ul>\n<p>Isso pode dar aos usu\u00e1rios de temas cl\u00e1ssicos uma pr\u00e9via dos recursos do editor de site e simplificar a transi\u00e7\u00e3o dos temas cl\u00e1ssicos para os de blocos.<\/p>\n<figure id=\"attachment_175870\" aria-describedby=\"caption-attachment-175870\" style=\"width: 1676px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175870 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-appearance-tools-in-tt1-theme.jpg\" alt=\"Ferramentas de apar\u00eancia no WordPress 6.5 com o tema Twenty Twenty-One.\" width=\"1676\" height=\"1412\"><figcaption id=\"caption-attachment-175870\" class=\"wp-caption-text\">Ferramentas de apar\u00eancia no WordPress 6.5 com o tema Twenty Twenty-One.<\/figcaption><\/figure>\n<h3>Suporte a AVIF<\/h3>\n<p>O WordPress 6.5 tamb\u00e9m <a href=\"https:\/\/make.wordpress.org\/core\/2024\/02\/23\/wordpress-6-5-adds-avif-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">introduz suporte<\/a> ao <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Media\/Formats\/Image_types#avif_image\" target=\"_blank\" rel=\"noopener noreferrer\">formato de imagem AVIF<\/a>, caracterizado por um algoritmo de compacta\u00e7\u00e3o avan\u00e7ado que permite uma qualidade de imagem superior em uma taxa de compacta\u00e7\u00e3o elevada. Consequentemente, o AVIF produz arquivos de imagem menores em compara\u00e7\u00e3o com os formatos convencionais, incluindo o <a href=\"https:\/\/kinsta.com\/pt\/blog\/webp\/\">formato WebP<\/a>.<\/p>\n<p>Agora os usu\u00e1rios podem fazer upload de arquivos AVIF sem problemas por meio da <a href=\"https:\/\/kinsta.com\/pt\/blog\/biblioteca-midia-wordpress\/\">biblioteca de m\u00eddia do WordPress<\/a> da mesma forma que outros formatos de imagem. No entanto, verifique a compatibilidade com o formato de arquivo AVIF em sua plataforma de hospedagem.<\/p>\n<figure id=\"attachment_175871\" aria-describedby=\"caption-attachment-175871\" style=\"width: 2468px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175871 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/can-i-use-avif.jpg\" alt=\"Suporte do navegador ao formato de imagem AVIF\" width=\"2468\" height=\"1034\"><figcaption id=\"caption-attachment-175871\" class=\"wp-caption-text\">Suporte do navegador ao formato de imagem AVIF (Fonte: <a href=\"https:\/\/caniuse.com\/avif\">Can I Use<\/a>).<\/figcaption><\/figure>\n<p>Voc\u00ea pode verificar se o seu provedor de hospedagem suporta o formato de imagem AVIF na tela Site Health da sua instala\u00e7\u00e3o do WordPress, clicando na aba <strong>Info<\/strong> e expandindo a se\u00e7\u00e3o <strong>Media Handling<\/strong>.<\/p>\n<h3>Depend\u00eancias de plugin<\/h3>\n<p>Alguns plugins adicionam novos recursos a outros plugins como extens\u00f5es\/complementos. Para que esses plugins funcionem, primeiro voc\u00ea precisa instalar e ativar suas depend\u00eancias \u2014 os plugins dos quais eles dependem.<\/p>\n<p>Desde o WordPress 6.5, os desenvolvedores de plugins podem usar um novo cabe\u00e7alho de plugin &#8220;Requires Plugins&#8221; (plugins necess\u00e1rios). Esse cabe\u00e7alho desbloqueia um recurso avan\u00e7ado que simplifica o processo de instala\u00e7\u00e3o e ativa\u00e7\u00e3o de depend\u00eancias. Ele cont\u00e9m uma lista de slugs separados por v\u00edrgulas das depend\u00eancias necess\u00e1rias para que um plugin dependente funcione.<\/p>\n<p>Isso fornece informa\u00e7\u00f5es ao usu\u00e1rio do plugin com links para o Reposit\u00f3rio de Plugins do WordPress.org para instalar e ativar as depend\u00eancias.<\/p>\n<p>Al\u00e9m disso, o plugin de depend\u00eancia fornece um detalhe &#8220;Required by&#8221; (necess\u00e1rio para) que lista os plugins dependentes que precisam dele para funcionar. Voc\u00ea tamb\u00e9m notar\u00e1 que n\u00e3o tem permiss\u00e3o para excluir o plugin de depend\u00eancia, a menos que exclua o plugin dependente.<\/p>\n<figure id=\"attachment_175872\" aria-describedby=\"caption-attachment-175872\" style=\"width: 1946px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175872 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-required-plugin.jpg\" alt=\"Plugins necess\u00e1rios no WordPress 6.5.\" width=\"1946\" height=\"1006\"><figcaption id=\"caption-attachment-175872\" class=\"wp-caption-text\">Plugins necess\u00e1rios no WordPress 6.5.<\/figcaption><\/figure>\n<p>O WordPress 6.5 tamb\u00e9m apresenta um novo filtro <code>wp_plugin_dependencies_slug<\/code> que permite que voc\u00ea filtre slugs de depend\u00eancia de forma program\u00e1tica.<\/p>\n<p>Consulte a <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/05\/introducing-plugin-dependencies-in-wordpress-6-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota do desenvolvedor sobre depend\u00eancias de plugins<\/a> para uma discuss\u00e3o mais detalhada.<\/p>\n<h3>Atualiza\u00e7\u00f5es da API HTML<\/h3>\n<p>Com o WordPress 6.5, o Processador de Tag da API HTML recebeu v\u00e1rios aprimoramentos, e agora <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/60170\" target=\"_blank\" rel=\"noopener noreferrer\">escaneia todo tipo de token de sintaxe<\/a>, incluindo tokens de tag e n\u00e3o tag, coment\u00e1rios, defini\u00e7\u00f5es de doctype e n\u00f3s de texto.<\/p>\n<p>Isso permite alterar o texto contido nos limites do token, conhecido como <strong>texto modific\u00e1vel<\/strong>, sem afetar a estrutura de um documento.<\/p>\n<p>O texto modific\u00e1vel \u00e9 o conte\u00fado inteiro de um n\u00f3 de texto, o conte\u00fado de um coment\u00e1rio HTML ou o conte\u00fado entre as tags de abertura e fechamento de elementos especiais, como os elementos <code>script<\/code> ou <code>style<\/code>.<\/p>\n<p>V\u00e1rios novos m\u00e9todos foram introduzidos:<\/p>\n<ul>\n<li><code>next_token()<\/code> \u2014 passa para o pr\u00f3ximo token no documento<\/li>\n<li><code>get_token_type()<\/code> \u2014 obt\u00e9m o tipo de token encontrado<\/li>\n<li><code>get_token_name()<\/code> \u2014 obt\u00e9m o nome de um token<\/li>\n<li><code>get_modifiable_text()<\/code> \u2014 retorna o conte\u00fado de texto decodificado corretamente para um determinado token<\/li>\n<li><code>get_comment_type()<\/code> \u2014 obt\u00e9m o tipo de coment\u00e1rio<\/li>\n<li><code>paused_at_incomplete_token()<\/code> \u2014 retorna true se o Processador de Tag chegar ao final de um documento truncado no meio de um token.<\/li>\n<\/ul>\n<p>Para obter uma vis\u00e3o geral mais ampla, consulte a nota de desenvolvimento <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/04\/updates-to-the-html-api-in-6-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Atualiza\u00e7\u00f5es da API HTML na vers\u00e3o 6.5<\/a>.<\/p>\n<h3>Unifica\u00e7\u00e3o do editor de sites e artigos<\/h3>\n<p>No WordPress 6.5, os editores recebem <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/52632\" target=\"_blank\" rel=\"noopener noreferrer\">v\u00e1rias atualiza\u00e7\u00f5es<\/a> destinadas a <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/05\/unification-of-the-site-and-post-editors-in-6-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">unificar a interface do usu\u00e1rio e o comportamento<\/a>.<\/p>\n<p>V\u00e1rios pain\u00e9is da barra lateral foram movidos do pacote edit-post para o pacote <code>@wordpress\/editor<\/code> para trazer as funcionalidades correspondentes para o Editor de site:<\/p>\n<ul>\n<li>Atributos da p\u00e1gina (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57151\" target=\"_blank\" rel=\"noopener noreferrer\">#57151<\/a>)<\/li>\n<li>Taxonomia do artigo (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57049\" target=\"_blank\" rel=\"noopener noreferrer\">#57049<\/a>)<\/li>\n<li>Adicionado o link Exibir ao editor de site para tipos de artigo (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57153\" target=\"_blank\" rel=\"noopener noreferrer\">#57153<\/a>)<\/li>\n<li>Adicionado o painel Discuss\u00e3o \u00e0 barra lateral do editor de site para os tipos de artigo que o suportam (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57150\" target=\"_blank\" rel=\"noopener noreferrer\">#57150<\/a>)<\/li>\n<li>Adicionado o painel de imagens em destaque (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57053\" target=\"_blank\" rel=\"noopener noreferrer\">#57053<\/a>)<\/li>\n<li>Adicionado o painel de revis\u00e3o ao editor de site (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57010\" target=\"_blank\" rel=\"noopener noreferrer\">#57010<\/a>)<\/li>\n<\/ul>\n<p>Outra mudan\u00e7a permite que voc\u00ea visualize o template ao editar uma p\u00e1gina no Editor de Artigos, como j\u00e1 era poss\u00edvel no Editor de Site, e voc\u00ea pode <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/52674\" target=\"_blank\" rel=\"noopener noreferrer\">ativar\/desativar a pr\u00e9-visualiza\u00e7\u00e3o do template<\/a> na barra lateral de Configura\u00e7\u00f5es da p\u00e1gina.<\/p>\n<h3>Aprimoramentos de desempenho<\/h3>\n<p>Mais de 110 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/57935\" target=\"_blank\" rel=\"noopener noreferrer\">aprimoramentos de desempenho<\/a> levaram a um aumento significativo na velocidade e na efici\u00eancia do Editor de Artigos e do Editor de Site. Os tempos de carregamento agora s\u00e3o duas vezes mais r\u00e1pidos do que na vers\u00e3o 6.4, e a velocidade de processamento de entrada \u00e9 quase quatro vezes mais r\u00e1pida. Al\u00e9m disso, a integra\u00e7\u00e3o da biblioteca i18 da <a href=\"https:\/\/make.wordpress.org\/core\/2023\/11\/08\/merging-performant-translations-into-core\/\" target=\"_blank\" rel=\"noopener noreferrer\">Performant Translations<\/a> contribui para <a href=\"https:\/\/make.wordpress.org\/core\/2024\/02\/27\/i18n-improvements-6-5-performant-translations\/\" target=\"_blank\" rel=\"noopener noreferrer\">reduzir o uso da mem\u00f3ria e a sobrecarga do tempo de carregamento<\/a> de sites traduzidos.<\/p>\n<h3>Melhorias na acessibilidade<\/h3>\n<p>Com o lan\u00e7amento do WordPress 6.5, mais de 65 atualiza\u00e7\u00f5es ser\u00e3o incorporadas ao n\u00facleo para melhorar a acessibilidade em todo o painel de controle. Essas melhorias incluem <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/51870\" target=\"_blank\" rel=\"noopener noreferrer\">estilo de foco<\/a>, <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/60140\" target=\"_blank\" rel=\"noopener noreferrer\">taxa de contraste<\/a>, <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/32728\" target=\"_blank\" rel=\"noopener noreferrer\">ordena\u00e7\u00e3o do menu do Personalizador<\/a> e muito mais.<\/p>\n<h3>Atualiza\u00e7\u00f5es dos Hooks de Blocos<\/h3>\n<p>Introduzidos pela primeira vez no WordPress 6.4, os <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-4\/#block-hooks\">Hooks de Blocos<\/a> permitem colocar automaticamente um bloco em uma posi\u00e7\u00e3o espec\u00edfica quando outro bloco \u00e9 adicionado ao conte\u00fado.<\/p>\n<p>Os Hooks de Blocos estavam dispon\u00edveis anteriormente para templates, partes de templates e padr\u00f5es que n\u00e3o tivessem nenhuma modifica\u00e7\u00e3o do usu\u00e1rio. Agora, eles tamb\u00e9m podem ser usados com layouts modificados.<\/p>\n<p>Antes do WordPress 6.5, um bloco com hook s\u00f3 podia ser adicionado antes ou depois do Bloco de Navega\u00e7\u00e3o. Com essa itera\u00e7\u00e3o, esses blocos tamb\u00e9m podem ser adicionados a um Bloco de Navega\u00e7\u00e3o como o primeiro ou \u00faltimo child.<\/p>\n<p>Al\u00e9m disso, essa itera\u00e7\u00e3o introduz os novos filtros <code>hooked_block<\/code> e <code>hooked_block_{$hooked_block_type}<\/code>.<\/p>\n<p>Para obter uma vis\u00e3o geral mais detalhada e exemplos de uso, consulte a <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/04\/updates-to-block-hooks-in-6-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota do desenvolvedor<\/a> sobre as atualiza\u00e7\u00f5es dos Hooks de Blocos.<\/p>\n<h2>Resumo<\/h2>\n<p>O WordPress 6.5 traz in\u00fameras mudan\u00e7as que v\u00e3o te deixar feliz no que diz respeito \u00e0 constru\u00e7\u00e3o de sites e cria\u00e7\u00e3o de conte\u00fado.<\/p>\n<p>A nova Biblioteca de Fontes do WordPress permite que voc\u00ea gerencie fontes de forma semelhante ao gerenciamento de m\u00eddia na Biblioteca de M\u00eddia, proporcionando maior controle sobre a tipografia. Com o DataViews, voc\u00ea pode renderizar seus conjuntos de dados usando diferentes layouts, filtros e op\u00e7\u00f5es de pesquisa, melhorando a experi\u00eancia geral. Com a API Block Bindings e a API de interatividade, voc\u00ea pode proporcionar uma experi\u00eancia mais din\u00e2mica e personalizada aos usu\u00e1rios do seu site.<\/p>\n<p>Com todas essas atualiza\u00e7\u00f5es interessantes, o WordPress 6.5 \u00e9 um divisor de \u00e1guas.<\/p>\n<p>Voc\u00ea j\u00e1 testou a nova vers\u00e3o do WordPress em seu <a href=\"https:\/\/kinsta.com\/pt\/devkinsta\/caracteristicas\/\">ambiente de desenvolvimento<\/a>? De quais recursos novos voc\u00ea mais gosta no WordPress 6.5? Compartilhe suas ideias na se\u00e7\u00e3o de coment\u00e1rios.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O WordPress 6.5 &#8220;Regina&#8221; foi lan\u00e7ado em 2 de abril, e estamos aqui para mostrar as incr\u00edveis funcionalidades que acompanham essa vers\u00e3o. A ver\u00e3o 6.5 apresenta &#8230;<\/p>\n","protected":false},"author":36,"featured_media":67704,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1038],"class_list":["post-67703","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 6.5 - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Confira nosso panorama detalhado do WordPress 6.5: Biblioteca de Fontes, DataViews, Campos Personalizados, novas APIs e muito mais!\" \/>\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-6-5\/\" \/>\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 6.5: Biblioteca de Fontes, DataViews, Block Bindings, API de Interatividade e Muito Mais!\" \/>\n<meta property=\"og:description\" content=\"Confira nosso panorama detalhado do WordPress 6.5: Biblioteca de Fontes, DataViews, Campos Personalizados, novas APIs e muito mais!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/\" \/>\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=\"2024-03-18T09:55:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-11T08:25:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/Wp-6.5-release.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Confira nosso panorama detalhado do WordPress 6.5: Biblioteca de Fontes, DataViews, Campos Personalizados, novas APIs e muito mais!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/Wp-6.5-release.jpg\" \/>\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=\"29 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-6-5\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"O Que H\u00e1 de Novo no WordPress 6.5: Biblioteca de Fontes, DataViews, Block Bindings, API de Interatividade e Muito Mais!\",\"datePublished\":\"2024-03-18T09:55:41+00:00\",\"dateModified\":\"2024-04-11T08:25:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/\"},\"wordCount\":5364,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/Wp-6.5-release.jpg\",\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/\",\"name\":\"O Que H\u00e1 de Novo no WordPress 6.5 - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/Wp-6.5-release.jpg\",\"datePublished\":\"2024-03-18T09:55:41+00:00\",\"dateModified\":\"2024-04-11T08:25:38+00:00\",\"description\":\"Confira nosso panorama detalhado do WordPress 6.5: Biblioteca de Fontes, DataViews, Campos Personalizados, novas APIs e muito mais!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/Wp-6.5-release.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/Wp-6.5-release.jpg\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/#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 6.5: Biblioteca de Fontes, DataViews, Block Bindings, API de Interatividade 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 6.5 - Kinsta\u00ae","description":"Confira nosso panorama detalhado do WordPress 6.5: Biblioteca de Fontes, DataViews, Campos Personalizados, novas APIs e muito mais!","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-6-5\/","og_locale":"pt_PT","og_type":"article","og_title":"O Que H\u00e1 de Novo no WordPress 6.5: Biblioteca de Fontes, DataViews, Block Bindings, API de Interatividade e Muito Mais!","og_description":"Confira nosso panorama detalhado do WordPress 6.5: Biblioteca de Fontes, DataViews, Campos Personalizados, novas APIs e muito mais!","og_url":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2024-03-18T09:55:41+00:00","article_modified_time":"2024-04-11T08:25:38+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/Wp-6.5-release.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Confira nosso panorama detalhado do WordPress 6.5: Biblioteca de Fontes, DataViews, Campos Personalizados, novas APIs e muito mais!","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/Wp-6.5-release.jpg","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Carlo Daniele","Tempo estimado de leitura":"29 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"O Que H\u00e1 de Novo no WordPress 6.5: Biblioteca de Fontes, DataViews, Block Bindings, API de Interatividade e Muito Mais!","datePublished":"2024-03-18T09:55:41+00:00","dateModified":"2024-04-11T08:25:38+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/"},"wordCount":5364,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/Wp-6.5-release.jpg","inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/","url":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/","name":"O Que H\u00e1 de Novo no WordPress 6.5 - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/Wp-6.5-release.jpg","datePublished":"2024-03-18T09:55:41+00:00","dateModified":"2024-04-11T08:25:38+00:00","description":"Confira nosso panorama detalhado do WordPress 6.5: Biblioteca de Fontes, DataViews, Campos Personalizados, novas APIs e muito mais!","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/Wp-6.5-release.jpg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/Wp-6.5-release.jpg","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-5\/#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 6.5: Biblioteca de Fontes, DataViews, Block Bindings, API de Interatividade 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\/67703","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=67703"}],"version-history":[{"count":10,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/67703\/revisions"}],"predecessor-version":[{"id":67958,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/67703\/revisions\/67958"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67703\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67703\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67703\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67703\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67703\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67703\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67703\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67703\/translations\/es"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67703\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/67704"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=67703"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=67703"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=67703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}