{"id":68867,"date":"2024-07-05T05:15:47","date_gmt":"2024-07-05T08:15:47","guid":{"rendered":"https:\/\/kinqsta.com\/pt\/?p=68867&#038;preview=true&#038;preview_id=68867"},"modified":"2025-03-10T13:58:37","modified_gmt":"2025-03-10T16:58:37","slug":"wordpress-6-6","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/","title":{"rendered":"Novidades no WordPress 6.6: Substitui\u00e7\u00f5es de Padr\u00f5es, API Block Bindings, Data Views, Novas Ferramentas de Design e Muito Mais!"},"content":{"rendered":"<p>O WordPress 6.6 &#8220;Dorsey&#8221; foi lan\u00e7ado.\u00a0<a href=\"https:\/\/wordpress.org\/download\/releases\/6-6\/\">A nova vers\u00e3o<\/a>\u00a0foca em refinar e aprimorar v\u00e1rios recursos introduzidos em vers\u00f5es anteriores. No entanto, muitas adi\u00e7\u00f5es levam o n\u00facleo um passo adiante no caminho da fase 3 do desenvolvimento do WordPress.<\/p>\n<p>Um total de <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/25\/wordpress-6-6-field-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">299 t\u00edquetes do Core Track<\/a> est\u00e3o inclu\u00eddos no WordPress 6.6, juntamente com 392 aprimoramentos, 462 corre\u00e7\u00f5es de bugs e 46 melhorias de acessibilidade no Editor de Blocos.<\/p>\n<p>Entre os muitos novos recursos que vir\u00e3o com o WordPress 6.6, as substitui\u00e7\u00f5es de padr\u00f5es de bloco s\u00e3o as que mais gostamos. Inicialmente planejadas para serem lan\u00e7adas com o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-5\/\">WordPress 6.5<\/a>, mas adiadas para o 6.6, as substitui\u00e7\u00f5es de padr\u00f5es s\u00e3o a segunda implementa\u00e7\u00e3o da <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-5\/#block-bindings-api\">API Block Bindings<\/a> e nos d\u00e3o uma ideia melhor do que est\u00e1 por vir nas futuras vers\u00f5es do WordPress.<\/p>\n<p>Contudo, as substitui\u00e7\u00f5es de padr\u00f5es s\u00e3o apenas um dos muitos acr\u00e9scimos excelentes \u00e0 pr\u00f3xima vers\u00e3o do WordPress. Portanto, vamos come\u00e7ar nossa jornada para descobrir os novos recursos e aprimoramentos mais interessantes que vir\u00e3o com o WordPress 6.6.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Substitui\u00e7\u00f5es de padr\u00f5es sincronizados<\/h2>\n<p>A primeira implementa\u00e7\u00e3o da <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-5\/#block-bindings-api\">API Block Bindings<\/a> foi para <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-5\/#connecting-custom-fields-to-blocks\">conectar atributos de blocos e campos personalizados<\/a>. Com o WordPress 6.6, uma segunda itera\u00e7\u00e3o desbloqueia um aprimoramento dos padr\u00f5es sincronizados chamado <strong>Substitui\u00e7\u00f5es de Padr\u00f5es Sincronizados<\/strong>.<\/p>\n<p>H\u00e1 dois tipos de padr\u00f5es de bloco:<\/p>\n<ul>\n<li>Padr\u00f5es de bloco sincronizados<\/li>\n<li>Padr\u00f5es de bloco standard (n\u00e3o sincronizados)<\/li>\n<\/ul>\n<p>A <a href=\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-bloco-wordpress\/#custom-block-patterns\">diferen\u00e7a entre os dois tipos<\/a> \u00e9 que todas as altera\u00e7\u00f5es feitas em um padr\u00e3o sincronizado se aplicam a todas as ocorr\u00eancias de um padr\u00e3o em todo o site. Por outro lado, as altera\u00e7\u00f5es em um padr\u00e3o de bloco standard afetam apenas uma inst\u00e2ncia espec\u00edfica do padr\u00e3o.<\/p>\n<p>As substitui\u00e7\u00f5es de padr\u00f5es sincronizados est\u00e3o em algum ponto intermedi\u00e1rio entre os dois extremos. Gra\u00e7as \u00e0 API Block Bindings, agora voc\u00ea pode criar <strong>padr\u00f5es de blocos que mant\u00eam a mesma estrutura em todo o site<\/strong> e mudam em sincronia com as personaliza\u00e7\u00f5es feitas na estrutura e no estilo do padr\u00e3o no editor do site. <b>No entanto, voc\u00ea pode alterar o conte\u00fado do padr\u00e3o em uma inst\u00e2ncia individual sem afetar outras inst\u00e2ncias do mesmo padr\u00e3o no site.<\/b><\/p>\n<p>Vamos descobrir como funcionam as Substitui\u00e7\u00f5es de Padr\u00f5es.<\/p>\n<p>Primeiro, voc\u00ea precisa de um padr\u00e3o sincronizado. Voc\u00ea pode cri\u00e1-lo do zero no editor de artigos ou encontrar padr\u00f5es sincronizados existentes na se\u00e7\u00e3o <strong>Padr\u00f5es<\/strong> do editor do site.<\/p>\n<p><strong>Etapa 1<\/strong>: V\u00e1 para <strong>Padr\u00f5es <\/strong>e duplique um dos padr\u00f5es existentes, como o padr\u00e3o <strong>Hero<\/strong> do <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-four\/\">tema padr\u00e3o Twenty Twenty-Four<\/a>. Adicione um nome e defina a c\u00f3pia como <strong>Padr\u00e3o sincronizado<\/strong>.<\/p>\n<figure id=\"attachment_181296\" aria-describedby=\"caption-attachment-181296\" style=\"width: 1842px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181296 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-duplicate-pattern.jpg\" alt=\"Padr\u00e3o duplicado no editor do site.\" width=\"1842\" height=\"1214\"><figcaption id=\"caption-attachment-181296\" class=\"wp-caption-text\">Padr\u00e3o duplicado no editor do site.<\/figcaption><\/figure>\n<p><strong>Etapa 2<\/strong>: Navegue at\u00e9 a se\u00e7\u00e3o <strong>Meus padr\u00f5es<\/strong> e localize o novo padr\u00e3o sincronizado. Abra-o no editor do site e selecione todos os blocos que voc\u00ea precisa substituir individualmente.<\/p>\n<p>V\u00e1 para a barra lateral de configura\u00e7\u00f5es de blocos e role para baixo at\u00e9 a se\u00e7\u00e3o <strong>Avan\u00e7ado<\/strong>. Aqui voc\u00ea encontrar\u00e1 um bot\u00e3o, <strong>Ativar substitui\u00e7\u00f5es<\/strong>.<\/p>\n<figure id=\"attachment_181299\" aria-describedby=\"caption-attachment-181299\" style=\"width: 2270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181299 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-enable-overrides-1.jpg\" alt=\"Habilitar substitui\u00e7\u00f5es de padr\u00e3o.\" width=\"2270\" height=\"1156\"><figcaption id=\"caption-attachment-181299\" class=\"wp-caption-text\">Habilitando substitui\u00e7\u00f5es de padr\u00f5es.<\/figcaption><\/figure>\n<p>Ao clicar no bot\u00e3o, voc\u00ea ser\u00e1 solicitado a adicionar um nome e definir o tipo de padr\u00e3o.<\/p>\n<figure id=\"attachment_181300\" aria-describedby=\"caption-attachment-181300\" style=\"width: 2270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181300 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-overrides-enabled.jpg\" alt=\"Substitui\u00e7\u00f5es ativadas.\" width=\"2270\" height=\"1250\"><figcaption id=\"caption-attachment-181300\" class=\"wp-caption-text\">Substitui\u00e7\u00f5es ativadas.<\/figcaption><\/figure>\n<p><strong>Etapa 3<\/strong>: Repita o mesmo processo para cada bloco que voc\u00ea deseja substituir. Quando terminar, crie um novo artigo ou p\u00e1gina e inclua seu padr\u00e3o personalizado.<\/p>\n<figure id=\"attachment_181338\" aria-describedby=\"caption-attachment-181338\" style=\"width: 2272px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181338 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-insert-override.jpg\" alt=\"Adi\u00e7\u00e3o de um padr\u00e3o \u00e0 tela do editor.\" width=\"2272\" height=\"1238\"><figcaption id=\"caption-attachment-181338\" class=\"wp-caption-text\">Adi\u00e7\u00e3o de um padr\u00e3o \u00e0 tela do editor.<\/figcaption><\/figure>\n<p><strong>Etapa 4<\/strong>: Altere o conte\u00fado dos blocos para substituir e salve o artigo. Por fim, verifique o resultado no frontend.<\/p>\n<figure id=\"attachment_181339\" aria-describedby=\"caption-attachment-181339\" style=\"width: 2270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181339 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-override-added-and-customized.jpg\" alt=\"Um padr\u00e3o de bloco com substitui\u00e7\u00f5es no editor de publica\u00e7\u00f5es.\" width=\"2270\" height=\"1320\"><figcaption id=\"caption-attachment-181339\" class=\"wp-caption-text\">Um padr\u00e3o de bloco com substitui\u00e7\u00f5es no editor de artigos.<\/figcaption><\/figure>\n<p>E voc\u00ea est\u00e1 pronto. Voc\u00ea pode adicionar qualquer n\u00famero desses padr\u00f5es em qualquer lugar do seu site, e cada nova inst\u00e2ncia mostra o mesmo conte\u00fado original, mas est\u00e1 pronta para sua personaliza\u00e7\u00e3o.<\/p>\n<p>Agora vamos verificar o c\u00f3digo desses padr\u00f5es. Navegue de volta para a se\u00e7\u00e3o <strong>Padr\u00f5es<\/strong> do editor do site. Selecione <strong>Meus padr\u00f5es<\/strong> e adicione o seu padr\u00e3o. Em seguida, abra o menu Op\u00e7\u00f5es e selecione Editor de c\u00f3digo para visualizar o c\u00f3digo do padr\u00e3o.<\/p>\n<p>Em nosso exemplo, o c\u00f3digo deve ser parecido com este:<\/p>\n<pre><code class=\"language-html\">&lt;div class=\"wp-block-group\"&gt;\n\t&lt;!-- wp:heading {\n\t\t\"textAlign\":\"center\",\n\t\t\"level\":1,\n\t\t\"metadata\":{\n\t\t\t\"bindings\":{\n\t\t\t\t\"__default\":{\n\t\t\t\t\t\"source\":\"core\/pattern-overrides\"\n\t\t\t\t}\n\t\t\t},\n\t\t\"name\":\"Hero title\"\n\t},\"fontSize\":\"x-large\"} --&gt;\n\t\t&lt;h1 class=\"wp-block-heading has-text-align-center has-x-large-font-size\"&gt;A commitment to innovation and sustainability&lt;\/h1&gt;\n\t&lt;!-- \/wp:heading --&gt;\n\t...\n&lt;\/div&gt;<\/code><\/pre>\n<p>No delimitador de bloco, voc\u00ea notar\u00e1 a propriedade <code>metadata.bindings<\/code>. Isso torna o bloco <strong>Heading<\/strong> edit\u00e1vel. A liga\u00e7\u00e3o <code>__default<\/code> instrui o WordPress a <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/60694\" target=\"_blank\" rel=\"noopener noreferrer\">conectar todos os atributos suportados<\/a> a uma fonte espec\u00edfica, que \u00e9 <code>\"core\/pattern-overrides\"<\/code>.<\/p>\n<p>A mesma propriedade se aplica a todos os blocos que voc\u00ea precisa tornar edit\u00e1veis. Veja, por exemplo, o bloco <strong>Button<\/strong>:<\/p>\n<pre><code class=\"language-html\">&lt;div class=\"wp-block-buttons\"&gt;\n\t&lt;!-- wp:button {\n\t\t\"metadata\":{\n\t\t\t\"bindings\":{\n\t\t\t\t\"__default\":{\n\t\t\t\t\t\"source\":\"core\/pattern-overrides\"\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\"name\":\"Hero button\"\n\t\t\t}\n\t\t} --&gt;\n\t&lt;!-- \/wp:button --&gt;\n\t&lt;div class=\"wp-block-button\"&gt;\n\t\t&lt;a class=\"wp-block-button__link wp-element-button\"&gt;About us&lt;\/a&gt;\n\t&lt;\/div&gt;\n\t...\n&lt;\/div&gt;<\/code><\/pre>\n<p>Agora vamos voltar ao editor de artigos e mudar para o <strong>editor de c\u00f3digo<\/strong>. O c\u00f3digo deve ser semelhante ao seguinte:<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:block {\n\t\"ref\":261,\n\t\"content\":{\n\t\t\"Hero title\":{\n\t\t\t\"content\":\"Managed WordPress Hosting\"\n\t\t},\n\t\t\"Hero body\":{\n\t\t\t\"content\":\"Kinsta is an extension of your business. Fast, secure, feature-rich hosting that makes your work so much easier. Built for WordPress websites and agencies worldwide.\"\n\t\t},\n\t\t\"Hero button\":{\n\t\t\t\"text\":\"Learn more\",\n\t\t\t\"url\":\"https:\/\/kinqsta.com\/wordpress-hosting\/\",\n\t\t\t\"linkTarget\":\"\",\n\t\t\t\"rel\":\"\"\n\t\t},\n\t\t\"Second button\":{\n\t\t\t\"text\":\"View pricing\",\n\t\t\t\"url\":\"https:\/\/kinqsta.com\/pricing\/\",\n\t\t\t\"linkTarget\":\"_blank\",\n\t\t\t\"rel\":\"noreferrer noopener\"\n\t\t},\n\t\t\"Hero image\":{\n\t\t\t\"id\":268,\n\t\t\t\"alt\":\"\",\n\t\t\t\"url\":\"http:\/\/wordpress.kinsta.cloud\/wp-content\/uploads\/2024\/06\/homepage-featured-image.jpg\"\n\t\t}\n\t}\n} \/--&gt;<\/code><\/pre>\n<p>Aqui voc\u00ea n\u00e3o ver\u00e1 nenhum bloco, mas apenas uma refer\u00eancia ao padr\u00e3o de bloco e um conjunto de propriedades para cada bloco definido como edit\u00e1vel.<\/p>\n<p>Novamente, voc\u00ea pode adicionar qualquer n\u00famero de padr\u00f5es de blocos em qualquer lugar do seu site, e esses padr\u00f5es corresponder\u00e3o \u00e0 mesma estrutura e ao mesmo design que voc\u00ea criou no editor do site.<\/p>\n<figure id=\"attachment_181351\" aria-describedby=\"caption-attachment-181351\" style=\"width: 2940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181351 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pattern-overrides-in-site-editor.jpg\" alt=\"Edi\u00e7\u00e3o de estilo e estrutura de padr\u00e3o com substitui\u00e7\u00f5es no editor do site.\" width=\"2940\" height=\"1912\"><figcaption id=\"caption-attachment-181351\" class=\"wp-caption-text\">Edi\u00e7\u00e3o de estilo e estrutura de padr\u00e3o com substitui\u00e7\u00f5es no editor do site.<\/figcaption><\/figure>\n<p>Em seguida, voc\u00ea pode alterar o conte\u00fado dos blocos edit\u00e1veis individualmente, mantendo a mesma estrutura.<\/p>\n<figure id=\"attachment_181352\" aria-describedby=\"caption-attachment-181352\" style=\"width: 2238px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181352 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pattern-overrides-in-front-end.jpg\" alt=\"Um padr\u00e3o com substitui\u00e7\u00f5es no site principal.\" width=\"2238\" height=\"1612\"><figcaption id=\"caption-attachment-181352\" class=\"wp-caption-text\">Um padr\u00e3o com substitui\u00e7\u00f5es no site principal.<\/figcaption><\/figure>\n<p>Como as substitui\u00e7\u00f5es de padr\u00e3o s\u00e3o uma implementa\u00e7\u00e3o da API Block Bindings, podemos substituir apenas os blocos suportados: T\u00edtulo, Par\u00e1grafo, Imagem e Bot\u00f5es.<\/p>\n<figure id=\"attachment_181473\" aria-describedby=\"caption-attachment-181473\" style=\"width: 2470px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181473 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-image-override.jpg\" alt=\"Voc\u00ea pode substituir os atributos de imagem URL, Alt e Title.\" width=\"2470\" height=\"1200\"><figcaption id=\"caption-attachment-181473\" class=\"wp-caption-text\">Voc\u00ea pode substituir os atributos de imagem URL, Alt e Title.<\/figcaption><\/figure>\n<p>Voc\u00ea pode se aprofundar mais nas substitui\u00e7\u00f5es de padr\u00f5es <a href=\"https:\/\/wordpress.tv\/2024\/06\/11\/developer-hours-exploring-synced-pattern-overrides-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">neste v\u00eddeo da WordPress TV<\/a> e <a href=\"https:\/\/developer.wordpress.org\/news\/2024\/06\/18\/an-introduction-to-overrides-in-synced-patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">neste artigo<\/a> no blog de Nick Diego.<\/p>\n<p>As substitui\u00e7\u00f5es de padr\u00f5es est\u00e3o sujeitas a melhorias e adi\u00e7\u00f5es futuras. A discuss\u00e3o continua no GitHub <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/59819\" target=\"_blank\" rel=\"noopener noreferrer\">aqui<\/a> e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/discussions\/57937\" target=\"_blank\" rel=\"noopener noreferrer\">aqui<\/a>.<\/p>\n<h2>Editar valores de campos personalizados a partir de blocos conectados<\/h2>\n<p>O WordPress 6.5 introduziu os campos personalizados como fonte de dados (<code>core\/post-meta<\/code>) para atributos de blocos, permitindo que os usu\u00e1rios conectem valores de campos personalizados a blocos. <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/28\/editing-custom-fields-from-connected-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">O WordPress 6.6 traz novos aprimoramentos<\/a> para esse recurso, como a capacidade de editar valores de campos personalizados <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/61753\" target=\"_blank\" rel=\"noopener noreferrer\">diretamente do bloco conectado<\/a>.<\/p>\n<p>Voc\u00ea pode experimentar esse recurso registrando um novo conjunto de campos personalizados a partir de um plugin ou do <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-functions-php\/\">arquivo functions<\/a>\u00a0do seu tema, certificando-se de definir <code>show_in_rest<\/code> como <code>true<\/code> ao registrar os metadados do artigo. Aqui est\u00e1 um exemplo:<\/p>\n<pre><code class=\"language-php\">register_post_meta( \n\t'post', \n\t'book_title', \n\tarray(\n\t\t'show_in_rest' =&gt; true,\n\t\t'type' =&gt; 'string',\n\t\t'single' =&gt; true,\n\t\t'sanitize_callback' =&gt; 'sanitize_text_field'\n\t)\n);<\/code><\/pre>\n<p>Uma vez feito isso, crie um novo artigo ou p\u00e1gina e adicione um novo campo personalizado com o mesmo nome. Adicione um dos blocos <span style=\"background-color: var(--kmt-sys-color-background-neutral-weak, #f9f5f3);font-weight: var(--kmt-sys-typography-body-font-weight)\" data-darkreader-inline-bgcolor>suportados<\/span><span style=\"background-color: var(--kmt-sys-color-background-neutral-weak, #f9f5f3);font-weight: var(--kmt-sys-typography-body-font-weight)\" data-darkreader-inline-bgcolor>\u00a0(p<\/span><span style=\"font-weight: var(--kmt-sys-typography-body-font-weight);background-color: var(--kmt-sys-color-background-neutral-weak, #f9f5f3)\" data-darkreader-inline-bgcolor>or exemplo, um bloco T\u00edtulo) ao canvas, alterne para o editor de c\u00f3digo e modifique o bloco conforme mostrado abaixo:<\/span><\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:heading \n{\n\t\"metadata\":{\n\t\t\"bindings\":{\n\t\t\t\"content\":{\n\t\t\t\t\"source\":\"core\/post-meta\",\n\t\t\t\t\"args\":{\n\t\t\t\t\t\"key\":\"book_title\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n} --&gt;\n&lt;h2 class=\"wp-block-heading\"&gt;&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;<\/code><\/pre>\n<p>Salve o artigo\/p\u00e1gina e verifique o resultado. Agora voc\u00ea pode editar o conte\u00fado do t\u00edtulo diretamente do bloco. O valor do campo personalizado deve refletir as altera\u00e7\u00f5es que voc\u00ea fez.<\/p>\n<figure id=\"attachment_181887\" aria-describedby=\"caption-attachment-181887\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181887 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-custom-fields.jpg\" alt=\"Edite um campo personalizado a partir do bloco conectado no WordPress 6.6.\" width=\"2154\" height=\"1370\"><figcaption id=\"caption-attachment-181887\" class=\"wp-caption-text\">Edite um campo personalizado a partir do bloco conectado no WordPress 6.6.<\/figcaption><\/figure>\n<p>Al\u00e9m disso, um novo painel agora fornece informa\u00e7\u00f5es sobre os atributos do bloco conectados aos campos personalizados, exibindo os atributos do bloco vinculados aos campos personalizados.<\/p>\n<figure id=\"attachment_181888\" aria-describedby=\"caption-attachment-181888\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181888 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-block-bindings.jpg\" alt=\"Atributos de imagem com v\u00ednculos de bloco no WordPress 6.6.\" width=\"2154\" height=\"1330\"><figcaption id=\"caption-attachment-181888\" class=\"wp-caption-text\">Atributos de imagem com v\u00ednculos de bloco no WordPress 6.6.<\/figcaption><\/figure>\n<p>Esse recurso vem com algumas funcionalidades relacionadas:<\/p>\n<ul>\n<li>Voc\u00ea pode atualizar valores de campos personalizados a partir de um loop de consulta.<\/li>\n<li>Se v\u00e1rios blocos estiverem conectados ao mesmo campo personalizado, eles compartilhar\u00e3o o mesmo valor de campo personalizado e mudar\u00e3o em sincronia com ele.<\/li>\n<li>Os usu\u00e1rios podem editar os campos personalizados somente nos artigos aos quais t\u00eam permiss\u00e3o.<\/li>\n<\/ul>\n<p>Uma \u00faltima observa\u00e7\u00e3o: conforme mencionado anteriormente, os blocos que oferecem suporte \u00e0 API Block Bindings ainda est\u00e3o limitados ao seguinte:<\/p>\n<table>\n<tbody>\n<tr>\n<td><strong>Bloco<\/strong><\/td>\n<td><strong>Atributos<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Imagem<\/td>\n<td><code>url<\/code>, <code>alt<\/code>, <code>title<\/code><\/td>\n<\/tr>\n<tr>\n<td>T\u00edtulo<\/td>\n<td><code>content<\/code><\/td>\n<\/tr>\n<tr>\n<td>Par\u00e1grafo<\/td>\n<td><code>content<\/code><\/td>\n<\/tr>\n<tr>\n<td>Bot\u00e3o<\/td>\n<td><code>url<\/code>,<code>text<\/code>, <code>linkTarget<\/code>, <code>rel<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Aprimoramentos na Data Views<\/h2>\n<p>Introduzida no <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-5\/#dataviews\">WordPress 6.5<\/a>, a Data Views \u00e9 uma interface de usu\u00e1rio aprimorada para cole\u00e7\u00f5es de templates, padr\u00f5es, artigos, m\u00eddia e outros. A nova interface desempenha um papel essencial na fase 3 do script de desenvolvimento \u2014 <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/24\/phase-3-collaboration\/\" target=\"_blank\" rel=\"noopener noreferrer\">Colabora\u00e7\u00e3o<\/a> \u2014 e, como tal, podemos esperar <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/13\/data-views-update-june-2024\/\" target=\"_blank\" rel=\"noopener noreferrer\">mais aprimoramentos<\/a> em futuras vers\u00f5es do WordPress, &#8220;incluindo melhorias no fluxo de trabalho para designar pessoas para revisar artigos ou criar visualiza\u00e7\u00f5es personalizadas para simplificar os processos&#8221;. A partir do WordPress 6.6, a nova interface s\u00f3 existe no Editor do site, mas deve se estender a mais se\u00e7\u00f5es de administra\u00e7\u00e3o em vers\u00f5es futuras.<\/p>\n<p>O WordPress 6.6 apresenta novos layouts para as p\u00e1ginas de gerenciamento. O gerenciamento de partes de templates foi removido e integrado \u00e0 se\u00e7\u00e3o Padr\u00f5es, enquanto o menu <strong>Padr\u00f5es<\/strong> do Editor do site foi reorganizado em duas se\u00e7\u00f5es, com as partes de templates na parte superior e os padr\u00f5es embaixo.<\/p>\n<figure id=\"attachment_181482\" aria-describedby=\"caption-attachment-181482\" style=\"width: 2202px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181482 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-patterns-template-parts.jpg\" alt=\"O novo menu de padr\u00f5es no WordPress 6.6.\" width=\"2202\" height=\"1446\"><figcaption id=\"caption-attachment-181482\" class=\"wp-caption-text\">O novo menu Padr\u00f5es no WordPress 6.6.<\/figcaption><\/figure>\n<p>Para p\u00e1ginas, um novo painel fornece uma lista de p\u00e1ginas e permite que voc\u00ea visualize qualquer p\u00e1gina com um \u00fanico clique.<\/p>\n<figure id=\"attachment_181483\" aria-describedby=\"caption-attachment-181483\" style=\"width: 2516px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181483 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-preview-pages.jpg\" alt=\"Visualizar p\u00e1ginas no WordPress 6.6.\" width=\"2516\" height=\"1448\"><figcaption id=\"caption-attachment-181483\" class=\"wp-caption-text\">Visualiza\u00e7\u00e3o de p\u00e1ginas no WordPress 6.6.<\/figcaption><\/figure>\n<p>Voc\u00ea tamb\u00e9m ver\u00e1 novas op\u00e7\u00f5es de layout dispon\u00edveis no menu <strong>Op\u00e7\u00f5es de visualiza\u00e7\u00e3o<\/strong> (o \u00edcone no canto superior direito).<\/p>\n<figure id=\"attachment_181484\" aria-describedby=\"caption-attachment-181484\" style=\"width: 2204px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181484 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-65-view-options.jpg\" alt=\"Visualiza\u00e7\u00e3o de padr\u00f5es com op\u00e7\u00f5es de visualiza\u00e7\u00e3o no WordPress 6.5.\" width=\"2204\" height=\"1442\"><figcaption id=\"caption-attachment-181484\" class=\"wp-caption-text\">Visualiza\u00e7\u00e3o de padr\u00f5es com as op\u00e7\u00f5es de visualiza\u00e7\u00e3o no WordPress 6.5.<\/figcaption><\/figure>\n<figure id=\"attachment_181485\" aria-describedby=\"caption-attachment-181485\" style=\"width: 2204px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181485 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-view-options.jpg\" alt=\"Visualiza\u00e7\u00e3o de padr\u00f5es com op\u00e7\u00f5es de visualiza\u00e7\u00e3o no WordPress 6.6.\" width=\"2204\" height=\"1442\"><figcaption id=\"caption-attachment-181485\" class=\"wp-caption-text\">Visualiza\u00e7\u00e3o de padr\u00f5es com as op\u00e7\u00f5es de visualiza\u00e7\u00e3o no WordPress 6.6.<\/figcaption><\/figure>\n<p>Junto com essas mudan\u00e7as mais abrangentes, as Data Views s\u00e3o afetadas por outros aprimoramentos menores que melhoram a interface, tornando-a mais funcional e informativa, como um novo recurso de edi\u00e7\u00e3o em massa e um <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/61718\" target=\"_blank\" rel=\"noopener noreferrer\">emblema<\/a> na p\u00e1gina inicial ou na p\u00e1gina Artigos.<\/p>\n<figure id=\"attachment_181846\" aria-describedby=\"caption-attachment-181846\" style=\"width: 2378px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181846 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-data-views-badge.jpg\" alt=\"Um emblema indicando a p\u00e1gina inicial no WordPress 6.6.\" width=\"2378\" height=\"900\"><figcaption id=\"caption-attachment-181846\" class=\"wp-caption-text\">Um emblema indicando a p\u00e1gina inicial no WordPress 6.6.<\/figcaption><\/figure>\n<p>O WordPress 6.6 leva as Data Views um passo adiante, mas ainda estamos em um est\u00e1gio inicial. No futuro, veremos a introdu\u00e7\u00e3o de uma API de extensibilidade para permitir que os desenvolvedores atuem diretamente nas visualiza\u00e7\u00f5es. Para uma an\u00e1lise mais detalhada do futuro das Data Views, confira <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/13\/data-views-update-june-2024\/\" target=\"_blank\" rel=\"noopener noreferrer\">Data Views Update &#8211; June 2024<\/a>, de Anne McCarthy.<\/p>\n<h2>Outras melhorias no Editor de Blocos<\/h2>\n<p>O WordPress 6.6 traz 8 vers\u00f5es do Gutenberg para o n\u00facleo \u2014 da 17.8 \u00e0 18.5 \u2014 com muitas melhorias na interface, na biblioteca React, na API de blocos e muito mais. Aqui est\u00e3o apenas algumas delas:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Um novo fluxo de artigo<\/h3>\n<p>Com a vers\u00e3o 6.6, a barra lateral de configura\u00e7\u00f5es de artigo\/p\u00e1gina foi limpa e ficou mais leve e consistente. Com essa itera\u00e7\u00e3o, o <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/editor-unified-extensibility-apis-in-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">processo de unifica\u00e7\u00e3o entre os editores de artigo e de site<\/a> d\u00e1 um passo \u00e0 frente, e ambos agora t\u00eam o <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/08\/whats-new-in-gutenberg-18-3-8-may\/#add-publish-flow-in-site-editor\" target=\"_blank\" rel=\"noopener noreferrer\">mesmo fluxo de artigo<\/a>.<\/p>\n<figure id=\"attachment_181543\" aria-describedby=\"caption-attachment-181543\" style=\"width: 1300px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181543 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-page-settings-sidebar.jpg\" alt=\"Barra lateral Configura\u00e7\u00f5es de P\u00e1gina no WordPress 6.5 e no 6.6.\" width=\"1300\" height=\"1350\"><figcaption id=\"caption-attachment-181543\" class=\"wp-caption-text\">Barra lateral de configura\u00e7\u00f5es de p\u00e1gina no WordPress 6.5 e no 6.6.<\/figcaption><\/figure>\n<p>A experi\u00eancia de artigo foi padronizada, e um novo painel <strong>Status e visibilidade<\/strong> permite que voc\u00ea defina o status do artigo\/p\u00e1gina em uma posi\u00e7\u00e3o mais conveniente.<\/p>\n<figure id=\"attachment_181544\" aria-describedby=\"caption-attachment-181544\" style=\"width: 1260px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181544 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-status-visibility.png\" alt=\"Configura\u00e7\u00f5es de status e visibilidade no WordPress 6.6.\" width=\"1260\" height=\"1238\"><figcaption id=\"caption-attachment-181544\" class=\"wp-caption-text\">Configura\u00e7\u00f5es de status e visibilidade no WordPress 6.6.<\/figcaption><\/figure>\n<p>Outras altera\u00e7\u00f5es afetam os controles de Imagem em Destaque e Excerto, que foram movidos para a parte superior da barra lateral, e o menu A\u00e7\u00f5es aprimorado no canto superior direito.<\/p>\n<figure id=\"attachment_181847\" aria-describedby=\"caption-attachment-181847\" style=\"width: 1266px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181847 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-featured-image-excerpt.jpg\" alt=\"Controles de imagem em destaque e excerto no editor de publica\u00e7\u00e3o.\" width=\"1266\" height=\"1010\"><figcaption id=\"caption-attachment-181847\" class=\"wp-caption-text\">Controles de Imagem em destaque e Excerto no editor Artigo.<\/figcaption><\/figure>\n<h3>Exibir todos os blocos<\/h3>\n<p>Nas vers\u00f5es anteriores do WordPress, quando voc\u00ea selecionava um bloco, o inseridor de blocos mostrava apenas o bloco que voc\u00ea tinha permiss\u00e3o para adicionar ao bloco selecionado. Por exemplo, com um bloco Coluna selecionado, voc\u00ea s\u00f3 podia ver um bloco Coluna no inseridor de blocos, porque s\u00f3 podia adicionar uma coluna.<\/p>\n<figure id=\"attachment_181539\" aria-describedby=\"caption-attachment-181539\" style=\"width: 2162px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181539 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-65-block-inserter.jpg\" alt=\"O inseridor de blocos mostra apenas um bloco Coluna no WordPress 6.5.\" width=\"2162\" height=\"1460\"><figcaption id=\"caption-attachment-181539\" class=\"wp-caption-text\">No WordPress 6.5, quando voc\u00ea seleciona um bloco Coluna, o inseridor de blocos mostra apenas um bloco Coluna.<\/figcaption><\/figure>\n<p>A partir do WordPress 6.6, o inseridor de blocos mostra dois grupos de blocos: blocos que voc\u00ea pode adicionar ao bloco selecionado e blocos que voc\u00ea pode adicionar abaixo do bloco selecionado.<\/p>\n<figure id=\"attachment_181540\" aria-describedby=\"caption-attachment-181540\" style=\"width: 2156px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181540 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-block-inserter.jpg\" alt=\"O inseridor de blocos mostra dois grupos de blocos no WordPress 6.6.\" width=\"2156\" height=\"1338\"><figcaption id=\"caption-attachment-181540\" class=\"wp-caption-text\">No WordPress 6.6, quando voc\u00ea seleciona um bloco Coluna, o inseridor de blocos mostra dois grupos de blocos.<\/figcaption><\/figure>\n<h3>Atalho de teclado para agrupar blocos<\/h3>\n<p>Agora voc\u00ea pode <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#group-blocks-shortcut\" target=\"_blank\" rel=\"noopener noreferrer\">agrupar uma sele\u00e7\u00e3o de blocos<\/a> com <code>\u2318 + G<\/code> no MacOS ou <code>Ctrl + G<\/code> no Windows.<\/p>\n<h2>Padr\u00f5es de blocos em temas cl\u00e1ssicos<\/h2>\n<p>A partir do WordPress 6.6, os temas cl\u00e1ssicos suportam a mesma interface de padr\u00e3o que os temas de bloco. Portanto, se voc\u00ea usar temas cl\u00e1ssicos em seu site do WordPress, desfrutar\u00e1 a mesma experi\u00eancia rica em gerenciamento de padr\u00f5es que os temas de blocos.<\/p>\n<p>As imagens a seguir comparam a tela Padr\u00f5es no WordPress 6.5 e a se\u00e7\u00e3o de administra\u00e7\u00e3o de Padr\u00f5es no WordPress 6.6.<\/p>\n<figure id=\"attachment_181842\" aria-describedby=\"caption-attachment-181842\" style=\"width: 2156px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181842 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-65-patterns-screen.jpg\" alt=\"Tela de padr\u00f5es no WordPress 6.5 com o tema cl\u00e1ssico Twenty Twenty-One.\" width=\"2156\" height=\"868\"><figcaption id=\"caption-attachment-181842\" class=\"wp-caption-text\">Tela Padr\u00f5es no WordPress 6.5 com o tema cl\u00e1ssico Twenty Twenty-One.<\/figcaption><\/figure>\n<figure id=\"attachment_181845\" aria-describedby=\"caption-attachment-181845\" style=\"width: 2148px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181845 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-patters-admin.jpg\" alt=\"Gerenciamento de padr\u00f5es no WordPress 6.6 com o tema cl\u00e1ssico do Twenty Twenty-One.\" width=\"2148\" height=\"1434\"><figcaption id=\"caption-attachment-181845\" class=\"wp-caption-text\">Gerenciamento de padr\u00f5es no WordPress 6.6 com o tema cl\u00e1ssico do Twenty Twenty-One.<\/figcaption><\/figure>\n<p>Agora voc\u00ea pode editar, duplicar, renomear, exportar como JSON e excluir padr\u00f5es como est\u00e1 acostumado a fazer com os temas de blocos.<\/p>\n<figure id=\"attachment_181844\" aria-describedby=\"caption-attachment-181844\" style=\"width: 2148px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181844 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pattern-actions.jpg\" alt=\"A\u00e7\u00f5es de padr\u00e3o no WordPress 6.6 com o tema cl\u00e1ssico do Twenty Twenty-One.\" width=\"2148\" height=\"1440\"><figcaption id=\"caption-attachment-181844\" class=\"wp-caption-text\">A\u00e7\u00f5es de padr\u00e3o no WordPress 6.6 com o tema cl\u00e1ssico do Twenty Twenty-One.<\/figcaption><\/figure>\n<p>Voc\u00ea pode executar a\u00e7\u00f5es em massa selecionando padr\u00f5es individualmente ou clicando no bot\u00e3o <strong>Edi\u00e7\u00e3o em massa<\/strong>. Tamb\u00e9m pode usar as fun\u00e7\u00f5es de classifica\u00e7\u00e3o e filtragem.<\/p>\n<figure id=\"attachment_181843\" aria-describedby=\"caption-attachment-181843\" style=\"width: 2150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181843 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pasttern-bulk-edit.jpg\" alt=\"A\u00e7\u00f5es em massa em padr\u00f5es no WordPress 6.6 com o tema cl\u00e1ssico Twenty Twenty-One.\" width=\"2150\" height=\"1442\"><figcaption id=\"caption-attachment-181843\" class=\"wp-caption-text\">A\u00e7\u00f5es em massa em padr\u00f5es no WordPress 6.6 com o tema cl\u00e1ssico Twenty Twenty-One.<\/figcaption><\/figure>\n<p>Voc\u00ea tamb\u00e9m pode criar padr\u00f5es como faz em temas de blocos. Clique no bot\u00e3o <strong>Adicionar novo padr\u00e3o<\/strong> no canto superior direito, e voc\u00ea ser\u00e1 solicitado a preencher o formul\u00e1rio com os detalhes do padr\u00e3o.<\/p>\n<figure id=\"attachment_181849\" aria-describedby=\"caption-attachment-181849\" style=\"width: 2150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181849 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-add-new-pattern-classic-themes.jpg\" alt=\"Adicione um novo padr\u00e3o com um tema cl\u00e1ssico no WordPress 6.6.\" width=\"2150\" height=\"1436\"><figcaption id=\"caption-attachment-181849\" class=\"wp-caption-text\">Adicione um novo padr\u00e3o com um tema cl\u00e1ssico no WordPress 6.6.<\/figcaption><\/figure>\n<p>Da\u00ed voc\u00ea pode criar ou editar seu padr\u00e3o no editor do site como de costume.<\/p>\n<figure id=\"attachment_181850\" aria-describedby=\"caption-attachment-181850\" style=\"width: 2158px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181850 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-edit-pattern-classic-themes.jpg\" alt=\"Editando um padr\u00e3o no editor do site com um tema cl\u00e1ssico no WordPress 6.6.\" width=\"2158\" height=\"1112\"><figcaption id=\"caption-attachment-181850\" class=\"wp-caption-text\">Editando um padr\u00e3o no editor do site com um tema cl\u00e1ssico no WordPress 6.6.<\/figcaption><\/figure>\n<p>Essa atualiza\u00e7\u00e3o oferece aos usu\u00e1rios de temas cl\u00e1ssicos mais poder, desbloqueia novos recursos e torna a experi\u00eancia de edi\u00e7\u00e3o mais consistente entre os temas cl\u00e1ssicos e de blocos.<\/p>\n<h2>Novas ferramentas e recursos para designers e desenvolvedores de temas<\/h2>\n<p>O WordPress 6.6 traz muitos recursos e aprimoramentos poderosos para designers e desenvolvedores de temas, e temos o prazer de compartilhar aqui os que mais gostamos. Os designers t\u00eam mais poder para estilizar suas p\u00e1ginas, gra\u00e7as aos estilos de se\u00e7\u00e3o, imagens em segundo plano em todo o site, um nov\u00edssimo editor de sombras e uma varia\u00e7\u00e3o de layout de grade. E outras ferramentas oferecem ainda mais flexibilidade aos autores de temas. Vamos nos aprofundar.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"9\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Theme.json v.3<\/h3>\n<p>O WordPress 6.6 tamb\u00e9m traz uma nova vers\u00e3o do <strong>theme.json<\/strong>, que agora \u00e9 a vers\u00e3o 3. A nova vers\u00e3o altera a maneira de substituir propriedades predefinidas. Agora, para alterar os valores padr\u00e3o de <code>fontSizes<\/code> ou <code>spacingSizes<\/code>, voc\u00ea precisa definir <code>defaultFontSizes<\/code> ou <code>defaultSpacingSizes<\/code> para <code>false<\/code> em <code>settings.typography<\/code> ou <code>settings.spacing<\/code>.<\/p>\n<p>Recapitulando:<\/p>\n<ul>\n<li>Com <code>defaultFontSizes<\/code> ou <code>defaultSpacingSizes<\/code> definido como <code>true<\/code>, os tamanhos de fonte e de espa\u00e7amento padr\u00e3o s\u00e3o mostrados no editor, e os temas n\u00e3o podem criar predefini\u00e7\u00f5es usando os slugs padr\u00e3o. <code>defaultFontSizes<\/code> \u00e9 definido como <code>true<\/code> por padr\u00e3o.<\/li>\n<li>Com <code>defaultFontSizes<\/code> ou <code>defaultSpacingSizes<\/code> definido como <code>false<\/code>, os tamanhos de fonte e de espa\u00e7amento padr\u00e3o n\u00e3o s\u00e3o vis\u00edveis no editor, e os temas podem usar os slugs padr\u00e3o.<\/li>\n<\/ul>\n<p>Consulte a nota do desenvolvedor para obter uma vis\u00e3o mais abrangente do <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/19\/theme-json-version-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">Theme.json vers\u00e3o 3<\/a>.<\/p>\n<h3>Especificidade de CSS no WordPress 6.6<\/h3>\n<p>Com o WordPress 6.6, a especificidade do CSS muda, e agora \u00e9 mais f\u00e1cil substituir os estilos principais, mantendo o suporte para estilos globais.<\/p>\n<p>At\u00e9 a vers\u00e3o 6.6, muitas vezes era dif\u00edcil substituir os estilos principais, e os desenvolvedores de temas precisavam elaborar regras CSS complexas para obter os resultados desejados. No 6.6, os Core Block Styles e os Global Styles (<strong>theme.json<\/strong>) foram modificados ao envolver o seletor existente em <code>:root :where(...)<\/code> para reduzir a especificidade dos estilos principais para <code>0-1-0<\/code> e torn\u00e1-la uniforme para oferecer suporte tamb\u00e9m aos novos estilos de se\u00e7\u00e3o.<\/p>\n<p>Por exemplo, o <code>.wp-block-image.is-style-rounded img<\/code> foi atualizado para <code>:root :where(.wp-block-image.is-style-rounded img)<\/code>.<\/p>\n<p>Os desenvolvedores de blocos que optarem por estilos globais s\u00e3o incentivados a fazer as mesmas altera\u00e7\u00f5es em seus estilos para torn\u00e1-los personaliz\u00e1veis por meio da interface Estilos de forma previs\u00edvel. Portanto, se voc\u00ea tiver um bloco personalizado com o seguinte estilo:<\/p>\n<pre><code class=\"language-css\">.wp-block-custom-block {\n\tpadding: 0;\n}<\/code><\/pre>\n<p>Voc\u00ea deve envolv\u00ea-lo em <code>:root :where()<\/code>:<\/p>\n<pre><code class=\"language-css\">:root :where(.wp-block-custom-block) {\n\tpadding: 0;\n}<\/code><\/pre>\n<p>Isso permitir\u00e1 que os usu\u00e1rios substituam o padding de blocos por meio da interface Global Styles.<\/p>\n<p>Os desenvolvedores de temas s\u00e3o incentivados a fazer o mesmo para que os estilos de bloco possam ser configurados por meio da interface Global Styles.<\/p>\n<p>Consulte tamb\u00e9m a <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/21\/wordpress-6-6-css-specificity\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota do desenvolvedor<\/a> para obter uma vis\u00e3o geral mais detalhada da especificidade do CSS no WordPress 6.6.<\/p>\n<h3>Estilos de se\u00e7\u00e3o<\/h3>\n<p>O WordPress 6.6 permite que voc\u00ea estilize <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">se\u00e7\u00f5es individuais<\/a> de um artigo\/p\u00e1gina sem precisar reaplicar os mesmos estilos a v\u00e1rios blocos um a um. Isso significa que voc\u00ea pode selecionar v\u00e1rios blocos e blocos secund\u00e1rios e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57908\" target=\"_blank\" rel=\"noopener noreferrer\">atribuir uma varia\u00e7\u00e3o de estilo a toda a sele\u00e7\u00e3o<\/a>.<\/p>\n<p>Isso \u00e9 poss\u00edvel gra\u00e7as \u00e0 extens\u00e3o das varia\u00e7\u00f5es de estilo de bloco que agora suportam a estiliza\u00e7\u00e3o de blocos e elementos internos e aproveitam a <a href=\"#css-specificity-in-wordpress-66\" target=\"_blank\" rel=\"noopener noreferrer\">especificidade de estilo reduzida<\/a> dos estilos globais.<\/p>\n<p>As varia\u00e7\u00f5es de estilo de bloco podem ser definidas e manipuladas por meio dos Global Styles somente se voc\u00ea as tiver registrado com um dos seguintes m\u00e9todos:<\/p>\n<ul>\n<li>Usando os <strong>theme.json<\/strong> parciais dentro do diret\u00f3rio <strong>\/styles<\/strong> do tema<\/li>\n<li>Usando a fun\u00e7\u00e3o <code>register_block_style<\/code><\/li>\n<li>Definindo varia\u00e7\u00f5es de estilo de bloco em <code>styles.blocks.variations<\/code> no seu <strong>theme.json<\/strong><\/li>\n<\/ul>\n<p>Vamos nos aprofundar no assunto.<\/p>\n<h4>Defini\u00e7\u00e3o de varia\u00e7\u00f5es de estilo de bloco usando\u00a0theme.json\u00a0parciais<\/h4>\n<p>Assim como as varia\u00e7\u00f5es de estilo de tema, as varia\u00e7\u00f5es de estilo de bloco podem ter seu pr\u00f3prio <strong>theme.json<\/strong> parcial no diret\u00f3rio <strong>\/styles<\/strong> do seu tema.<\/p>\n<p>A diferen\u00e7a entre os dois tipos de varia\u00e7\u00f5es \u00e9 que as varia\u00e7\u00f5es de estilo de bloco t\u00eam uma nova propriedade de n\u00edvel superior <code>blockTypes<\/code>, que \u00e9 um array n\u00e3o vazio de tipos de bloco que suportam a varia\u00e7\u00e3o de estilo de bloco. Al\u00e9m disso, uma nova propriedade <code>slug<\/code> foi adicionada &#8220;para proporcionar consist\u00eancia entre as diferentes fontes que podem definir varia\u00e7\u00f5es de estilo de bloco e para desacoplar o slug da propriedade traduz\u00edvel <code>title<\/code>&#8220;.<\/p>\n<p>A <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota do desenvolvedor<\/a> fornece o seguinte exemplo de <strong>theme.json<\/strong> parcial:<\/p>\n<pre><code class=\"language-json\">{\n\t\"$schema\": \"https:\/\/schemas.wp.org\/trunk\/theme.json\",\n\t\"version\": 3,\n\t\"title\": \"Variation A\",\n\t\"slug\": \"variation-a\",\n\t\"blockTypes\": [ \"core\/group\", \"core\/columns\", \"core\/media-text\" ],\n\t\"styles\": {\n\t\t\"color\": {\n\t\t\t\"background\": \"#eed8d3\",\n\t\t\t\"text\": \"#201819\"\n\t\t},\n\t\t\"elements\": {\n\t\t\t\"heading\": {\n\t\t\t\t\"color\": {\n\t\t\t\t\t\"text\": \"#201819\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"blocks\": {\n\t\t\t\"core\/group\": {\n\t\t\t\t\"color\": {\n\t\t\t\t\t\"background\": \"#825f58\",\n\t\t\t\t\t\"text\": \"#eed8d3\"\n\t\t\t\t},\n\t\t\t\t\"elements\": {\n\t\t\t\t\t\"heading\": {\n\t\t\t\t\t\t\"color\": {\n\t\t\t\t\t\t\t\"text\": \"#eed8d3\"\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<h4>Definindo varia\u00e7\u00f5es de estilo de bloco de forma program\u00e1tica por meio de register_block_style<\/h4>\n<p>A fun\u00e7\u00e3o <code>register_block_style<\/code> oferece uma segunda maneira de registrar varia\u00e7\u00f5es de estilo de bloco. Voc\u00ea pode us\u00e1-la no <strong>functions.php<\/strong> do seu tema desta forma:<\/p>\n<pre><code class=\"language-php\">register_block_style(\n\tarray( 'core\/group', 'core\/columns' ),\n\tarray(\n\t\t'name'\t\t\t=&gt; 'light',\n\t\t'label'\t\t\t=&gt; __( 'Light' ),\n\t\t'style_data'\t=&gt; array(\n\t\t\t'color'\t\t=&gt; array(\n\t\t\t\t'background'\t=&gt; '#973C20',\n\t\t\t\t'text'\t\t\t=&gt; '#d2e3c8',\n\t\t\t),\n\t\t\t'blocks'   =&gt; array(\n\t\t\t\t'core\/group'\t=&gt; array(\n\t\t\t\t\t'color'\t\t=&gt; array(\n\t\t\t\t\t\t'background'\t=&gt; '#739072',\n\t\t\t\t\t\t'text'\t\t\t=&gt; '#e3eedd',\n\t\t\t\t\t),\n\t\t\t\t),\n\t\t\t),\n\t\t\t'elements' =&gt; array(\n\t\t\t\t'link'   =&gt; array(\n\t\t\t\t\t'color'  =&gt; array(\n\t\t\t\t\t\t'text' =&gt; '#ead196',\n\t\t\t\t\t),\n\t\t\t\t\t':hover' =&gt; array(\n\t\t\t\t\t\t'color' =&gt; array(\n\t\t\t\t\t\t\t'text' =&gt; '#ebd9b4',\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<p>Agora, quando voc\u00ea selecionar um bloco Grupo ou Colunas, o painel Estilos da barra lateral do bloco mostrar\u00e1 um bot\u00e3o para o estilo de se\u00e7\u00e3o registrado.<\/p>\n<figure id=\"attachment_181649\" aria-describedby=\"caption-attachment-181649\" style=\"width: 2088px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181649 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-section-style-variations.jpg\" alt=\"Uma varia\u00e7\u00e3o de estilo de se\u00e7\u00e3o no WordPress 6.6.\" width=\"2088\" height=\"1306\"><figcaption id=\"caption-attachment-181649\" class=\"wp-caption-text\">Uma varia\u00e7\u00e3o de estilo de se\u00e7\u00e3o no WordPress 6.6.<\/figcaption><\/figure>\n<p>Voc\u00ea encontrar\u00e1 uma vis\u00e3o mais detalhada e mais exemplos de varia\u00e7\u00f5es de estilo de se\u00e7\u00e3o em <a href=\"https:\/\/developer.wordpress.org\/news\/2024\/06\/21\/styling-sections-nested-elements-and-more-with-block-style-variations-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">Styling sections, nested elements, and more with Block Style Variations in WordPress 6.6<\/a>, de Justin Tadlock, na <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota de desenvolvimento<\/a>\u00a0de Aaron Robertshaw, e no pull request <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57908\" target=\"_blank\" rel=\"noopener noreferrer\">Block Styles: Extend block style variations<\/a>.<\/p>\n<h4>Definindo varia\u00e7\u00f5es de estilo de bloco usando varia\u00e7\u00f5es de estilo de tema<\/h4>\n<p>Embora atualmente seja poss\u00edvel usar a propriedade <strong>theme.json<\/strong> <code>styles.variations<\/code>, esse m\u00e9todo est\u00e1 dispon\u00edvel apenas temporariamente e dever\u00e1 ser descontinuado em breve. Para uma descri\u00e7\u00e3o mais detalhada, consulte <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/#via-theme-style-variations-not-recommended\">esta se\u00e7\u00e3o<\/a> da nota de desenvolvimento.<\/p>\n<h3>Predefini\u00e7\u00f5es de cores e tipografia<\/h3>\n<p>Agora voc\u00ea pode alterar a paleta de cores e as fam\u00edlias de fontes do seu tema na interface Global Styles selecionando <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56622\" target=\"_blank\" rel=\"noopener noreferrer\">uma das predefini\u00e7\u00f5es dispon\u00edveis<\/a>.<\/p>\n<p>Se o seu tema atual for compat\u00edvel com predefini\u00e7\u00f5es de cores e tipografia, elas aparecer\u00e3o nas configura\u00e7\u00f5es <strong>Cores<\/strong> e <strong>Tipografia<\/strong> nos estilos globais.<\/p>\n<p>As imagens a seguir mostram duas paletas de cores fornecidas pelo Twenty Twenty-Four.<\/p>\n<figure id=\"attachment_181896\" aria-describedby=\"caption-attachment-181896\" style=\"width: 1916px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181896 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/wp-66-ttf-color-palette-light.jpg\" alt=\"Paleta de cores claras no Twenty Twenty-Four.\" width=\"1916\" height=\"1400\"><figcaption id=\"caption-attachment-181896\" class=\"wp-caption-text\">Paleta de cores claras no Twenty Twenty-Four.<\/figcaption><\/figure>\n<figure id=\"attachment_181895\" aria-describedby=\"caption-attachment-181895\" style=\"width: 1916px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181895 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/wp-66-ttf-color-palette-dark.jpg\" alt=\"Paleta de cores escuras no Twenty Twenty-Four.\" width=\"1916\" height=\"1402\"><figcaption id=\"caption-attachment-181895\" class=\"wp-caption-text\">Paleta de cores escuras no Twenty Twenty-Four.<\/figcaption><\/figure>\n<p>Para adicionar essa funcionalidade aos seus temas, voc\u00ea precisa criar varia\u00e7\u00f5es de estilo que incluam apenas cores e tipografia. Os estilos assim definidos ser\u00e3o extra\u00eddos e usados para gerar predefini\u00e7\u00f5es.<\/p>\n<p>Sobre esse recurso, consulte tamb\u00e9m <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/09\/core-editor-improvement-upgrade-your-designs\/\" target=\"_blank\" rel=\"noopener noreferrer\">Core Editor Improvement: Upgrade your designs<\/a>\u00a0e <a href=\"https:\/\/nomad.blog\/2024\/06\/26\/wordpress-6-6-source-of-truth\/#create-individual-typography-and-color-variations-to-level-up-design-options-theme-author-end-user\" target=\"_blank\" rel=\"noopener noreferrer\">Create individual typography and color variations to level up design options<\/a>.<\/p>\n<h3>Imagens em segundo plano para todo o site<\/h3>\n<p>A partir do WordPress 6.6, voc\u00ea pode <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/20\/site-wide-background-images-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">definir imagens em segundo plano para todo o site<\/a> no <em>theme.json<\/em> e no editor do site.<\/p>\n<p>Uma imagem em todo o site \u00e9 o valor de uma propriedade <code>background-image<\/code> definida no elemento body no n\u00edvel do site e aparece em todas as p\u00e1ginas do site.<\/p>\n<p>No <code>theme.json<\/code>, para definir uma imagem em segundo plano para todo o site, voc\u00ea pode usar o <code>backgroundImage.url<\/code> sob a propriedade <code>styles.background<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n\t\"styles\": {\n\t\t\"background\": {\n\t\t\t\"backgroundImage\": {\n\t\t\t\t\"url\": \"https:\/\/example.com\/bg.png\"\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>No exemplo acima, definimos um caminho absoluto para a imagem, mas voc\u00ea tamb\u00e9m pode definir imagens de background usando caminhos relativos \u00e0 raiz do tema dessa forma.<\/p>\n<pre><code class=\"language-json\">{\n\t\"styles\": {\n\t\t\"background\": {\n\t\t\t\"backgroundImage\": {\n\t\t\t\t\"url\": \"file:.\/assets\/bg.png\"\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Em seguida, voc\u00ea pode usar as seguintes propriedades de imagem:<\/p>\n<ul>\n<li><code>backgroundPosition<\/code><\/li>\n<li><code>backgroundSize<\/code><\/li>\n<li><code>backgroundRepeat<\/code><\/li>\n<\/ul>\n<p>Se voc\u00ea n\u00e3o \u00e9 desenvolvedor de temas, pode usar imagens de segundo plano em todo o site por meio do painel Estilos do editor do site. No WordPress 6.6, voc\u00ea encontrar\u00e1 os controles apropriados em <strong>Estilos &gt; Layout<\/strong>.<\/p>\n<figure id=\"attachment_181553\" aria-describedby=\"caption-attachment-181553\" style=\"width: 1150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181553 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-background-image.jpg\" alt=\"O painel Imagem de Fundo nas configura\u00e7\u00f5es de Estilo.\" width=\"1150\" height=\"912\"><figcaption id=\"caption-attachment-181553\" class=\"wp-caption-text\">O painel de imagem em segundo plano nas configura\u00e7\u00f5es de estilo.<\/figcaption><\/figure>\n<p>Esta \u00e9 a primeira itera\u00e7\u00e3o para imagens em segundo plano. Para ter uma vis\u00e3o mais de perto de como funciona, suas limita\u00e7\u00f5es e o que est\u00e1 por vir, consulte a nota do desenvolvedor <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/20\/site-wide-background-images-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">Site-wide background images in WordPress 6.6<\/a>.<\/p>\n<h3>Varia\u00e7\u00e3o de layout de grade<\/h3>\n<p>Uma nova varia\u00e7\u00e3o de layout do bloco Grupo permite <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#visualize-grid-layouts\" target=\"_blank\" rel=\"noopener noreferrer\">exibir elementos em um grupo como uma grade<\/a>.<\/p>\n<p>Voc\u00ea pode <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/61640\" target=\"_blank\" rel=\"noopener noreferrer\">experiment\u00e1-lo<\/a> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/59853\" target=\"_blank\" rel=\"noopener noreferrer\">adicionando um bloco Grupo<\/a> ao canvas do editor e escolhendo o layout Grade no painel de configura\u00e7\u00f5es do bloco.<\/p>\n<figure id=\"attachment_181584\" aria-describedby=\"caption-attachment-181584\" style=\"width: 1938px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181584 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-grid-layout.jpg\" alt=\"O layout de grade\" width=\"1938\" height=\"1304\"><figcaption id=\"caption-attachment-181584\" class=\"wp-caption-text\">O layout de grade no WordPress 6.6.<\/figcaption><\/figure>\n<p>O layout de grade pode ser de <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/grid-layout-type\/\" target=\"_blank\" rel=\"noopener noreferrer\">dois tipos<\/a>:<\/p>\n<ul>\n<li><strong>Auto<\/strong> gera linhas e colunas de grade automaticamente<\/li>\n<li><strong>Manual<\/strong> permite que voc\u00ea defina o n\u00famero de colunas que deseja adicionar \u00e0 grade<\/li>\n<\/ul>\n<p>Adicione conte\u00fado aos elementos da grade e os redimensione usando as al\u00e7as. Voc\u00ea tamb\u00e9m pode ajustar o <strong>Coluna m\u00ednima com<\/strong>, ou o n\u00famero de colunas, dependendo do tipo de grade selecionado.<\/p>\n<h3>Margens negativas<\/h3>\n<p>Agora voc\u00ea pode definir <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/60347\" target=\"_blank\" rel=\"noopener noreferrer\">margens negativas<\/a> para todos os blocos que suportam controles de margem. Antes do WordPress 6.6, esse recurso estava dispon\u00edvel apenas no <strong>theme.json<\/strong>, mas agora \u00e9 f\u00e1cil aplicar margens negativas a elementos para criar efeitos de sobreposi\u00e7\u00e3o.<\/p>\n<p>Observe que, a partir do WordPress 6.6, voc\u00ea deve adicionar manualmente o valor negativo, conforme mostrado na imagem a seguir.<\/p>\n<figure id=\"attachment_181902\" aria-describedby=\"caption-attachment-181902\" style=\"width: 2250px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181902 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/wp-66-negative-margins.jpg\" alt=\"Configurando margens negativas em um bloco de bot\u00f5es no WordPress 6.6.\" width=\"2250\" height=\"1106\"><figcaption id=\"caption-attachment-181902\" class=\"wp-caption-text\">Configurando margens negativas em um bloco Bot\u00f5es no WordPress 6.6.<\/figcaption><\/figure>\n<h3>Sombras personalizadas<\/h3>\n<p>Com o WordPress 6.6, voc\u00ea pode criar e editar <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/09\/what-is-new-in-gutenberg-18-5-05-jun\/#custom-shadows\" target=\"_blank\" rel=\"noopener noreferrer\">sombras personalizadas<\/a> na interface de estilos globais. Para <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/60706\" target=\"_blank\" rel=\"noopener noreferrer\">criar suas sombras personalizadas<\/a>, navegue at\u00e9 o editor do site e selecione <strong>Sombras<\/strong> no menu Estilos. Aqui, voc\u00ea encontrar\u00e1 um painel <strong>Personalizado<\/strong>. Quando voc\u00ea clica no bot\u00e3o <code>+<\/code>, um novo elemento d\u00e1 acesso a um conjunto de controles para personalizar a sombra ou renome\u00e1-la\/exclu\u00ed-la.<\/p>\n<figure id=\"attachment_181768\" aria-describedby=\"caption-attachment-181768\" style=\"width: 1642px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181768 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/06\/wp-66-shadown-controls.jpg\" alt=\"Controles de sombra no WordPress 6.6.\" width=\"1642\" height=\"1610\"><figcaption id=\"caption-attachment-181768\" class=\"wp-caption-text\">Controles de sombra no WordPress 6.6.<\/figcaption><\/figure>\n<h3>Predefini\u00e7\u00f5es de propor\u00e7\u00e3o de aspecto personalizadas<\/h3>\n<p>Agora os desenvolvedores de temas podem definir <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#define-custom-aspect-ratio\" target=\"_blank\" rel=\"noopener noreferrer\">predefini\u00e7\u00f5es de propor\u00e7\u00e3o de aspecto personalizadas<\/a> definindo a op\u00e7\u00e3o <code>settings.dimensions.aspectRatios<\/code> no <strong>theme.json<\/strong>.<\/p>\n<h2>Mudan\u00e7as adicionais para desenvolvedores<\/h2>\n<p>Contudo, as mudan\u00e7as para os desenvolvedores n\u00e3o se limitam aos temas. Outros acr\u00e9scimos e melhorias afetam a biblioteca React e v\u00e1rias APIs.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Options API: Desativando o carregamento autom\u00e1tico para op\u00e7\u00f5es grandes<\/h3>\n<p>Antes do WordPress 6.6, um grande n\u00famero de op\u00e7\u00f5es era carregado automaticamente a cada carregamento de p\u00e1gina. Para evitar esse comportamento padr\u00e3o, os desenvolvedores tinham que passar <code>\"yes\"<\/code>\/<code>true<\/code> ou <code>\"no\"<\/code>\/<code>false<\/code> como terceiro par\u00e2metro das fun\u00e7\u00f5es <code>add_option()<\/code> ou <code>update_option()<\/code>. Por\u00e9m, como esse par\u00e2metro era opcional, com um valor padr\u00e3o <code>\"yes\"<\/code>, grandes quantidades de dados desnecess\u00e1rios eram carregadas em cada p\u00e1gina, com impacto negativo no desempenho do site.<\/p>\n<p>Para evitar esse comportamento, o WordPress 6.6 introduz algumas mudan\u00e7as na Options API:<\/p>\n<p>Para permitir que o WordPress determine se uma op\u00e7\u00e3o deve ser carregada na p\u00e1gina atual, o valor padr\u00e3o para o par\u00e2metro <code>$autoload<\/code> de <code>add_option()<\/code> e <code>update_option()<\/code> foi alterado de <code>\"yes\"<\/code> para <code>null<\/code>. O par\u00e2metro agora aceita um dos seguintes valores:<\/p>\n<ul>\n<li><code>true<\/code>: carrega a op\u00e7\u00e3o em todas as p\u00e1ginas para evitar uma consulta adicional ao banco de dados.<\/li>\n<li><code>false<\/code>: nunca carrega automaticamente a op\u00e7\u00e3o para evitar que os dados sejam carregados em todas as p\u00e1ginas.<\/li>\n<li><code>null<\/code>: talvez carregue automaticamente, o que significa que o valor de autoload deve ser determinado dinamicamente. Por padr\u00e3o, as op\u00e7\u00f5es s\u00e3o carregadas automaticamente, a menos que contenham valores grandes.<\/li>\n<\/ul>\n<p>Os valores do banco de dados foram alterados concordemente, e agora o valor de autoload para cada op\u00e7\u00e3o ser\u00e1 um dos seguintes:<\/p>\n<ul>\n<li><code>on <\/code>: deve ser carregado automaticamente em todas as p\u00e1ginas. \u00c9 adicionado com um valor expl\u00edcito\u00a0<code>true<\/code>.<\/li>\n<li><code>off<\/code>: n\u00e3o deve ser carregado automaticamente e s\u00f3 ser\u00e1 usado em uma \u00fanica p\u00e1gina de administra\u00e7\u00e3o. Adicionado com um valor expl\u00edcito <code>false<\/code>.<\/li>\n<li><code>auto<\/code>: depende do comportamento de carregamento autom\u00e1tico padr\u00e3o do WP. No WP 6.6, deve ser carregado automaticamente, mas o comportamento pode mudar no futuro.<\/li>\n<li><code>auto-on<\/code>: deve ser carregado automaticamente. Definido dinamicamente para <code>true<\/code>.<\/li>\n<li><code>auto-off<\/code>: n\u00e3o deve ser carregado automaticamente. Definido dinamicamente para <code>false<\/code>.<\/li>\n<\/ul>\n<p>Junto com essas mudan\u00e7as, o WordPress 6.6 apresenta v\u00e1rias fun\u00e7\u00f5es e filtros:<\/p>\n<ul>\n<li>A fun\u00e7\u00e3o <code>wp_autoload_values_to_autoload()<\/code> retorna todos os valores do banco de dados que devem ser carregados automaticamente.<\/li>\n<li>O filtro <code>wp_autoload_values_to_autoload<\/code> permite editar a lista de op\u00e7\u00f5es que devem ser carregadas automaticamente.<\/li>\n<li>O filtro <code>wp_default_autoload_value<\/code> define o valor de uma op\u00e7\u00e3o em que nenhum valor expl\u00edcito foi definido.<\/li>\n<li>O filtro <code>wp_max_autoloaded_option_size<\/code> modifica o limite acima do qual as op\u00e7\u00f5es n\u00e3o ser\u00e3o carregadas automaticamente por padr\u00e3o. O valor padr\u00e3o \u00e9 150.000 (150kb).<\/li>\n<\/ul>\n<p>Essa mudan\u00e7a \u00e9 particularmente \u00fatil para sites complexos com muitos plugins, e merece a aten\u00e7\u00e3o dos desenvolvedores de plugins. Para obter uma vis\u00e3o mais completa, recomendamos verificar as <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#define-custom-aspect-ratio\" target=\"_blank\" rel=\"noopener noreferrer\">predefini\u00e7\u00f5es de propor\u00e7\u00e3o de aspecto personalizadas<\/a>.<\/p>\n<h3>Aprimoramentos na biblioteca React<\/h3>\n<p>Duas grandes mudan\u00e7as se aplicam \u00e0 biblioteca React. Primeiro, o WordPress 6.6 inclui o React 18.3, que adiciona avisos de descontinua\u00e7\u00f5es e outras mudan\u00e7as para ajudar os desenvolvedores a se prepararem para o React 19, quando este se tornar est\u00e1vel.<\/p>\n<p>Segundo, os desenvolvedores agora podem usar a nova transforma\u00e7\u00e3o React JSX, introduzida pela primeira vez com o <a href=\"https:\/\/legacy.reactjs.org\/blog\/2020\/09\/22\/introducing-the-new-jsx-transform.html\" target=\"_blank\" rel=\"noopener noreferrer\">React 17<\/a>.<\/p>\n<p>Para uma vis\u00e3o mais detalhada dessas altera\u00e7\u00f5es, consulte <a href=\"https:\/\/kinqsta.com\/pt\/blog\/react-19-wordpress\/\">Preparando-se para o React 19<\/a> e as notas de desenvolvimento do <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/06\/jsx-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">JSX no WordPress 6.6<\/a>.<\/p>\n<h3>Aprimoramentos na API de Blocos<\/h3>\n<p>O WordPress 6.6 tamb\u00e9m traz v\u00e1rias modifica\u00e7\u00f5es t\u00e9cnicas na API de Blocos, incluindo as seguintes:<\/p>\n<ul>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/editor-unified-extensibility-apis-in-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">Unified Extensibility APIs in 6.6<\/a>\u00a0(APIs de Extensibilidade Unificadas no 6.6)<\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/improvements-to-active-block-variation-detection\/\" target=\"_blank\" rel=\"noopener noreferrer\">Improvements to active block variation detection<\/a> (Melhorias na Detec\u00e7\u00e3o de Varia\u00e7\u00f5es de Blocos Ativos)<\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/19\/social-links-block-changes-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">Social Links block changes in WordPress 6.6<\/a>\u00a0(Mudan\u00e7as no Bloco de Links Sociais no WordPress 6.6)<\/li>\n<\/ul>\n<h2>Revers\u00e3o autom\u00e1tica para plugins<\/h2>\n<p>A partir do WordPress 6.6, se voc\u00ea tiver as atualiza\u00e7\u00f5es autom\u00e1ticas de plugins ativadas no seu site WordPress e uma atualiza\u00e7\u00e3o de plugin falhar, o <a href=\"https:\/\/make.wordpress.org\/core\/2024\/04\/19\/merge-proposal-rollback-auto-update\/\">WordPress reverter\u00e1 automaticamente o plugin para sua vers\u00e3o anterior<\/a> sem derrubar o site.<\/p>\n<p>Isso garantir\u00e1 que tanto o plugin quanto o site continuem funcionando normalmente. Ap\u00f3s a tentativa de atualiza\u00e7\u00e3o, voc\u00ea ver\u00e1 que o plugin ainda estar\u00e1 pendente de atualiza\u00e7\u00e3o na tela de Plugins.<\/p>\n<figure id=\"attachment_186934\" aria-describedby=\"caption-attachment-186934\" style=\"width: 2992px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186934 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/wp-66-plugins-screen.jpg\" alt=\"Se uma atualiza\u00e7\u00e3o autom\u00e1tica de plugin falhar, o WordPress reverter\u00e1 o plugin para sua vers\u00e3o anterior.\" width=\"2992\" height=\"1096\"><figcaption id=\"caption-attachment-186934\" class=\"wp-caption-text\">Se uma atualiza\u00e7\u00e3o autom\u00e1tica de plugin falhar, o WordPress reverter\u00e1 o plugin para sua vers\u00e3o anterior.<\/figcaption><\/figure>\n<p>Al\u00e9m disso, quando o WordPress detecta um erro ao atualizar um plugin, ele tamb\u00e9m envia um e-mail ao administrador do site listando os plugins que falharam na atualiza\u00e7\u00e3o e aqueles que est\u00e3o atualizados.<\/p>\n<figure id=\"attachment_186935\" aria-describedby=\"caption-attachment-186935\" style=\"width: 2134px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186935 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/autorollback.png\" alt=\"Um e-mail do WordPress informando que a revers\u00e3o autom\u00e1tica do plugin falhou.\" width=\"2134\" height=\"1178\"><figcaption id=\"caption-attachment-186935\" class=\"wp-caption-text\">Um e-mail do WordPress informando que a revers\u00e3o autom\u00e1tica do plugin falhou.<\/figcaption><\/figure>\n<p>Nesse momento, voc\u00ea pode tentar novamente a atualiza\u00e7\u00e3o em um ambiente de teste, aguardar uma nova vers\u00e3o do plugin que corrija o problema ou entrar em contato com o desenvolvedor para suporte.<\/p>\n<h2>Resumo<\/h2>\n<p>Neste longo artigo, exploramos muitos recursos e mudan\u00e7as interessantes que est\u00e3o chegando com o WordPress 6.6, desde substitui\u00e7\u00f5es de padr\u00f5es de blocos at\u00e9 melhorias no Data Views, novos recursos para desenvolvedores de temas e a unifica\u00e7\u00e3o das experi\u00eancias de edi\u00e7\u00e3o nos editores de Site e Artigo. Mas h\u00e1 muito mais que n\u00e3o cobrimos neste artigo.<\/p>\n<p>Se quiser se aprofundar ainda mais, voc\u00ea n\u00e3o deve perder uma s\u00e9rie de excelentes recursos dos principais colaboradores do WordPress, aos quais fizemos refer\u00eancia durante nossos testes do WordPress 6.6. Entre os muitos recursos, sugerimos o <a href=\"https:\/\/nomad.blog\/2024\/06\/26\/wordpress-6-6-source-of-truth\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.6 Source of Truth<\/a>, de Anne McCarthy, <a href=\"https:\/\/www.meetup.com\/it-IT\/learn-wordpress-online-workshops\/\" target=\"_blank\" rel=\"noopener noreferrer\">Learn WordPress Online Workshops<\/a>, no Meetup, o blog <a href=\"https:\/\/developer.wordpress.org\/news\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Developer<\/a>, as <a href=\"https:\/\/make.wordpress.org\/core\/tag\/dev-notes\/\" target=\"_blank\" rel=\"noopener noreferrer\">notas de desenvolvimento<\/a> publicadas no blog Make WordPress Core, e as atualiza\u00e7\u00f5es regulares de Birgit Pauli-Haack em <a href=\"https:\/\/gutenbergtimes.com\/\">Gutenberg Times<\/a>, s\u00f3 para citar alguns.<\/p>\n<p>Agora \u00e9 com voc\u00ea. J\u00e1 testou os recursos do WordPress 6.6? De qual recurso ou mudan\u00e7a gostou mais? Deixe um coment\u00e1rio abaixo e participe dessa conversa.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O WordPress 6.6 &#8220;Dorsey&#8221; foi lan\u00e7ado.\u00a0A nova vers\u00e3o\u00a0foca em refinar e aprimorar v\u00e1rios recursos introduzidos em vers\u00f5es anteriores. No entanto, muitas adi\u00e7\u00f5es levam o n\u00facleo um &#8230;<\/p>\n","protected":false},"author":36,"featured_media":68868,"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-68867","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>Novidades no WordPress 6.6 - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Confira nossa vis\u00e3o geral do WordPress 6.6: substitui\u00e7\u00f5es de padr\u00f5es de blocos, Data Views, novas ferramentas de design para designers e desenvolvedores de temas, 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:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Novidades no WordPress 6.6: Substitui\u00e7\u00f5es de Padr\u00f5es, API Block Bindings, Data Views, Novas Ferramentas de Design e Muito Mais!\" \/>\n<meta property=\"og:description\" content=\"Confira nossa vis\u00e3o geral do WordPress 6.6: substitui\u00e7\u00f5es de padr\u00f5es de blocos, Data Views, novas ferramentas de design para designers e desenvolvedores de temas, e muito mais!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/\" \/>\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-07-05T08:15:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-10T16:58:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/07\/Wp-6.6-release.png\" \/>\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\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Confira nossa vis\u00e3o geral do WordPress 6.6: substitui\u00e7\u00f5es de padr\u00f5es de blocos, Data Views, novas ferramentas de design para designers e desenvolvedores de temas, e muito mais!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/07\/Wp-6.6-release-1024x536.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=\"28 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Novidades no WordPress 6.6: Substitui\u00e7\u00f5es de Padr\u00f5es, API Block Bindings, Data Views, Novas Ferramentas de Design e Muito Mais!\",\"datePublished\":\"2024-07-05T08:15:47+00:00\",\"dateModified\":\"2025-03-10T16:58:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/\"},\"wordCount\":5135,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/07\/Wp-6.6-release.png\",\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/\",\"name\":\"Novidades no WordPress 6.6 - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/07\/Wp-6.6-release.png\",\"datePublished\":\"2024-07-05T08:15:47+00:00\",\"dateModified\":\"2025-03-10T16:58:37+00:00\",\"description\":\"Confira nossa vis\u00e3o geral do WordPress 6.6: substitui\u00e7\u00f5es de padr\u00f5es de blocos, Data Views, novas ferramentas de design para designers e desenvolvedores de temas, e muito mais!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/07\/Wp-6.6-release.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/07\/Wp-6.6-release.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Atualiza\u00e7\u00f5es WordPress\",\"item\":\"https:\/\/kinqsta.com\/pt\/topicos\/atualizacoes-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Novidades no WordPress 6.6: Substitui\u00e7\u00f5es de Padr\u00f5es, API Block Bindings, Data Views, Novas Ferramentas de Design e Muito Mais!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.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:\/\/kinqsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.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:\/\/kinqsta.com\/pt\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Novidades no WordPress 6.6 - Kinsta\u00ae","description":"Confira nossa vis\u00e3o geral do WordPress 6.6: substitui\u00e7\u00f5es de padr\u00f5es de blocos, Data Views, novas ferramentas de design para designers e desenvolvedores de temas, 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:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/","og_locale":"pt_PT","og_type":"article","og_title":"Novidades no WordPress 6.6: Substitui\u00e7\u00f5es de Padr\u00f5es, API Block Bindings, Data Views, Novas Ferramentas de Design e Muito Mais!","og_description":"Confira nossa vis\u00e3o geral do WordPress 6.6: substitui\u00e7\u00f5es de padr\u00f5es de blocos, Data Views, novas ferramentas de design para designers e desenvolvedores de temas, e muito mais!","og_url":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2024-07-05T08:15:47+00:00","article_modified_time":"2025-03-10T16:58:37+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/07\/Wp-6.6-release.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Confira nossa vis\u00e3o geral do WordPress 6.6: substitui\u00e7\u00f5es de padr\u00f5es de blocos, Data Views, novas ferramentas de design para designers e desenvolvedores de temas, e muito mais!","twitter_image":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/07\/Wp-6.6-release-1024x536.png","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Carlo Daniele","Tempo estimado de leitura":"28 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Novidades no WordPress 6.6: Substitui\u00e7\u00f5es de Padr\u00f5es, API Block Bindings, Data Views, Novas Ferramentas de Design e Muito Mais!","datePublished":"2024-07-05T08:15:47+00:00","dateModified":"2025-03-10T16:58:37+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/"},"wordCount":5135,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/07\/Wp-6.6-release.png","inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/","url":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/","name":"Novidades no WordPress 6.6 - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/07\/Wp-6.6-release.png","datePublished":"2024-07-05T08:15:47+00:00","dateModified":"2025-03-10T16:58:37+00:00","description":"Confira nossa vis\u00e3o geral do WordPress 6.6: substitui\u00e7\u00f5es de padr\u00f5es de blocos, Data Views, novas ferramentas de design para designers e desenvolvedores de temas, e muito mais!","breadcrumb":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/#primaryimage","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/07\/Wp-6.6-release.png","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/07\/Wp-6.6-release.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-6\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Atualiza\u00e7\u00f5es WordPress","item":"https:\/\/kinqsta.com\/pt\/topicos\/atualizacoes-wordpress\/"},{"@type":"ListItem","position":3,"name":"Novidades no WordPress 6.6: Substitui\u00e7\u00f5es de Padr\u00f5es, API Block Bindings, Data Views, Novas Ferramentas de Design e Muito Mais!"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/pt\/#website","url":"https:\/\/kinqsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.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:\/\/kinqsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.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:\/\/kinqsta.com\/pt\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/68867","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/comments?post=68867"}],"version-history":[{"count":15,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/68867\/revisions"}],"predecessor-version":[{"id":71383,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/68867\/revisions\/71383"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/68867\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/68867\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/68867\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/68867\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/68867\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/68867\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/68867\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/68867\/translations\/es"},{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/68867\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media\/68868"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media?parent=68867"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/tags?post=68867"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/topic?post=68867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}