{"id":58556,"date":"2023-03-30T16:14:40","date_gmt":"2023-03-30T19:14:40","guid":{"rendered":"https:\/\/kinsta.com\/pt\/?p=58556&#038;preview=true&#038;preview_id=58556"},"modified":"2023-08-22T06:01:54","modified_gmt":"2023-08-22T09:01:54","slug":"wordpress-6-2","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/","title":{"rendered":"O Que H\u00e1 de Novo no WordPress 6.2: Modo de Navega\u00e7\u00e3o, Livro de Estilo, Menus de Navega\u00e7\u00e3o Melhorados, Novas APIs e Muito Mais"},"content":{"rendered":"<p><a href=\"https:\/\/wordpress.org\/news\/2023\/03\/dolphy\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.2 &#8220;Dolphy&#8221;<\/a> foi lan\u00e7ado e est\u00e1 na hora de explorarmos o que h\u00e1 de novo com o primeiro lan\u00e7amento de 2023.<\/p>\n<p>Com o WordPress 6.2, entramos na fase final da Fase 2 do <a href=\"https:\/\/wordpress.org\/about\/roadmap\/\">script de desenvolvimento a longo prazo do Gutenberg<\/a>, e o editor de blocos <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39293\">deixa oficialmente a fase beta<\/a>.<\/p>\n\n<p>Este lan\u00e7amento foca em <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/06\/roadmap-to-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">melhorar a interface<\/a> e simplificar a experi\u00eancia de edi\u00e7\u00e3o.<\/p>\n<p>Uma nova abordagem para navegar entre modelos e partes de modelos foi introduzida, bem como a capacidade de importar widgets em temas de blocos, um novo modo de escrita livre de distra\u00e7\u00f5es, uma experi\u00eancia de configura\u00e7\u00f5es de blocos em escala e muitas melhorias grandes e pequenas nos blocos existentes, desempenho e usabilidade.<\/p>\n<p>Mas se h\u00e1 algo que se destaca em termos de funcionalidade e usabilidade, \u00e9 o bloco de navega\u00e7\u00e3o. Desde o seu lan\u00e7amento, o menu de navega\u00e7\u00e3o passou por v\u00e1rias itera\u00e7\u00f5es que simplificaram significativamente o processo de edi\u00e7\u00e3o ao longo do tempo. Com o WordPress 6.2, o <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/41549\">desenvolvimento continua<\/a>, e neste artigo, mostraremos como voc\u00ea pode gerenciar facilmente um menu de navega\u00e7\u00e3o.<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<p><strong>Confira nosso <a href=\"https:\/\/www.youtube.com\/watch?v=3FX25WF1jO8\" target=\"_blank\" rel=\"noopener noreferrer\">guia em v\u00eddeo para saber o que h\u00e1 de novo no WordPress 6.2<\/a><\/strong><\/p>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=3FX25WF1jO8\"><\/kinsta-video>\n<h2>Melhor experi\u00eancia de edi\u00e7\u00e3o<\/h2>\n<p>Agora, \u00e9 poss\u00edvel gerenciar os menus de navega\u00e7\u00e3o com maior facilidade, enviar mudan\u00e7as de estilo de um \u00fanico bloco para Estilos Globais e navegar sem esfor\u00e7o entre modelos e partes de modelos com partes de modelo coloridas e blocos reutiliz\u00e1veis.<\/p>\n<p>Mas h\u00e1 muito mais. Vamos explorar em detalhes as principais adi\u00e7\u00f5es e mudan\u00e7as na interface do editor.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"8\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Interface do editor de site e modo de navega\u00e7\u00e3o reformulados<\/h3>\n<p>Com o WordPress 6.2, diversas melhorias na interface do editor foram adicionadas ao n\u00facleo. A primeira e mais interessante atualiza\u00e7\u00e3o afeta a <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#new-reorganized-site-editor-interface\">interface do Editor de Site<\/a>. Gra\u00e7as ao novo Modo de Navega\u00e7\u00e3o, agora \u00e9 mais f\u00e1cil navegar entre modelos e partes de modelos.<\/p>\n<figure id=\"attachment_149436\" aria-describedby=\"caption-attachment-149436\" style=\"width: 2930px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149436 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface.jpg\" alt=\"A interface do Editor do Site no WordPress 6.2\" width=\"2930\" height=\"1456\"><figcaption id=\"caption-attachment-149436\" class=\"wp-caption-text\">A interface do Editor do Site no WordPress 6.2<\/figcaption><\/figure>\n<p>A nova interface tamb\u00e9m permite que voc\u00ea adicione um novo modelo ou parte do modelo diretamente da barra lateral do editor, simplesmente <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46458\" target=\"_blank\" rel=\"noopener noreferrer\">clicando no \u00edcone mais (+)<\/a> localizado \u00e0 direita do t\u00edtulo do menu.<\/p>\n<figure id=\"attachment_149437\" aria-describedby=\"caption-attachment-149437\" style=\"width: 2928px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149437 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-templates-menu.jpg\" alt=\"O menu Modelos do Editor do Site no WordPress 6.2\" width=\"2928\" height=\"1460\"><figcaption id=\"caption-attachment-149437\" class=\"wp-caption-text\">O menu Modelos do Editor do Site no WordPress 6.2<\/figcaption><\/figure>\n<p>De acordo com <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ryan Welcher<\/a>, colaborador do WP Core e Documenta\u00e7\u00e3o, &#8220;O trabalho nessa funcionalidade est\u00e1 em andamento e continuar\u00e1 a melhorar \u00e0 medida que novas vers\u00f5es do Gutenberg forem lan\u00e7adas.&#8221;<\/p>\n<figure id=\"attachment_149438\" aria-describedby=\"caption-attachment-149438\" style=\"width: 2932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149438 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface-add-new-template.jpg\" alt=\"Adicionando um novo modelo no WordPress 6.2\" width=\"2932\" height=\"1460\"><figcaption id=\"caption-attachment-149438\" class=\"wp-caption-text\">Adicionando um novo modelo no WordPress 6.2<\/figcaption><\/figure>\n<p>O fluxo de trabalho agora \u00e9 mais suave e sem problemas. Para come\u00e7ar a editar a parte atual do modelo\/template, basta clicar no bot\u00e3o <strong>Editar<\/strong> no menu \u00e0 esquerda, ou na visualiza\u00e7\u00e3o do modelo no meio da p\u00e1gina.<\/p>\n<figure id=\"attachment_149439\" aria-describedby=\"caption-attachment-149439\" style=\"width: 2932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149439 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface-edit-template.jpg\" alt=\"Clique no bot\u00e3o Editar ou na pr\u00e9-visualiza\u00e7\u00e3o do modelo para editar um modelo\" width=\"2932\" height=\"1458\"><figcaption id=\"caption-attachment-149439\" class=\"wp-caption-text\">Clique no bot\u00e3o Editar ou na pr\u00e9-visualiza\u00e7\u00e3o do modelo para editar um modelo<\/figcaption><\/figure>\n<h3>Modo livre de distra\u00e7\u00f5es<\/h3>\n<p>O WordPress 6.2 introduz um novo modo de edi\u00e7\u00e3o livre de distra\u00e7\u00f5es, que elimina a bagun\u00e7a na tela e permite que voc\u00ea se concentre no conte\u00fado da p\u00e1gina.<\/p>\n<figure id=\"attachment_148385\" aria-describedby=\"caption-attachment-148385\" style=\"width: 2048px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148385 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-distraction-free-mode.jpg\" alt=\"Habilitando o modo livre de distra\u00e7\u00f5es.\" width=\"2048\" height=\"1422\"><figcaption id=\"caption-attachment-148385\" class=\"wp-caption-text\">Habilitando o modo livre de distra\u00e7\u00f5es.<\/figcaption><\/figure>\n<p>Voc\u00ea pode <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#introduced-distraction-free-mode\">ativar essa funcionalidade<\/a> no painel de op\u00e7\u00f5es que aparece ao clicar no \u00edcone de tr\u00eas pontos no canto superior direito.<\/p>\n<p>Uma vez ativado o Modo de Edi\u00e7\u00e3o Livre de Distra\u00e7\u00f5es, as barras laterais e ferramentas extras desaparecem, deixando na tela apenas o conte\u00fado em que voc\u00ea est\u00e1 trabalhando.<\/p>\n<h3>Inspetor de blocos com abas<\/h3>\n<p>O WordPress 6.2 introduz <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">um novo Inspetor de Blocos<\/a> com o objetivo de trazer organiza\u00e7\u00e3o \u00e0 barra lateral, dividindo os controles de configura\u00e7\u00e3o em pain\u00e9is separados.<\/p>\n<p>As configura\u00e7\u00f5es de blocos est\u00e3o agora <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#improved-organization-of-block-settings-with-split-control\" target=\"_blank\" rel=\"noopener noreferrer\">divididas em abas<\/a> para separar as configura\u00e7\u00f5es de estilo das outras configura\u00e7\u00f5es de blocos.<\/p>\n<p>Se dispon\u00edvel, as abas Inspetor de blocos ser\u00e3o exibidas na seguinte ordem:<\/p>\n<ul>\n<li><strong>Visualiza\u00e7\u00e3o em Lista:<\/strong> Inclui controles para gerenciar um bloco, tais como submenus e links no bloco de Navega\u00e7\u00e3o<\/li>\n<li><strong>Configura\u00e7\u00f5es:<\/strong> Inclui configura\u00e7\u00f5es que n\u00e3o est\u00e3o relacionadas com a apar\u00eancia do bloco<\/li>\n<li><strong>Apar\u00eancia:<\/strong> Inclui configura\u00e7\u00f5es especificamente relacionadas ao estilo do bloco atual, como tipografia e cores<\/li>\n<\/ul>\n<figure id=\"attachment_148393\" aria-describedby=\"caption-attachment-148393\" style=\"width: 1649px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148393 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-tabbed-settings-sidebar.jpg\" alt=\"A nova barra lateral de configura\u00e7\u00f5es de abas para um bloco de bot\u00f5es no WordPress 6.2\" width=\"1649\" height=\"1308\"><figcaption id=\"caption-attachment-148393\" class=\"wp-caption-text\">A nova barra lateral de configura\u00e7\u00f5es de abas para um bloco de bot\u00f5es no WordPress 6.2<\/figcaption><\/figure>\n<p>Esta \u00e9 uma melhoria not\u00e1vel na usabilidade da interface, especialmente para blocos avan\u00e7ados com muitas op\u00e7\u00f5es de configura\u00e7\u00e3o como o Bloco de Grupo ou o Bloco de Navega\u00e7\u00e3o.<\/p>\n<p>Note que:<\/p>\n<ul>\n<li>O novo Inspetor s\u00f3 mostra uma aba quando cont\u00e9m elementos a serem exibidos.<\/li>\n<li>Se a aba Configura\u00e7\u00f5es cont\u00e9m apenas o painel Avan\u00e7ado, ele ser\u00e1 movido para a aba Apar\u00eancia.<\/li>\n<li>Se o Inspetor de Bloco tiver apenas uma aba, ent\u00e3o ele ser\u00e1 exibido como era antes do WordPress 6.2.<\/li>\n<\/ul>\n<p>Confira a <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota de desenvolvimento<\/a> para uma vis\u00e3o mais pr\u00f3xima do novo Inspetor de Bloco.<\/p>\n<h3>Partes de modelo coloridos e blocos reutiliz\u00e1veis<\/h3>\n<p>As partes de modelo e os blocos reutiliz\u00e1veis \u200b\u200bagora s\u00e3o <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#quickly-identify-template-parts-and-reusable-blocks-by-color\">destacados em cores diferentes<\/a>\u00a0na Visualiza\u00e7\u00e3o em Lista, no Inseridor de Blocos, na Barra de Ferramentas de Blocos e no canvas do editor.<\/p>\n<figure id=\"attachment_148370\" aria-describedby=\"caption-attachment-148370\" style=\"width: 2142px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148370 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-colorized-template-part.jpg\" alt=\"Partes de Modelo Coloridas na Visualiza\u00e7\u00e3o em Lista.\" width=\"2142\" height=\"1082\"><figcaption id=\"caption-attachment-148370\" class=\"wp-caption-text\">Partes de Modelo Coloridas na Visualiza\u00e7\u00e3o em Lista.<\/figcaption><\/figure>\n<p>Isso acontece tanto no Editor do Site quanto no editor do artigo, como mostrado na imagem abaixo.<\/p>\n<figure id=\"attachment_148371\" aria-describedby=\"caption-attachment-148371\" style=\"width: 1850px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148371 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-colorized-reusable-block.jpg\" alt=\"Bloco Reutiliz\u00e1vel Colorido no editor de artigos\" width=\"1850\" height=\"742\"><figcaption id=\"caption-attachment-148371\" class=\"wp-caption-text\">Bloco Reutiliz\u00e1vel Colorido no editor de artigos<\/figcaption><\/figure>\n<h3>Um inseridor de blocos remodelado<\/h3>\n<p>O Inseridor de Blocos \u00e9 afetado por v\u00e1rias altera\u00e7\u00f5es que melhoram significativamente a experi\u00eancia geral de edi\u00e7\u00e3o.<\/p>\n<p>Primeiro, um novo design de interface melhora a navega\u00e7\u00e3o entre as categorias de padr\u00f5es e m\u00eddias e fornece uma <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#redesigned-the-main-pattern-inserter\" target=\"_blank\" rel=\"noopener noreferrer\">visualiza\u00e7\u00e3o maior<\/a> para padr\u00f5es e itens de m\u00eddia.<\/p>\n<figure id=\"attachment_148386\" aria-describedby=\"caption-attachment-148386\" style=\"width: 1298px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148386 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-pattern-preview.jpg\" alt=\"Pr\u00e9-visualiza\u00e7\u00e3o de padr\u00f5es no Inseridor de Blocos no WordPress 6.2\" width=\"1298\" height=\"1322\"><figcaption id=\"caption-attachment-148386\" class=\"wp-caption-text\">Pr\u00e9-visualiza\u00e7\u00e3o de padr\u00f5es no Inseridor de Blocos no WordPress 6.2<\/figcaption><\/figure>\n<p>Quando a m\u00eddia existe no site, uma aba de <strong>M\u00eddia<\/strong> <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#add-media-to-your-content-directly-from-the-inserter\" target=\"_blank\" rel=\"noopener noreferrer\">aparece no Inseridor de Blocos<\/a>\u00a0para simplificar a inser\u00e7\u00e3o da m\u00eddia <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/44918\" target=\"_blank\" rel=\"noopener noreferrer\">no conte\u00fado<\/a>. Voc\u00ea pode arrastar e soltar imagens\/m\u00eddia ou simplesmente clicar na sua m\u00eddia para adicion\u00e1-la ao conte\u00fado.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-media-tab.jpg\" alt width=\"1296\" height=\"1420\"><\/p>\n<p>Dentro da aba, um bot\u00e3o <strong>Open Media Library (Abrir Biblioteca de M\u00eddia)<\/strong> leva voc\u00ea para a <a href=\"https:\/\/kinsta.com\/pt\/blog\/biblioteca-midia-wordpress\/\">Biblioteca de M\u00eddia<\/a> WordPress.<\/p>\n<h3>Integra\u00e7\u00e3o do Openverse no inseridor de blocos<\/h3>\n<p>O <a href=\"https:\/\/openverse.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Openverse<\/a> \u00e9 uma ferramenta que visa compartilhar trabalhos licenciados abertamente ou de dom\u00ednio p\u00fablico para uso de qualquer pessoa. Agora, com o WordPress 6.2, o <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#Openverse-Integration\" target=\"_blank\" rel=\"noopener noreferrer\">Openverse est\u00e1 integrado ao Inseridor de Blocos<\/a>.<\/p>\n<p>Para acessar esse novo recurso, clique na aba M\u00eddia do Inseridor de Blocos. Isso mostra um painel com um campo de pesquisa e pr\u00e9-visualiza\u00e7\u00f5es de imagem diretamente do reposit\u00f3rio do Openverse.<\/p>\n<figure id=\"attachment_148381\" aria-describedby=\"caption-attachment-148381\" style=\"width: 1298px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148381 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-openverse-panel.jpg\" alt=\"O Openverse agora est\u00e1 integrado ao Inseridor de Blocos.\" width=\"1298\" height=\"1270\"><figcaption id=\"caption-attachment-148381\" class=\"wp-caption-text\">O Openverse agora est\u00e1 integrado ao Inseridor de Blocos.<\/figcaption><\/figure>\n<p>Para os detalhes t\u00e9cnicos, veja o <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46251\" target=\"_blank\" rel=\"noopener noreferrer\">pedido de integra\u00e7\u00e3o Openverse pull<\/a>.<\/p>\n<h3>Migrar widgets para temas de blocos<\/h3>\n<p>A partir do WordPress 6.2, os usu\u00e1rios que rodam um site usando um tema cl\u00e1ssico que decidem mudar para um tema de bloco podem <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#import-sidebar-widgets-to-template-parts\" target=\"_blank\" rel=\"noopener noreferrer\">migrar suas \u00e1reas widget existentes<\/a> para o novo tema, convertendo <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39270\" target=\"_blank\" rel=\"noopener noreferrer\">em partes de modelo<\/a>.<\/p>\n<p>Vamos descobrir como isso funciona.<\/p>\n<p>Primeiro, crie uma \u00e1rea widget em um tema cl\u00e1ssico. Por exemplo, voc\u00ea poderia ativar o Twenty-Eleven e adicionar um calend\u00e1rio \u00e0 \u00c1rea do Rodap\u00e9 Um.<\/p>\n<figure id=\"attachment_148359\" aria-describedby=\"caption-attachment-148359\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148359 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-adding-widgets-in-classic-themes.jpg\" alt=\"Adicionando um widget em Twenty Eleven\" width=\"2316\" height=\"1186\"><figcaption id=\"caption-attachment-148359\" class=\"wp-caption-text\">Adicionando um widget em Twenty Eleven<\/figcaption><\/figure>\n<p>Agora mude o tema para <a href=\"https:\/\/kinsta.com\/pt\/blog\/tema-twenty-twenty-three\/\">Twenty Twenty-Three<\/a>. Abra o Editor do Site, escolha um template para editar e adicione uma parte do modelo.<\/p>\n<figure id=\"attachment_148360\" aria-describedby=\"caption-attachment-148360\" style=\"width: 2318px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148360 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-add-template-part.jpg\" alt=\"Adicionando uma parte de modelo para um modelo com o tema Twenty Twenty-Three\" width=\"2318\" height=\"1422\"><figcaption id=\"caption-attachment-148360\" class=\"wp-caption-text\">Adicionando uma parte de modelo para um modelo com o tema Twenty Twenty-Three<\/figcaption><\/figure>\n<p>Na barra lateral do bloco, selecione a \u00e1rea widget para importar no menu suspenso <strong>Import Widget Area<\/strong>.<\/p>\n<figure id=\"attachment_148361\" aria-describedby=\"caption-attachment-148361\" style=\"width: 2322px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148361 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-import-widget-area.jpg\" alt=\"\u00c1rea de widget de importa\u00e7\u00e3o no WordPress 6.2\" width=\"2322\" height=\"1422\"><figcaption id=\"caption-attachment-148361\" class=\"wp-caption-text\">\u00c1rea de widget de importa\u00e7\u00e3o no WordPress 6.2<\/figcaption><\/figure>\n<p>E \u00e9 isso a\u00ed. Agora voc\u00ea pode gerenciar sua \u00e1rea widget anterior como qualquer outra parte do modelo.<\/p>\n<figure id=\"attachment_148362\" aria-describedby=\"caption-attachment-148362\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148362 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-widget-area-preview.jpg\" alt=\"Pr\u00e9-visualiza\u00e7\u00e3o de uma \u00e1rea widget importada\" width=\"2316\" height=\"946\"><figcaption id=\"caption-attachment-148362\" class=\"wp-caption-text\">Pr\u00e9-visualiza\u00e7\u00e3o de uma \u00e1rea widget importada<\/figcaption><\/figure>\n<h3>Detalhes do documento e visualiza\u00e7\u00e3o em lista combinados<\/h3>\n<p>Antes do WordPress 6.2, havia dois bot\u00f5es separados na barra de ferramentas do Editor para <strong>Detalhes<\/strong> e <strong>Visualiza\u00e7\u00e3o em Lista<\/strong>. Na imagem a seguir, voc\u00ea pode ver o <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-1\/#time-to-read-in-the-info-panel\">popover de detalhes do documento<\/a> no WordPress 6.1, incluindo o n\u00famero de palavras, n\u00famero de caracteres, tempo de leitura e o n\u00famero de cabe\u00e7alhos, par\u00e1grafos e blocos, assim como o Esbo\u00e7o do Documento.<\/p>\n<figure id=\"attachment_131143\" aria-describedby=\"caption-attachment-131143\" style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131143 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/info-panel.jpg\" alt=\"O popover Detalhes no WordPress 6.1\" width=\"1452\" height=\"802\"><figcaption id=\"caption-attachment-131143\" class=\"wp-caption-text\">O popover Detalhes no WordPress 6.1<\/figcaption><\/figure>\n<p>A partir do WordPress 6.2, a <strong>Visualiza\u00e7\u00e3o em Lista<\/strong> e os <strong>Detalhes<\/strong> foram movidos para um \u00fanico painel de <strong>Vis\u00e3o Geral do Documento<\/strong> dividido em duas guias: <strong>Visualiza\u00e7\u00e3o em Lista<\/strong> e <strong>Esbo\u00e7o<\/strong>.<\/p>\n<figure id=\"attachment_148376\" aria-describedby=\"caption-attachment-148376\" style=\"width: 1898px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148376 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-document-overview-panel.jpg\" alt=\"O novo painel de Vis\u00e3o Geral do Documento no WordPress 6.2\" width=\"1898\" height=\"1278\"><figcaption id=\"caption-attachment-148376\" class=\"wp-caption-text\">O novo painel de Vis\u00e3o Geral do Documento no WordPress 6.2<\/figcaption><\/figure>\n<p>Esta mudan\u00e7a deve proporcionar uma maneira mais f\u00e1cil de gerenciar o documento.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-plain\">\n        <p><\/p>\n<h3>Como instalar o WordPress 6.2 em um ambiente de desenvolvimento local<\/h3>\n<p>Se voc\u00ea quiser experimentar as vers\u00f5es de desenvolvimento do WordPress antes do lan\u00e7amento oficial, siga estes passos:<\/p>\n<ol>\n<li>Abra DevKinsta e crie um novo <a href=\"https:\/\/kinsta.com\/pt\/blog\/construir-um-site-wordpress-offline\/\">site WordPress local<\/a><\/li>\n<li>Quando terminar, abra seu painel de controle do WordPress e navegue at\u00e9 <strong>Plugins \u2192 Adicionar novo<\/strong><\/li>\n<li>Pesquise e instale o plugin <strong>WordPress Beta Tester<\/strong><\/li>\n<li>Ative o plugin e v\u00e1 para <strong>Tools \u2192 Beta Testing<\/strong><\/li>\n<li>Na aba Configura\u00e7\u00f5es do WP Beta Tester, escolha a op\u00e7\u00e3o <strong>Bleeding edge<\/strong> e salve as configura\u00e7\u00f5es<\/li>\n<li>Volte para o seu Painel do WordPress, abra a tela <strong>Updates<\/strong> e atualize para a \u00faltima vers\u00e3o nightly<\/li>\n<\/ol>\n<p>Isso \u00e9 tudo! Agora voc\u00ea tem uma instala\u00e7\u00e3o local de desenvolvimento WordPress, e voc\u00ea est\u00e1 livre para executar todos os seus testes. D\u00ea uma olhada e nos diga o que voc\u00ea pensa sobre as novas funcionalidades.<\/p>\n<p>Com DevKinsta, s\u00e3o necess\u00e1rios apenas alguns cliques para ter um ambiente de desenvolvimento moderno para WordPress em sua m\u00e1quina local. \ud83d\udda5<\/p>\n<p><a href=\"https:\/\/kinsta.com\/pt\/devkinsta\/\">Baixe o DevKinsta<\/a> gratuitamente \ud83d\udc48<\/p>\n<\/aside>\n\n<h2>Capacidades de bloco estendido<\/h2>\n<p>Com o WordPress 6.2, as capacidades de v\u00e1rios tipos de blocos principais foram estendidas. Isso \u00e9 especialmente verdadeiro para o bloco de Navega\u00e7\u00e3o, afetado por v\u00e1rias altera\u00e7\u00f5es e melhorias na experi\u00eancia de edi\u00e7\u00e3o.<\/p>\n<p>Vamos dar uma olhada nas principais mudan\u00e7as em detalhes.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"7\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Edi\u00e7\u00e3o baseada em lista para o bloco de navega\u00e7\u00e3o<\/h3>\n<p>Com o lan\u00e7amento do WordPress 6.2, \u00e9 poss\u00edvel alterar a disposi\u00e7\u00e3o dos elementos do Bloco de Navega\u00e7\u00e3o a partir de uma <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#add-list-based-editing-to-navigation-block\" target=\"_blank\" rel=\"noopener noreferrer\">visualiza\u00e7\u00e3o em lista nas configura\u00e7\u00f5es de bloco<\/a> da barra lateral.<\/p>\n<figure id=\"attachment_148390\" aria-describedby=\"caption-attachment-148390\" style=\"width: 1588px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148390 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-menu-tab.jpg\" alt=\"Uma nova aba Menu exibe uma visualiza\u00e7\u00e3o de lista do menu de navega\u00e7\u00e3o\" width=\"1588\" height=\"1350\"><figcaption id=\"caption-attachment-148390\" class=\"wp-caption-text\">Uma nova aba Menu exibe uma visualiza\u00e7\u00e3o de lista do menu de navega\u00e7\u00e3o<\/figcaption><\/figure>\n<p>Clicando no item de menu, voc\u00ea ser\u00e1 levado \u00e0s configura\u00e7\u00f5es da barra lateral do link da p\u00e1gina selecionada, onde voc\u00ea poder\u00e1 editar os detalhes do link, incluindo etiqueta, URL, descri\u00e7\u00e3o, t\u00edtulo do link e link rel.<\/p>\n<figure id=\"attachment_148391\" aria-describedby=\"caption-attachment-148391\" style=\"width: 1414px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148391 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-link-settings.jpg\" alt=\"A barra lateral de configura\u00e7\u00f5es do link da p\u00e1gina\" width=\"1414\" height=\"1238\"><figcaption id=\"caption-attachment-148391\" class=\"wp-caption-text\">A barra lateral de configura\u00e7\u00f5es do link da p\u00e1gina<\/figcaption><\/figure>\n<p>Esta mudan\u00e7a simplifica muito a experi\u00eancia de edi\u00e7\u00e3o de menus de navega\u00e7\u00e3o, permitindo adicionar, organizar e excluir itens em seu menu, ou mesmo criar novos menus de navega\u00e7\u00e3o.<\/p>\n<h3>Bloquear navega\u00e7\u00e3o<\/h3>\n<p>Outra melhoria no bloco de Navega\u00e7\u00e3o \u00e9 a capacidade de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#added-content-locking-to-the-navigation-block\" target=\"_blank\" rel=\"noopener noreferrer\">bloquear a edi\u00e7\u00e3o do menu de uma forma mais granular<\/a>. Agora voc\u00ea pode <strong>Restringir edi\u00e7\u00e3o<\/strong>, <strong>Desabilitar movimento<\/strong> e <strong>Prevenir remo\u00e7\u00e3o<\/strong>, enquanto com o WordPress 6.1, somente as op\u00e7\u00f5es <strong>Restringir edi\u00e7\u00e3o<\/strong> e <strong>Desabilitar movimento<\/strong> estavam dispon\u00edveis.<\/p>\n<p>Al\u00e9m disso, as op\u00e7\u00f5es selecionadas tamb\u00e9m podem ser aplicadas aos blocos internos (links e submenus).<\/p>\n<figure id=\"attachment_148392\" aria-describedby=\"caption-attachment-148392\" style=\"width: 2050px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148392 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-lock-navigation.jpg\" alt=\"Bloquear a navega\u00e7\u00e3o no WordPress 6.2\" width=\"2050\" height=\"1168\"><figcaption id=\"caption-attachment-148392\" class=\"wp-caption-text\">Bloquear a navega\u00e7\u00e3o no WordPress 6.2<\/figcaption><\/figure>\n<h3>Adicionar\/Remover legendas da barra de ferramentas do bloco<\/h3>\n<p>Um novo bot\u00e3o <strong>Adicionar\/Remover legendas<\/strong> permite aos usu\u00e1rios <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/\" target=\"_blank\" rel=\"noopener noreferrer\">controlar as legendas<\/a> da barra de ferramentas de blocos para v\u00e1rios blocos (\u00c1udio, V\u00eddeo, Imagem).<\/p>\n<p>Se voc\u00ea j\u00e1 definiu uma legenda, ela ser\u00e1 automaticamente inclu\u00edda quando voc\u00ea adicionar a imagem ao seu conte\u00fado.<\/p>\n<figure id=\"attachment_148395\" aria-describedby=\"caption-attachment-148395\" style=\"width: 1350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148395 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-add-remove-image-caption.jpg\" alt=\"Adicionar\/remover legenda da barra de ferramentas do bloco\" width=\"1350\" height=\"876\"><figcaption id=\"caption-attachment-148395\" class=\"wp-caption-text\">Adicionar\/remover legenda da barra de ferramentas do bloco<\/figcaption><\/figure>\n<h3>Melhorias no bloco de lista de p\u00e1ginas<\/h3>\n<p>Duas melhorias <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#see-all-pages-in-list-view-for-the-page-list-block\" target=\"_blank\" rel=\"noopener noreferrer\">envolvem o bloco de Lista de P\u00e1ginas<\/a>.<\/p>\n<p>Primeiro, o bloco Lista de P\u00e1ginas pode agora ser expandido para mostrar a <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45776\">lista de p\u00e1ginas no painel de Visualiza\u00e7\u00e3o em Lista<\/a>.<\/p>\n<figure id=\"attachment_148396\" aria-describedby=\"caption-attachment-148396\" style=\"width: 2046px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148396 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-list-view.jpg\" alt=\"Bloco de Lista de P\u00e1ginas Expandido na Visualiza\u00e7\u00e3o em Lista\" width=\"2046\" height=\"754\"><figcaption id=\"caption-attachment-148396\" class=\"wp-caption-text\">Bloco de Lista de P\u00e1ginas Expandido na Visualiza\u00e7\u00e3o em Lista<\/figcaption><\/figure>\n<p>Al\u00e9m disso, uma nova op\u00e7\u00e3o na barra lateral do bloco agora permite que voc\u00ea <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45861\" target=\"_blank\" rel=\"noopener noreferrer\">defina uma p\u00e1gina inicial<\/a> e exiba apenas p\u00e1ginas descendentes dela no bloco.<\/p>\n<figure id=\"attachment_148397\" aria-describedby=\"caption-attachment-148397\" style=\"width: 2072px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148397 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-starting-page-in-page-list.jpg\" alt=\"Configurando uma p\u00e1gina principal para bloco de lista de p\u00e1ginas\" width=\"2072\" height=\"956\"><figcaption id=\"caption-attachment-148397\" class=\"wp-caption-text\">Configurando uma p\u00e1gina principal para bloco de lista de p\u00e1ginas<\/figcaption><\/figure>\n<h3>Novo marcador de posi\u00e7\u00e3o para o bloco de grupo<\/h3>\n<p>Agora, o espa\u00e7o reservado ao Bloco de Grupo exibe <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#add-a-variation-picker-to-the-group-block-placeholder\" target=\"_blank\" rel=\"noopener noreferrer\">um seletor de varia\u00e7\u00e3o<\/a> quando o bloco \u00e9 adicionado ao conte\u00fado da p\u00e1gina.<\/p>\n<figure id=\"attachment_148398\" aria-describedby=\"caption-attachment-148398\" style=\"width: 2074px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148398 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-group-block-placeholder.jpg\" alt=\"O Marcador de Posi\u00e7\u00e3o do Bloco de Grupo no WordPress 6.2\" width=\"2074\" height=\"1232\"><figcaption id=\"caption-attachment-148398\" class=\"wp-caption-text\">O Marcador de Posi\u00e7\u00e3o do Bloco de Grupo no WordPress 6.2<\/figcaption><\/figure>\n<h3>Suporte de posicionamento fixo para blocos<\/h3>\n<p>O WordPress 6.2 introduziu um novo recurso de suporte para blocos de posi\u00e7\u00e3o, come\u00e7ando com o <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/sticky-position-block-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">posicionamento fixo<\/a>.<\/p>\n<p>Este novo recurso se aplica atualmente apenas a blocos de Grupo, aos quais ele est\u00e1 habilitado por padr\u00e3o.<\/p>\n<p>Os desenvolvedores de temas podem habilitar o posicionamento fixo em seus temas usando o recurso <code>appearanceTools<\/code> no <strong>theme.json<\/strong>. Se voc\u00ea quiser um controle mais granular sobre as ferramentas de apar\u00eancia, voc\u00ea tamb\u00e9m pode configurar a propriedade <code>settings.position.sticky<\/code> para <code>true<\/code>.<\/p>\n<p>Voc\u00ea pode habilitar o posicionamento fixo no painel de <strong>posi\u00e7\u00e3o<\/strong> da barra lateral de controle do Inspetor.<\/p>\n<figure id=\"attachment_148935\" aria-describedby=\"caption-attachment-148935\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148935 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-sticky-position.jpg\" alt=\"Definir posi\u00e7\u00e3o para fixo em um bloco de grupo\" width=\"2154\" height=\"1042\"><figcaption id=\"caption-attachment-148935\" class=\"wp-caption-text\">Definir posi\u00e7\u00e3o para fixo em um bloco de grupo<\/figcaption><\/figure>\n<p>Com o posicionamento fixo habilitado, a tag HTML recebe uma classe <code>is-position-sticky<\/code>, e algumas regras do CSS se aplicam ao elemento correspondente:<\/p>\n<pre><code class=\"language-css\">.wp-container-6 {\n    top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));\n    position: sticky;\n    z-index: 10;\n}<\/code><\/pre>\n<figure id=\"attachment_148936\" aria-describedby=\"caption-attachment-148936\" style=\"width: 2160px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148936 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-sticky-position-in-tt3.jpg\" alt=\"Exemplo de posicionamento fixo com o tema Twenty Twenty-Three\" width=\"2160\" height=\"980\"><figcaption id=\"caption-attachment-148936\" class=\"wp-caption-text\">Exemplo de posicionamento fixo com o tema Twenty Twenty-Three<\/figcaption><\/figure>\n<p>O posicionamento fixo s\u00f3 funciona para <strong>blocos de grupo na raiz do documento<\/strong>. Embora isso possa evitar confus\u00e3o e erros para os usu\u00e1rios, voc\u00ea pode achar o posicionamento fixo embutido um pouco complicado no momento (e voc\u00ea pode querer verificar diferentes m\u00e9todos para <a href=\"https:\/\/kinsta.com\/pt\/blog\/sticky-header\/\">adicionar um cabe\u00e7alho fixo (sticky header)<\/a>\u00a0ao seu site WordPress). Entretanto, de acordo com a nota de desenvolvimento,<\/p>\n<blockquote><p>&#8230; em testes manuais, o feedback indicou que sem trabalho adicional de UI ou UX, poderia ser confuso para os usu\u00e1rios que tentam criar cabe\u00e7alho fixo se eles acidentalmente definirem um bloco n\u00e3o-raiz como fixo, ou por exemplo, um bloco <em>dentro de<\/em> uma pe\u00e7a de modelo de cabe\u00e7alho como fixo. A decis\u00e3o foi reduzir o recurso para apenas os blocos raiz por 6,2 para permitir mais tempo para explorar uma solu\u00e7\u00e3o adequada para blocos aninhados.<\/p><\/blockquote>\n<p>O recurso de posicionamento s\u00f3 est\u00e1 dispon\u00edvel para blocos individuais, ent\u00e3o voc\u00ea n\u00e3o o encontrar\u00e1 em Estilos Globais.<\/p>\n<h3>Melhorias adicionais na experi\u00eancia de edi\u00e7\u00e3o de blocos<\/h3>\n<p>Algumas outras atualiza\u00e7\u00f5es importantes na edi\u00e7\u00e3o de blocos incluem o seguinte:<\/p>\n<ul>\n<li>Agora voc\u00ea pode <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/13\/whats-new-in-gutenberg-14-3-12-october\/#improved-drag-and-drop-for-images\" target=\"_blank\" rel=\"noopener noreferrer\">arrastar e soltar imagens<\/a> em um par\u00e1grafo vazio para substitu\u00ed-lo por um bloco de imagens.<\/li>\n<li>Os controles tipografia foram <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/13\/whats-new-in-gutenberg-14-3-12-october\/#typography-panels\" target=\"_blank\" rel=\"noopener noreferrer\">agrupados em pain\u00e9is<\/a>. Isso torna a interface de Estilos mais consistente com a interface Configura\u00e7\u00f5es e melhora sua usabilidade, pois agora voc\u00ea pode mostrar e ocultar os controles como na interface de configura\u00e7\u00f5es de blocos.\n<p><figure id=\"attachment_148406\" aria-describedby=\"caption-attachment-148406\" style=\"width: 1358px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148406 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-typography-controls.jpg\" alt=\"Controles tipogr\u00e1ficos no WordPress 6.1 vs. WordPress 6.2\" width=\"1358\" height=\"1096\"><figcaption id=\"caption-attachment-148406\" class=\"wp-caption-text\">Controles tipogr\u00e1ficos no WordPress 6.1 vs. WordPress 6.2<\/figcaption><\/figure><\/li>\n<li>Agora \u00e9 poss\u00edvel <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#letter-spacing\" target=\"_blank\" rel=\"noopener noreferrer\">modificar o espa\u00e7amento das letras dos blocos de t\u00edtulo<\/a> diretamente na interface Estilos Globais.<\/li>\n<li>Agora voc\u00ea pode definir o fundo, link e <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#a-more-polished-calendar-block\" target=\"_blank\" rel=\"noopener noreferrer\">cor do texto do bloco Calend\u00e1rio.<\/a><\/li>\n<li>Duas novas <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#new-banners-and-footers-block-pattern-categories\" target=\"_blank\" rel=\"noopener noreferrer\">categorias de blocos<\/a> de <strong>Banners<\/strong> e <strong>Rodap\u00e9s<\/strong> foram introduzidas para refletir melhor a estrutura das p\u00e1ginas web.<\/li>\n<li>Agora \u00e9 poss\u00edvel <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#autocompletion-for-links\" target=\"_blank\" rel=\"noopener noreferrer\">autocompletar links<\/a> em qualquer bloco usando o atalho <code>[[<\/code>. Antes desta alter\u00e7\u00e3o, os blocos tinham que declarar explicitamente o suporte ao autocompletar links usando <code>__experimentalSlashInserter<\/code>.<\/li>\n<li>Um novo atalho de teclado <code>control<\/code> + <code>option<\/code> + <code>1<\/code>&#8211;<code>6<\/code>\u00a0 permite que voc\u00ea <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#transform-paragraph-into-heading\" target=\"_blank\" rel=\"noopener noreferrer\">transforme um par\u00e1grafo em um cabe\u00e7alho<\/a>.<\/li>\n<li>O bloco Lista de P\u00e1ginas agora <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#typography-support-for-page-list-block\" target=\"_blank\" rel=\"noopener noreferrer\">suporta todas as op\u00e7\u00f5es de tipografia<\/a>, incluindo fam\u00edlia de fontes, tamanho da fonte, apar\u00eancia, altura da linha, espa\u00e7amento entre letras, decora\u00e7\u00e3o e capitaliza\u00e7\u00e3o de letras.\n<p><figure id=\"attachment_148407\" aria-describedby=\"caption-attachment-148407\" style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148407 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-list-typography-settings.jpg\" alt=\"Configura\u00e7\u00f5es de tipografia de bloco de lista de p\u00e1ginas no WordPress 6.2\" width=\"1920\" height=\"1246\"><figcaption id=\"caption-attachment-148407\" class=\"wp-caption-text\">Configura\u00e7\u00f5es de tipografia de bloco de lista de p\u00e1ginas no WordPress 6.2<\/figcaption><\/figure><\/li>\n<\/ul>\n<h2>Ferramentas de design aprimoradas<\/h2>\n<p>Muitas dos novos recursos e melhorias introduzidas com o WordPress 6.2 melhoram o estilo e a capacidade de design do CMS. Abaixo est\u00e1 uma lista dos recursos mais interessantes relacionados ao design que vem com o 6.2; detalharemos cada um mais adiante.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"7\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Livro de estilos<\/h3>\n<p>O WordPress 6.2 introduz um novo recurso de Livro de estilos que permite aos usu\u00e1rios <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/19\/style-book-preview-of-blocks-in-global-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">pr\u00e9-visualizar qualquer bloco<\/a> que possa ser usado em seus sites sem ter que adicionar esses blocos a uma parte de modelo\/template. Voc\u00ea pode abrir o <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#introduce-the-stylebook\" target=\"_blank\" rel=\"noopener noreferrer\">Livro de Estilos<\/a> clicando no bot\u00e3o <strong>Open Style Book<\/strong> (Abrir Livro de estilos) que agora aparece no cabe\u00e7alho <b>Estilos <\/b>em estilos globais.<\/p>\n<p>Isso abre uma interface mostrando uma pr\u00e9via de cada n\u00facleo e de cada bloco de terceiros por categoria.<\/p>\n<figure id=\"attachment_148365\" aria-describedby=\"caption-attachment-148365\" style=\"width: 2528px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148365 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-style-book-preview.jpg\" alt=\"A interface do Livro de estilos\" width=\"2528\" height=\"1422\"><figcaption id=\"caption-attachment-148365\" class=\"wp-caption-text\">A interface do Livro de estilos<\/figcaption><\/figure>\n<p>A nova interface Livro de Estilos simplifica o processo de design tornando as visualiza\u00e7\u00f5es de cada estilo de bloco dispon\u00edveis em um \u00fanico local centralizado.<\/p>\n<p>De um ponto de vista t\u00e9cnico, a nova interface \u00e9 gerada por um novo componente <code>StyleBook<\/code> adicionado a <code>@wordpress\/edit-site<\/code> para exibir uma pr\u00e9via de cada bloco registrado <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-iframe\/\">em um iframe<\/a> (veja tamb\u00e9m <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45960\" target=\"_blank\" rel=\"noopener noreferrer\">PR #45960<\/a>).<\/p>\n<p>A mesma interface tamb\u00e9m fornece visualiza\u00e7\u00f5es de blocos individuais. Como exemplo, a seguinte imagem mostra a visualiza\u00e7\u00e3o de um widget de calend\u00e1rio personalizado.<\/p>\n<figure id=\"attachment_148366\" aria-describedby=\"caption-attachment-148366\" style=\"width: 2528px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148366 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-style-book-calendar-preview.jpg\" alt=\"Personaliza\u00e7\u00e3o e pr\u00e9-visualiza\u00e7\u00e3o do bloco Calend\u00e1rio\" width=\"2528\" height=\"1422\"><figcaption id=\"caption-attachment-148366\" class=\"wp-caption-text\">Personaliza\u00e7\u00e3o e pr\u00e9-visualiza\u00e7\u00e3o do bloco Calend\u00e1rio<\/figcaption><\/figure>\n<p>Os desenvolvedores podem ocultar um bloco de ser inserido e visualizado de duas maneiras. Primeiro, voc\u00ea pode configurar <code>supports.inserter<\/code> para <code>false<\/code> no <strong>block.json<\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n    \"supports\": {\n        \"inserter\": false\n    }\n}<\/code><\/pre>\n<p>Outra maneira de ocultar a visualiza\u00e7\u00e3o do bloco \u00e9 evitar a propriedade <code>example<\/code>, usada para criar uma visualiza\u00e7\u00e3o do bloco no Painel de Ajuda do Inspetor (leia mais <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-registration\/#example-optional\" target=\"_blank\" rel=\"noopener noreferrer\">aqui<\/a>).<\/p>\n<h3>Sombras em Estilos Globais<\/h3>\n<p>Com WordPress 6.2, agora \u00e9 poss\u00edvel <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/shadows-in-global-styles-with-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">adicionar e personalizar sombras<\/a> a alguns blocos usando Estilos Globais ou <strong>theme.json<\/strong> (a partir desta escrita, o recurso de sombras est\u00e1 dispon\u00edvel apenas para o bloco de bot\u00f5es).<\/p>\n<p>Primeiro, em temas que suportam este recurso, voc\u00ea pode adicionar sombras a partir da interface Estilos Globais.<\/p>\n<p>Para ver isso em a\u00e7\u00e3o, ative o tema <a href=\"https:\/\/kinsta.com\/pt\/blog\/tema-twenty-twenty-three\/\">Twenty Twenty-Three<\/a>, navegue para <strong>Estilos <\/strong>&gt;<strong> Blocos <\/strong>&gt;<strong> Bot\u00e3o<\/strong> e clique no bot\u00e3o Sombra.<\/p>\n<div class=\"group w-full text-gray-800 dark:text-gray-100 border-b border-black\/10 dark:border-gray-900\/50 bg-gray-50 dark:bg-[#444654]\">\n<div class=\"text-base gap-4 md:gap-6 md:max-w-2xl lg:max-w-xl xl:max-w-3xl p-4 md:py-6 flex lg:px-0 m-auto\">\n<div class=\"relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]\">\n<div class=\"flex flex-grow flex-col gap-3\">\n<div class=\"min-h-[20px] flex flex-col items-start gap-4 whitespace-pre-wrap\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<p>Uma janela pop-up permite selecionar uma sombra a partir dos presets do tema.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"flex justify-between lg:block\">\n<div class=\"text-gray-400 flex self-end lg:self-center justify-center mt-2 gap-2 md:gap-3 lg:gap-1 lg:absolute lg:top-0 lg:translate-x-full lg:right-0 lg:mt-0 lg:pl-2 visible\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<figure id=\"attachment_148833\" aria-describedby=\"caption-attachment-148833\" style=\"width: 1702px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148833 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-shadow.jpg\" alt=\"Definindo sombra nos Estilos do bloco\" width=\"1702\" height=\"1344\"><figcaption id=\"caption-attachment-148833\" class=\"wp-caption-text\">Definindo sombra nos Estilos do bloco<\/figcaption><\/figure>\n<p>Desenvolvedores de temas e usu\u00e1rios avan\u00e7ados tamb\u00e9m podem adicionar uma sombra aos blocos usando o <strong>theme.json<\/strong>. A defini\u00e7\u00e3o a seguir adiciona uma sombra preta de 4px aos blocos de bot\u00f5es:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"shadow\": \"4px 4px #000000\"\n        }\n    }\n},<\/code><\/pre>\n<p>Voc\u00ea tamb\u00e9m pode <a href=\"https:\/\/kinsta.com\/pt\/blog\/tema-twenty-twenty-two\/#settings\">definir predefini\u00e7\u00f5es<\/a> para dar aos usu\u00e1rios do tema a capacidade de selecionar uma da interface de Estilos:<\/p>\n<pre><code class=\"language-json\">\"settings\": {\n    \"shadow\": {\n        \"presets\": [\n            {\n                \"shadow\": \"4px 4px #FF0000\",\n                \"name\": \"Red\",\n                \"slug\": \"red\"\n            },\n            {\n                \"shadow\": \"4px 4px #00FF00\",\n                \"name\": \"Green\",\n                \"slug\": \"green\"\n            },\n            {\n                \"shadow\": \"4px 4px #0000FF\",\n                \"name\": \"Blue\",\n                \"slug\": \"blue\"\n            }\n        ]\n    },\n}<\/code><\/pre>\n<p>Uma vez definidas, suas predefini\u00e7\u00f5es aparecem no painel <strong>Sombra<\/strong> em Estilos de bloco.<\/p>\n<figure id=\"attachment_148832\" aria-describedby=\"caption-attachment-148832\" style=\"width: 1716px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148832 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-shadow-presets.jpg\" alt=\"Predefini\u00e7\u00f5es de sombras personalizadas em Estilos de blocos\" width=\"1716\" height=\"1340\"><figcaption id=\"caption-attachment-148832\" class=\"wp-caption-text\">Predefini\u00e7\u00f5es de sombras personalizadas em Estilos de blocos<\/figcaption><\/figure>\n<p>Voc\u00ea tamb\u00e9m pode escolher o valor de uma predefini\u00e7\u00e3o e us\u00e1-la como padr\u00e3o de bloco:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"shadow\": \"var(--wp--preset--shadow--blue)\"\n        }\n    }\n}<\/code><\/pre>\n<h3>Nova op\u00e7\u00e3o de controle de altura m\u00ednima<\/h3>\n<p>Come\u00e7ando com o WordPress 6.2, o painel Dimens\u00f5es da barra lateral de configura\u00e7\u00f5es de blocos para os blocos de Grupo e Conte\u00fado do artigo agora fornece um <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/minimum-height-dimensions-block-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">novo controle de Altura M\u00ednima<\/a> habilitado por padr\u00e3o nos temas usando o recurso <code>appearanceTools<\/code>.<\/p>\n<figure id=\"attachment_148404\" aria-describedby=\"caption-attachment-148404\" style=\"width: 2076px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148404 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-group-block-minimum-height.jpg\" alt=\"Controle de Altura M\u00ednima para o Bloco de Grupo\" width=\"2076\" height=\"1276\"><figcaption id=\"caption-attachment-148404\" class=\"wp-caption-text\">Controle de Altura M\u00ednima para o Bloco de Grupo<\/figcaption><\/figure>\n<p>Este novo controle permite que os usu\u00e1rios definam uma altura m\u00ednima para blocos de Grupo e Conte\u00fado do artigo e pode ser usado para renderizar o rodap\u00e9 na parte inferior da p\u00e1gina, mesmo com pouco conte\u00fado.<\/p>\n<p>Combinado com as novas ferramentas de alinhamento vertical, ele tamb\u00e9m permite alinhar verticalmente os elementos internos na parte superior\/central\/inferior da p\u00e1gina.<\/p>\n<p>Os desenvolvedores podem adicionar suporte para altura m\u00ednima aos temas, adicionando a configura\u00e7\u00e3o <code>minHeight<\/code> ao <strong>theme.json<\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n    \"settings\": {\n        dimensions: \"minHeight\": true\n    }\n}<\/code><\/pre>\n<p>Voc\u00ea tamb\u00e9m pode usar a propriedade <code>appearanceTools<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n    \"settings\": {\n        \"appearanceTools\": true\n    }\n}<\/code><\/pre>\n<p>A nova propriedade <code>minHeight<\/code> tamb\u00e9m pode ser usada para definir um valor espec\u00edfico diretamente no <strong>theme.json<\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n    \"styles\": {\n        \"blocks\": {\n            \"core\/post-content\": {\n                \"dimensions\": {\n                    \"minHeight\": \"80vh\"\n                }\n            }\n        }\n    }\n}<\/code><\/pre>\n<p>Os desenvolvedores de blocos podem adicionar a propriedade <code>supports.dimensions.minHeight<\/code> ao seu arquivo <strong>block.json<\/strong> e definir seu valor para <code>true<\/code>. Para <a href=\"https:\/\/kinsta.com\/pt\/blog\/blocos-personalizados-gutenberg\/\">blocos est\u00e1ticos<\/a>, a regra CSS <code>min-height<\/code> ser\u00e1 armazenada como um estilo inline, enquanto para <a href=\"https:\/\/kinsta.com\/pt\/blog\/blocos-dinamicos-gutenberg\/\">blocos din\u00e2micos<\/a> ela ser\u00e1 inclu\u00edda no atributo de estilo retornado por <code>get_block_wrapper_attributes<\/code>.<\/p>\n<h3>CSS personalizado no painel de estilos<\/h3>\n<p>Uma das funcionalidades ausentes no Editor do Site em compara\u00e7\u00e3o com o Customizador de Temas foi a capacidade de <a href=\"https:\/\/kinsta.com\/pt\/blog\/css-wordpress\/\">adicionar estilos CSS personalizados<\/a>. O WordPress 6.2 preenche a lacuna e agora a interface Estilos Globais <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/custom-css-for-global-styles-and-per-block\/\" target=\"_blank\" rel=\"noopener noreferrer\">inclui um campo de texto<\/a> para <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#Add-custom-CSS-rules-for-your-site\" target=\"_blank\" rel=\"noopener noreferrer\">adicionar regras CSS personalizadas<\/a> que n\u00e3o ser\u00e3o sobrescritas quando voc\u00ea atualizar seu tema.<\/p>\n<figure id=\"attachment_148368\" aria-describedby=\"caption-attachment-148368\" style=\"width: 1782px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148368 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-additional-block-css.jpg\" alt=\"Bloco adicional CSS no painel de estilos de blocos\" width=\"1782\" height=\"1656\"><figcaption id=\"caption-attachment-148368\" class=\"wp-caption-text\">Bloco adicional CSS no painel de estilos de blocos<\/figcaption><\/figure>\n<p>Voc\u00ea pode adicionar estilos personalizados tanto <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#Add-custom-CSS-on-a-per-block-basis\" target=\"_blank\" rel=\"noopener noreferrer\">por bloco<\/a>, a partir do <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/44412\" target=\"_blank\" rel=\"noopener noreferrer\">painel de estilos de bloco<\/a>, ou clicando no bot\u00e3o de a\u00e7\u00f5es <strong>Mais Estilos<\/strong> na barra de ferramentas Estilos. Isso exibe um menu pop-up mostrando um elemento <strong>CSS adicional<\/strong>.<\/p>\n<figure id=\"attachment_148369\" aria-describedby=\"caption-attachment-148369\" style=\"width: 1366px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148369 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-additional-css.jpg\" alt=\"A \u00e1rea de texto adicional do CSS no WordPress 6.2\" width=\"1366\" height=\"904\"><figcaption id=\"caption-attachment-148369\" class=\"wp-caption-text\">A \u00e1rea de texto adicional do CSS no WordPress 6.2<\/figcaption><\/figure>\n<p>Para oferecer suporte ao CSS personalizado, uma nova propriedade <code>styles.css<\/code> foi adicionada ao <strong>theme.json<\/strong>.<\/p>\n<p>Regras CSS personalizadas podem substituir completamente qualquer estilo personalizado definido no <strong>theme.json<\/strong>. Se voc\u00ea n\u00e3o deseja que isso aconte\u00e7a, pode considerar incluir a folha de estilos usando os <a href=\"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/\">m\u00e9todos existentes de enfileiramento<\/a>.<\/p>\n<p>Voc\u00ea tamb\u00e9m pode adicionar CSS personalizado por bloco no <strong>theme.json<\/strong> usando a propriedade <code>styles.blocks.block.css<\/code>:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"css\": \"background: #FF0000\"\n        }\n    }\n}<\/code><\/pre>\n<p>Voc\u00ea tamb\u00e9m pode usar <code>&<\/code> para elementos aninhados e pseudo-selecionadores.<\/p>\n<p>Para uma vis\u00e3o mais detalhada sobre o novo recurso CSS personalizado, veja tamb\u00e9m <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/custom-css-for-global-styles-and-per-block\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS personalizado para estilos globais e por bloco<\/a>.<\/p>\n<h3>Copiar e colar estilos entre blocos<\/h3>\n<p>Um novo grupo no menu Op\u00e7\u00f5es da barra de ferramentas do bloco agora exibe dois bot\u00f5es para <strong>Copiar estilos<\/strong> e <strong>Colar estilos<\/strong>. Antes <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#other-notable-highlights\" target=\"_blank\" rel=\"noopener noreferrer\">desta adi\u00e7\u00e3o<\/a>, s\u00f3 era poss\u00edvel copiar estilos, mas n\u00e3o estava claro como <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/20\/whats-new-in-gutenberg-15-0-18-january\/#paste-styles\" target=\"_blank\" rel=\"noopener noreferrer\">colar estilos<\/a>.<\/p>\n<figure id=\"attachment_148377\" aria-describedby=\"caption-attachment-148377\" style=\"width: 1840px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148377 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-copy-styles.jpg\" alt=\"Estilos de c\u00f3pia no WordPress 6.2\" width=\"1840\" height=\"1164\"><figcaption id=\"caption-attachment-148377\" class=\"wp-caption-text\">Estilos de c\u00f3pia no WordPress 6.2<\/figcaption><\/figure>\n<p>Para tentar este novo recurso, adicione um novo bloco, como um cabe\u00e7alho. Mude o estilo e escolha <strong>Copiar estilos<\/strong> no menu de op\u00e7\u00f5es do bloco.<\/p>\n<figure id=\"attachment_148378\" aria-describedby=\"caption-attachment-148378\" style=\"width: 1864px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148378 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-allow-clipboard-access-google-chrome.jpg\" alt=\"Permitir que o Google Chrome veja textos e imagens copiados para a \u00e1rea de transfer\u00eancia.\" width=\"1864\" height=\"1312\"><figcaption id=\"caption-attachment-148378\" class=\"wp-caption-text\">Permitir que o Google Chrome veja textos e imagens copiados para a \u00e1rea de transfer\u00eancia.<\/figcaption><\/figure>\n<div class=\"group w-full text-gray-800 dark:text-gray-100 border-b border-black\/10 dark:border-gray-900\/50 bg-gray-50 dark:bg-[#444654]\">\n<div class=\"text-base gap-4 md:gap-6 md:max-w-2xl lg:max-w-xl xl:max-w-3xl p-4 md:py-6 flex lg:px-0 m-auto\">\n<div class=\"relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]\">\n<div class=\"flex flex-grow flex-col gap-3\">\n<div class=\"min-h-[20px] flex flex-col items-start gap-4 whitespace-pre-wrap\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<p>Voc\u00ea pode experimentar essa nova funcionalidade adicionando um novo bloco, como um cabe\u00e7alho. Altere o estilo e escolha <strong>Copiar estilos<\/strong> no menu Op\u00e7\u00f5es do bloco.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"flex justify-between lg:block\">\n<div class=\"text-gray-400 flex self-end lg:self-center justify-center mt-2 gap-2 md:gap-3 lg:gap-1 lg:absolute lg:top-0 lg:translate-x-full lg:right-0 lg:mt-0 lg:pl-2 visible\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<figure id=\"attachment_148379\" aria-describedby=\"caption-attachment-148379\" style=\"width: 1592px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148379 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-paste-styles.jpg\" alt=\"Copiar estilos no WordPress 6.2\" width=\"1592\" height=\"1220\"><figcaption id=\"caption-attachment-148379\" class=\"wp-caption-text\">Copiar estilos no WordPress 6.2<\/figcaption><\/figure>\n<p>Note que este recurso s\u00f3 est\u00e1 dispon\u00edvel em <a href=\"https:\/\/kinsta.com\/pt\/blog\/http-para-https\/\">sites seguros (https)<\/a> em navegadores de suporte. Para detalhes adicionais, veja o\u00a0<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46446\" target=\"_blank\" rel=\"noopener noreferrer\">pull request.<\/a><\/p>\n<h3>Aplicar altera\u00e7\u00f5es de bloco globalmente<\/h3>\n<p>O WordPress 6.2 tamb\u00e9m introduz um bot\u00e3o <strong>Aplicar globalmente<\/strong> sob o painel Avan\u00e7ado para blocos individuais que permitindo que voc\u00ea <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#push-block-changes-to-global-styles\">envie as altera\u00e7\u00f5es de estilo do seu bloco<\/a> para Estilos globais e aplique essas altera\u00e7\u00f5es em todo o site.<\/p>\n<figure id=\"attachment_148380\" aria-describedby=\"caption-attachment-148380\" style=\"width: 1748px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148380 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-apply-globally.jpg\" alt=\"Bot\u00e3o para Aplicar estilos de bloco globalmente no WordPress 6.2\" width=\"1748\" height=\"1748\"><figcaption id=\"caption-attachment-148380\" class=\"wp-caption-text\">Bot\u00e3o para Aplicar estilos de bloco globalmente no WordPress 6.2<\/figcaption><\/figure>\n<p>Gra\u00e7as a este novo recurso, aplicar tipografia de blocos, espa\u00e7amento, dimens\u00f5es e estilo de cor a todos os blocos desse tipo \u00e9 agora t\u00e3o f\u00e1cil quanto clicar em um bot\u00e3o (veja tamb\u00e9m <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46446\" target=\"_blank\" rel=\"noopener noreferrer\">pull request<\/a>).<\/p>\n<h3>Experi\u00eancia de design melhorada com os visualizadores de espa\u00e7amento<\/h3>\n<p>Os Visualizadores de Espa\u00e7amento permitem que voc\u00ea visualize a quantidade de margem ou preenchimento que est\u00e1 sendo aplicada a um bloco. Com o WordPress 6.2, esse recurso \u00e9 aprimorado com algumas adi\u00e7\u00f5es que melhoram a experi\u00eancia de edi\u00e7\u00e3o.<\/p>\n<p>Primeiro, os Visualizadores de Espa\u00e7amento agora aparecem assim que voc\u00ea passa o mouse sobre o <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/09\/whats-new-in-gutenberg-14-5-9-november\/#confidently-edit-block-spacing-using-improved-visualizers\">controle de margem ou preenchimento<\/a>.<\/p>\n<div class=\"group w-full text-gray-800 dark:text-gray-100 border-b border-black\/10 dark:border-gray-900\/50 bg-gray-50 dark:bg-[#444654]\">\n<div class=\"text-base gap-4 md:gap-6 md:max-w-2xl lg:max-w-xl xl:max-w-3xl p-4 md:py-6 flex lg:px-0 m-auto\">\n<div class=\"relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]\">\n<div class=\"flex flex-grow flex-col gap-3\">\n<div class=\"min-h-[20px] flex flex-col items-start gap-4 whitespace-pre-wrap\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<p>Em segundo lugar, o Visualizador de Espa\u00e7amento agora <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#hide-block-toolbar-when-spacing-visualizer-is-shown\">oculta automaticamente a barra de ferramentas do bloco<\/a> assim que voc\u00ea passa o mouse sobre a configura\u00e7\u00e3o de espa\u00e7amento. Isso permite visualizar as novas configura\u00e7\u00f5es de preenchimento e margem sem sobrecarregar a barra de ferramentas do bloco.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<figure id=\"attachment_148402\" aria-describedby=\"caption-attachment-148402\" style=\"width: 2076px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148402 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-spacing-visualizer-without-block-toolbar.jpg\" alt=\"O visualizador de espa\u00e7amento sem a barra de ferramentas de blocos\" width=\"2076\" height=\"1278\"><figcaption id=\"caption-attachment-148402\" class=\"wp-caption-text\">O visualizador de espa\u00e7amento sem a barra de ferramentas de blocos<\/figcaption><\/figure>\n<p>Essas s\u00e3o mudan\u00e7as pequenas, mas significativas que afetam um bom n\u00famero de blocos principais.<\/p>\n<h2>Mudan\u00e7as para os desenvolvedores<\/h2>\n<p>O WordPress 6.2 tamb\u00e9m traz muitas novas funcionalidades para <a href=\"https:\/\/kinsta.com\/pt\/blog\/salario-de-um-desenvolvedor-wordpress\/\">desenvolvedores<\/a>: novas APIs, corre\u00e7\u00f5es de bugs, melhorias de desempenho e muito mais. Vamos analisar as adi\u00e7\u00f5es mais interessantes.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Uma nova API HTML<\/h3>\n<p>O WordPress 6.2 introduz o HTML Tag Processor, um <a href=\"https:\/\/github.com\/WordPress\/wordpress-develop\/pull\/3920\" target=\"_blank\" rel=\"noopener noreferrer\">analisador compat\u00edvel com HTML5<\/a> que fornece uma maneira segura de encontrar <a href=\"https:\/\/kinsta.com\/pt\/blog\/o-que-e-html\/\">tags HTML<\/a> espec\u00edficas e adicionar, remover ou atualizar atributos via PHP. O <strong>HTML Tag Processor<\/strong> \u00e9 o primeiro componente em uma <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introducing-the-html-api-in-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">nova API de processamento HTML<\/a>.<\/p>\n<p>A nova API facilita a execu\u00e7\u00e3o de tarefas anteriormente complexas que muitas vezes exigiam o uso de express\u00f5es regulares.<\/p>\n<p>No exemplo a seguir, n\u00f3s simplesmente adicionamos o atributo <code>alt<\/code> a uma tag <code>img<\/code>:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;img src=\"\/my-image.jpg\" \/&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n \nif ( $p-&gt;next_tag() ) {\n    $p-&gt;set_attribute( 'alt', 'Hello WordPress 6.2' );\n}\n \necho $p-&gt;get_updated_html();<\/code><\/pre>\n<div class=\"group w-full text-gray-800 dark:text-gray-100 border-b border-black\/10 dark:border-gray-900\/50 bg-gray-50 dark:bg-[#444654]\">\n<div class=\"text-base gap-4 md:gap-6 md:max-w-2xl lg:max-w-xl xl:max-w-3xl p-4 md:py-6 flex lg:px-0 m-auto\">\n<div class=\"relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]\">\n<div class=\"flex flex-grow flex-col gap-3\">\n<div class=\"min-h-[20px] flex flex-col items-start gap-4 whitespace-pre-wrap\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<p>Este c\u00f3digo produziria a seguinte tag <code>img<\/code><span style=\"font-size: 1rem\">:<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<pre><code class=\"language-html\">&lt;img alt=\"Hello WordPress 6.2\" src=\"\/my-image.jpg\"&gt;<\/code><\/pre>\n<p>O m\u00e9todo <code>$p-&gt;next_tag()<\/code> passa para a pr\u00f3xima tag dispon\u00edvel no HTML. Ele tamb\u00e9m aceita um nome de tag, uma classe CSS ou ambas para encontrar tags espec\u00edficas, como mostrado no exemplo acima.<\/p>\n<p>Para editar as tags HTML, voc\u00ea tem primeiro que selecionar a tag de destino:<\/p>\n<pre><code class=\"language-html\">$p-&gt;next_tag();<\/code><\/pre>\n<p>Uma vez que voc\u00ea tenha selecionado a tag alvo, voc\u00ea pode usar os m\u00e9todos API para realizar v\u00e1rias opera\u00e7\u00f5es:<\/p>\n<ul>\n<li><code>$p-&gt;get_tag()<\/code><\/li>\n<li><code>$p-&gt;set_attribute()<\/code><\/li>\n<li><code>$p-&gt;get_attribute()<\/code><\/li>\n<li><code>$p-&gt;remove_attribute()<\/code><\/li>\n<li><code>$p-&gt;add_class()<\/code><\/li>\n<li><code>$p-&gt;remove_class()<\/code><\/li>\n<\/ul>\n<p>Voc\u00ea pode definir um atributo de estilo:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;a href=\"https:\/\/example.com\"&gt;example.com&lt;\/a&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n\nif ( $p-&gt;next_tag( 'a' ) ) {\n    $p-&gt;set_attribute( 'style', 'text-decoration: wavy underline purple;' );\n}\n\necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>Voc\u00ea tamb\u00e9m pode adicionar ou remover uma classe, ou um atributo. No c\u00f3digo a seguir, adicionamos uma classe personalizada a uma tag <code>h1<\/code>:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;div&gt;&lt;h1&gt;Page Title&lt;\/h1&gt;&lt;\/div&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n\nif( $p-&gt;next_tag( 'h1' ) ) {\n    $p-&gt;add_class( 'title' );\n}\n\necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>Voc\u00ea pode, ent\u00e3o, exibir ou retornar a tag atualizada usando o m\u00e9todo <code>$p-&gt;get_updated_html()<\/code>.<\/p>\n<p>Para uma visualiza\u00e7\u00e3o mais detalhada da nova API HTML, confira este <a href=\"https:\/\/adamadam.blog\/2023\/02\/16\/how-to-modify-html-in-a-php-wordpress-plugin-using-the-new-tag-processor-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">tutorial PHP interativo<\/a> de <a href=\"https:\/\/twitter.com\/adamzielin\" target=\"_blank\" rel=\"noopener noreferrer\">Adam Zieli\u0144ski<\/a>, contribuidor principal do WordPress.<\/p>\n<h3>API Patterns e uma nova propriedade <code>template_types<\/code><\/h3>\n<p>A <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">API Patterns<\/a> permite aos <a href=\"https:\/\/kinsta.com\/pt\/blog\/fluxo-de-trabalho-wordpress\/\">desenvolvedores de WordPress<\/a> &#8220;criar blocos pr\u00e9-desenhados de conte\u00fado que podem ser facilmente inseridos em artigos, p\u00e1ginas, tipos de artigos personalizados e modelos&#8221;.<\/p>\n<p>Com WordPress 6.2, a API Patterns inclui agora uma nova propriedade <code>template_types<\/code> para permitir que voc\u00ea especifique em quais modelos um determinado <a href=\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#block-patterns\">padr\u00e3o de bloco<\/a> pode ser usado.<\/p>\n<p>Jorge Costa ressalta que esta \u00e9 uma <em>atualiza\u00e7\u00e3o apenas de backend-only<\/em> e n\u00e3o h\u00e1 atualmente nenhuma funcionalidade UX correspondente. Entretanto, podemos esperar ver <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/patterns-api-expanded-to-include-template_types-property\/\" target=\"_blank\" rel=\"noopener noreferrer\">implementa\u00e7\u00f5es evolu\u00eddas<\/a> desta funcionalidade com o WordPress 6.3:<\/p>\n<blockquote><p>A primeira utiliza\u00e7\u00e3o, ao pensar no WordPress 6.3, \u00e9 mostrar ao usu\u00e1rio alguns padr\u00f5es que fazem sentido em um template quando o usu\u00e1rio come\u00e7a a criar um template. Os usu\u00e1rios podem come\u00e7ar a partir de um padr\u00e3o ao inv\u00e9s de &#8220;em branco&#8221; ou do modelo fallback.<\/p><\/blockquote>\n<p>No lado t\u00e9cnico, a fun\u00e7\u00e3o <code>register_block_pattern()<\/code> foi modificada para incluir um novo par\u00e2metro <code>template_types<\/code>, que \u00e9 um conjunto de strings contendo os nomes dos modelos para os quais o padr\u00e3o do bloco \u00e9 destinado.<\/p>\n<p>O <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-rest-api\/\">REST API<\/a> tamb\u00e9m foi modificado para retornar os tipos de modelo de um padr\u00e3o de bloco, se pelo menos um tiver sido definido.<\/p>\n<h3>React v18.0 e o modo concorrente<\/h3>\n<p>O WordPress 6.2 tamb\u00e9m envia uma nova vers\u00e3o da <a href=\"https:\/\/kinsta.com\/pt\/blog\/melhores-praticas-react\/\">biblioteca React<\/a>, agora atualizada para a vers\u00e3o 18.0. A nova vers\u00e3o vem com novas APIs, funcionalidades, melhorias e corre\u00e7\u00f5es de bugs. Uma das principais funcionalidades que vem com o <a href=\"https:\/\/reactjs.org\/blog\/2022\/03\/29\/react-v18.html\" target=\"_blank\" rel=\"noopener noreferrer\">React v18.0<\/a> \u00e9 a introdu\u00e7\u00e3o do modo de concorrente, &#8220;um novo mecanismo de bastidores que permite ao React preparar m\u00faltiplas vers\u00f5es da sua interface do usu\u00e1rio (UI) ao mesmo tempo&#8221;.<\/p>\n<p>Uma das principais funcionalidades do Modo Concorrente no React \u00e9 que ele \u00e9 interromp\u00edvel:<\/p>\n<blockquote><p>O React garante que a interface do usu\u00e1rio parecer\u00e1 consistente mesmo se uma renderiza\u00e7\u00e3o for interrompida. Para fazer isso, ele espera para realizar muta\u00e7\u00f5es no DOM at\u00e9 o final, uma vez que a \u00e1rvore inteira tenha sido avaliada. Com essa capacidade, o React pode preparar novas telas em segundo plano sem bloquear a thread principal. Isso significa que a interface do usu\u00e1rio pode responder imediatamente \u00e0 entrada do usu\u00e1rio, mesmo que esteja no meio de uma tarefa de renderiza\u00e7\u00e3o grande, criando uma experi\u00eancia de usu\u00e1rio fluida.<\/p><\/blockquote>\n<p>Embora o principal benef\u00edcio seja que a interface do usu\u00e1rio responde imediatamente \u00e0 entrada do usu\u00e1rio, em concorr\u00eancia com o trabalho que ainda est\u00e1 sendo executado em segundo plano.<\/p>\n<div class=\"group w-full text-gray-800 dark:text-gray-100 border-b border-black\/10 dark:border-gray-900\/50 bg-gray-50 dark:bg-[#444654]\">\n<div class=\"text-base gap-4 md:gap-6 md:max-w-2xl lg:max-w-xl xl:max-w-3xl p-4 md:py-6 flex lg:px-0 m-auto\">\n<div class=\"relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]\">\n<div class=\"flex flex-grow flex-col gap-3\">\n<div class=\"min-h-[20px] flex flex-col items-start gap-4 whitespace-pre-wrap\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<p>No entanto, a concorr\u00eancia tamb\u00e9m introduz poss\u00edveis armadilhas que os desenvolvedores devem estar cientes. Para uma vis\u00e3o geral mais detalhada do Modo Concorrente no React no WordPress 6.2, confira os exemplos fornecidos na <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/upgrading-to-react-18-and-common-pitfalls-of-concurrent-mode\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota de desenvolvimento<\/a>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h3>Mudan\u00e7as adicionais para desenvolvedores<\/h3>\n<p>Outras mudan\u00e7as not\u00e1veis que os desenvolvedores devem estar cientes incluem o seguinte:<\/p>\n<ul>\n<li>O WordPress 6.2 introduziu um novo filtro <a href=\"https:\/\/kinsta.com\/pt\/blog\/padroes-de-design-javascript\/\">JavaScript<\/a> que pode ser usado para filtrar configura\u00e7\u00f5es de blocos antes que o editor seja renderizado na tela. O novo filtro <code>blockEditor.useSetting.before<\/code> tamb\u00e9m permite que os desenvolvedores modifiquem as configura\u00e7\u00f5es com base na localiza\u00e7\u00e3o do bloco, fun\u00e7\u00e3o do usu\u00e1rio atual, blocos vizinhos e muito mais. Para informa\u00e7\u00f5es adicionais e exemplos de uso, veja <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/28\/custom-settings-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">Personalizar configura\u00e7\u00f5es para qualquer bloco no WordPress 6.2<\/a>.<\/li>\n<li>Uma nova propriedade <code>skipBlockSupportAttributes<\/code> <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/add-new-prop-to-serversiderender-component\/\" target=\"_blank\" rel=\"noopener noreferrer\">foi introduzido<\/a> para excluir atributos e estilos relacionados ao suporte de blocos no componente <code>ServerSideRender<\/code>.<\/li>\n<li>Uma nova API do <strong>theme.json<\/strong> permite agora <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/miscellaneous-editor-changes-in-wordpress-6-2\/#edit-block-style-variations-from-theme-json\" target=\"_blank\" rel=\"noopener noreferrer\">estilizar varia\u00e7\u00f5es do n\u00facleo do bloco existente<\/a> a partir do <strong>theme.json<\/strong>.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/pt\/blog\/melhores-fontes-google\/\">As fontes do Google<\/a> agora est\u00e3o <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/google-fonts-are-included-locally-in-bundled-themes\/\">inclu\u00eddas localmente<\/a> e n\u00e3o s\u00e3o buscadas em endere\u00e7os do Google nos temas integrados do Twenty Twelve ao Twenty Seventeen.<\/li>\n<\/ul>\n<p>Mas isso n\u00e3o \u00e9 tudo. O WordPress 6.2 introduz muitas funcionalidades, melhorias e corre\u00e7\u00f5es de bugs que n\u00e3o mencionamos aqui por uma quest\u00e3o de brevidade. Para uma vis\u00e3o geral mais abrangente, confira o <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/09\/wordpress-6-2-field-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">Guia WordPress 6.2<\/a>.<\/p>\n<h2>Resumo<\/h2>\n<p>O WordPress 6.2 nos leva mais perto do final da Fase 2 do projeto Gutenberg, chamado de Customiza\u00e7\u00e3o. Mas, como <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/04\/phase-2-finale\/\">aponta Matias Ventura<\/a>, isso n\u00e3o significa que o trabalho em customiza\u00e7\u00e3o esteja completo. Como sempre, podemos esperar melhorias adicionais no editor com base no feedback da comunidade.<\/p>\n\n<p>Neste artigo, exploramos algumas das principais funcionalidades, melhorias e corre\u00e7\u00f5es de bugs do WordPress 6.2. Com dez vers\u00f5es do <a href=\"https:\/\/kinsta.com\/pt\/blog\/editor-gutenberg-wordpress\/\">plugin Gutenberg<\/a> integradas ao core &#8211; do 14.2 \u00e0 15.1 &#8211; veremos um novo Modo de Navega\u00e7\u00e3o, um Inspetor de Blocos com Abas, migra\u00e7\u00e3o de Widgets para Temas de Blocos, novas APIs e toneladas de melhorias e corre\u00e7\u00f5es de bugs. Tamb\u00e9m haver\u00e1 melhorias na <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/02\/wordpress-6-2-accessibility-improvements\/\" target=\"_blank\" rel=\"noopener noreferrer\">acessibilidade<\/a> e <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/03\/i18n-improvements-in-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">internacionaliza\u00e7\u00e3o<\/a>.<\/p>\n<p>E se voc\u00ea adora WordPress e quer <a href=\"https:\/\/kinsta.com\/pt\/blog\/aprender-wordpress\/\">adquirir novas habilidades de desenvolvimento WordPress<\/a> ou <a href=\"https:\/\/kinsta.com\/pt\/blog\/colaborador-do-wordpress\/\">testar e fazer contribui\u00e7\u00f5es para o CMS<\/a>, certifique-se de experimentar o <a href=\"https:\/\/kinsta.com\/pt\/devkinsta\/\">DevKinsta<\/a>, a su\u00edte de desenvolvimento local do WordPress totalmente gratuita da Kinsta.<\/p>\n<div class=\"group w-full text-gray-800 dark:text-gray-100 border-b border-black\/10 dark:border-gray-900\/50 bg-gray-50 dark:bg-[#444654]\">\n<div class=\"text-base gap-4 md:gap-6 md:max-w-2xl lg:max-w-xl xl:max-w-3xl p-4 md:py-6 flex lg:px-0 m-auto\">\n<div class=\"relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]\">\n<div class=\"flex flex-grow flex-col gap-3\">\n<div class=\"min-h-[20px] flex flex-col items-start gap-4 whitespace-pre-wrap\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<p>Agora, a voc\u00ea: j\u00e1 testou a nova vers\u00e3o em seu <a href=\"https:\/\/kinsta.com\/pt\/devkinsta\/\">ambiente de desenvolvimento<\/a>? Quais recursos voc\u00ea mais gosta no WordPress 6.2? Compartilhe suas opini\u00f5es na se\u00e7\u00e3o de coment\u00e1rios abaixo.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.2 &#8220;Dolphy&#8221; foi lan\u00e7ado e est\u00e1 na hora de explorarmos o que h\u00e1 de novo com o primeiro lan\u00e7amento de 2023. Com o WordPress 6.2, &#8230;<\/p>\n","protected":false},"author":36,"featured_media":58557,"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-58556","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.2 - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Confira o nosso artigo detalhado sobre o WordPress 6.2 com o modo de Navega\u00e7\u00e3o, Livro de Estilo, Menus de Navega\u00e7\u00e3o e muitas outras melhorias, tanto grandes quanto pequenas!\" \/>\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-2\/\" \/>\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.2: Modo de Navega\u00e7\u00e3o, Livro de Estilo, Menus de Navega\u00e7\u00e3o Melhorados, Novas APIs e Muito Mais\" \/>\n<meta property=\"og:description\" content=\"Confira o nosso artigo detalhado sobre o WordPress 6.2 com o modo de Navega\u00e7\u00e3o, Livro de Estilo, Menus de Navega\u00e7\u00e3o e muitas outras melhorias, tanto grandes quanto pequenas!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/\" \/>\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=\"2023-03-30T19:14:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-22T09:01:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/whats-new-in-wordpress-62.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\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 o nosso artigo detalhado sobre o WordPress 6.2 com o modo de Navega\u00e7\u00e3o, Livro de Estilo, Menus de Navega\u00e7\u00e3o e muitas outras melhorias, tanto grandes quanto pequenas!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/whats-new-in-wordpress-62.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=\"31 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-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"O Que H\u00e1 de Novo no WordPress 6.2: Modo de Navega\u00e7\u00e3o, Livro de Estilo, Menus de Navega\u00e7\u00e3o Melhorados, Novas APIs e Muito Mais\",\"datePublished\":\"2023-03-30T19:14:40+00:00\",\"dateModified\":\"2023-08-22T09:01:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/\"},\"wordCount\":5472,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/\",\"name\":\"O Que H\u00e1 de Novo no WordPress 6.2 - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"datePublished\":\"2023-03-30T19:14:40+00:00\",\"dateModified\":\"2023-08-22T09:01:54+00:00\",\"description\":\"Confira o nosso artigo detalhado sobre o WordPress 6.2 com o modo de Navega\u00e7\u00e3o, Livro de Estilo, Menus de Navega\u00e7\u00e3o e muitas outras melhorias, tanto grandes quanto pequenas!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/#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.2: Modo de Navega\u00e7\u00e3o, Livro de Estilo, Menus de Navega\u00e7\u00e3o Melhorados, Novas APIs 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.2 - Kinsta\u00ae","description":"Confira o nosso artigo detalhado sobre o WordPress 6.2 com o modo de Navega\u00e7\u00e3o, Livro de Estilo, Menus de Navega\u00e7\u00e3o e muitas outras melhorias, tanto grandes quanto pequenas!","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-2\/","og_locale":"pt_PT","og_type":"article","og_title":"O Que H\u00e1 de Novo no WordPress 6.2: Modo de Navega\u00e7\u00e3o, Livro de Estilo, Menus de Navega\u00e7\u00e3o Melhorados, Novas APIs e Muito Mais","og_description":"Confira o nosso artigo detalhado sobre o WordPress 6.2 com o modo de Navega\u00e7\u00e3o, Livro de Estilo, Menus de Navega\u00e7\u00e3o e muitas outras melhorias, tanto grandes quanto pequenas!","og_url":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2023-03-30T19:14:40+00:00","article_modified_time":"2023-08-22T09:01:54+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/whats-new-in-wordpress-62.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Confira o nosso artigo detalhado sobre o WordPress 6.2 com o modo de Navega\u00e7\u00e3o, Livro de Estilo, Menus de Navega\u00e7\u00e3o e muitas outras melhorias, tanto grandes quanto pequenas!","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/whats-new-in-wordpress-62.jpg","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Carlo Daniele","Tempo estimado de leitura":"31 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"O Que H\u00e1 de Novo no WordPress 6.2: Modo de Navega\u00e7\u00e3o, Livro de Estilo, Menus de Navega\u00e7\u00e3o Melhorados, Novas APIs e Muito Mais","datePublished":"2023-03-30T19:14:40+00:00","dateModified":"2023-08-22T09:01:54+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/"},"wordCount":5472,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/whats-new-in-wordpress-62.jpg","inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/","url":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/","name":"O Que H\u00e1 de Novo no WordPress 6.2 - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/whats-new-in-wordpress-62.jpg","datePublished":"2023-03-30T19:14:40+00:00","dateModified":"2023-08-22T09:01:54+00:00","description":"Confira o nosso artigo detalhado sobre o WordPress 6.2 com o modo de Navega\u00e7\u00e3o, Livro de Estilo, Menus de Navega\u00e7\u00e3o e muitas outras melhorias, tanto grandes quanto pequenas!","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/whats-new-in-wordpress-62.jpg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/whats-new-in-wordpress-62.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-2\/#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.2: Modo de Navega\u00e7\u00e3o, Livro de Estilo, Menus de Navega\u00e7\u00e3o Melhorados, Novas APIs 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\/58556","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=58556"}],"version-history":[{"count":13,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/58556\/revisions"}],"predecessor-version":[{"id":58796,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/58556\/revisions\/58796"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58556\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58556\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58556\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58556\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58556\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58556\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58556\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58556\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58556\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58556\/translations\/dk"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58556\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/58557"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=58556"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=58556"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=58556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}