{"id":46295,"date":"2022-01-18T09:58:08","date_gmt":"2022-01-18T12:58:08","guid":{"rendered":"https:\/\/kinqsta.com\/pt\/?p=46295&#038;preview=true&#038;preview_id=46295"},"modified":"2023-08-22T06:02:03","modified_gmt":"2023-08-22T09:02:03","slug":"wordpress-5-9","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/","title":{"rendered":"O que H\u00e1 de Novo no WordPress 5.9 \u2014 Edi\u00e7\u00e3o Completa do Site, Estilos Globais, Blocos, Padr\u00f5es, APIs, Melhorias na Interface do Usu\u00e1rio, e Muito Mais!"},"content":{"rendered":"<p>O WordPress 5.9 foi inicialmente programado para ser lan\u00e7ado em 14 de dezembro de 2021. Devido a v\u00e1rias quest\u00f5es em aberto, o lan\u00e7amento final foi adiado e agora est\u00e1 <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/22\/wordpress-5-9-revised-release-schedule\/\">agendado para 25 de janeiro de 2022<\/a>.<\/p>\n<p>Se voc\u00ea est\u00e1 se perguntando o que h\u00e1 de novo no WordPress 5.9, a resposta curta \u00e9 <strong>Edi\u00e7\u00e3o Completa do Site<\/strong> (FSE).<\/p>\n<p>E de fato, muitos recursos 5.9 s\u00f3 est\u00e3o dispon\u00edveis se voc\u00ea estiver usando um tema que suporte a Edi\u00e7\u00e3o Completa do Site, como o nov\u00edssimo tema padr\u00e3o, <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-two\/\">Twenty Twenty-Two<\/a>.<\/p>\n<figure id=\"attachment_110731\" aria-describedby=\"caption-attachment-110731\" style=\"width: 2560px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110731 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/tt2.jpg\" alt=\"Uma pr\u00e9via do Twenty Twenty-Two, o novo tema padr\u00e3o do WordPress.\" width=\"2560\" height=\"1752\"><figcaption id=\"caption-attachment-110731\" class=\"wp-caption-text\">Uma pr\u00e9via do Twenty Twenty-Two, o novo tema padr\u00e3o do WordPress. (Fonte da imagem: <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/06\/introducing-twenty-twenty-two\/\">WordPress.org<\/a>)<\/figcaption><\/figure>\n<p>Com o WordPress 5.9, chegamos ao cora\u00e7\u00e3o da segunda fase do <a href=\"https:\/\/wordpress.org\/about\/roadmap\/\">roteiro de Gutenberg<\/a>: a <strong>fase de Customiza\u00e7\u00e3o<\/strong>, que \u00e9 focada principalmente na edi\u00e7\u00e3o completa do site, Padr\u00f5es de Bloco, Diret\u00f3rio de Blocos e temas baseados em blocos.<\/p>\n<blockquote><p><em>Com 5.9, que sair\u00e1 no pr\u00f3ximo m\u00eas, n\u00f3s estamos &#8211; eu diria &#8211; no MVP, o Produto M\u00ednimo Vi\u00e1veis desta fase de customiza\u00e7\u00e3o do Gutenberg.<\/em><\/p><\/blockquote>\n<p>Estas palavras de Matt Mullenweg em <a href=\"https:\/\/wordpress.tv\/2021\/12\/15\/matt-mullenweg-2021-state-of-the-word\/\">2021 State of the Word<\/a> resumem melhor as principais caracter\u00edsticas da pr\u00f3xima vers\u00e3o do WordPress.<\/p>\n<figure id=\"attachment_113486\" aria-describedby=\"caption-attachment-113486\" style=\"width: 1940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113486 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/gutenberg-roadmap-2.jpg\" alt=\"O roteiro de Gutenberg\" width=\"1940\" height=\"1120\"><figcaption id=\"caption-attachment-113486\" class=\"wp-caption-text\">O roteiro de Gutenberg. (Fonte da imagem: <a href=\"https:\/\/wordpress.tv\/2021\/12\/15\/matt-mullenweg-2021-state-of-the-word\/\">Matt Mullenweg: 2021 State of the Word<\/a>)<\/figcaption><\/figure>\n<p>Dito isto, o que voc\u00ea pode esperar ver com a primeira vers\u00e3o do WordPress de 2022?<\/p>\n<p>Vamos descobrir!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Estilos Globais: Uma interface gr\u00e1fica para <strong>theme.json<\/strong><\/h2>\n<p>Com o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-8\/#block-settings-and-styles-with-themejson\">lan\u00e7amento do WordPress 5.8<\/a> em 2021, a manipula\u00e7\u00e3o do arquivo <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/theme-json-reference\/\">theme.json<\/a> tornou-se a maneira padr\u00e3o para os desenvolvedores de temas customizarem as configura\u00e7\u00f5es e estilos do editor.<\/p>\n<p>O WordPress 5.9 leva as coisas para o pr\u00f3ximo n\u00edvel, introduzindo uma interface gr\u00e1fica que permite aos usu\u00e1rios personalizar <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-two\/#twenty-twentytwo-at-its-core-a-quick-overview-of-themejson\">predefini\u00e7\u00f5es de estilo<\/a> para seus sites, seja globalmente ou em n\u00edvel de bloco, sem escrever uma \u00fanica linha de c\u00f3digo.<\/p>\n<p>O mecanismo de Estilos Globais deve alterar significativamente a forma como voc\u00ea est\u00e1 acostumado a personalizar a apar\u00eancia de seus sites, j\u00e1 que os <a href=\"https:\/\/make.wordpress.org\/design\/handbook\/focuses\/global-styles\/\">Estilos Globais<\/a> afetam v\u00e1rios aspectos do design do site WordPress.<\/p>\n<p>Primeiro, a interface de Estilos Globais substitui o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/#customizing-your-theme-via-the-customizer\">Customizador<\/a> e agora \u00e9 a \u00fanica maneira de personalizar configura\u00e7\u00f5es e estilos com temas de blocos. Da mesma forma, p\u00e1ginas de administra\u00e7\u00e3o de op\u00e7\u00f5es complexas de temas n\u00e3o ser\u00e3o mais necess\u00e1rias. Isto fornece uma nova forma padr\u00e3o de configura\u00e7\u00e3o das configura\u00e7\u00f5es e estilos de temas e, ao mesmo tempo, deve agilizar o fluxo de trabalho de desenvolvimento do tema.<\/p>\n<p>Com Estilos Globais, os usu\u00e1rios do WordPress ganham mais controle sobre a apresenta\u00e7\u00e3o de seus sites, tanto globalmente quanto por tipo de bloco, al\u00e9m do contexto de p\u00e1ginas ou artigos individuais.<\/p>\n<p>Uma nova barra lateral est\u00e1 agora dispon\u00edvel no editor do site, no topo da qual voc\u00ea encontrar\u00e1 um pequeno painel de visualiza\u00e7\u00e3o e quatro componentes na seguinte ordem:<\/p>\n<ul>\n<li><a href=\"#typography\">Tipografia<\/a><\/li>\n<li><a href=\"#colors\">Cores<\/a><\/li>\n<li><a href=\"#layout\">Layout<\/a><\/li>\n<li><a href=\"#blocks\">Blocos<\/a><\/li>\n<\/ul>\n<p>N\u00f3s podemos esperar que novos componentes sejam <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34574\">adicionados ao longo do tempo<\/a>.<\/p>\n<figure id=\"attachment_112441\" aria-describedby=\"caption-attachment-112441\" style=\"width: 1962px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112441 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/global-styles-sidebar.jpg\" alt=\"A barra lateral de Estilos Globais com o tema Blockbase by Automattic\" width=\"1962\" height=\"1290\"><figcaption id=\"caption-attachment-112441\" class=\"wp-caption-text\">A barra lateral de Estilos Globais com o <a href=\"https:\/\/wordpress.org\/themes\/blockbase\/\">tema Blockbase<\/a> by Automattic<\/figcaption><\/figure>\n<p>Vamos dar uma olhada mais de perto na nova interface.<\/p>\n<h3>Pr\u00e9-visualiza\u00e7\u00e3o de estilo<\/h3>\n<p>O primeiro elemento na barra lateral de Estilos Globais \u00e9 um painel de pr\u00e9-visualiza\u00e7\u00e3o. Este painel permite que voc\u00ea verifique o resultado de suas customiza\u00e7\u00f5es e \u00e9 particularmente \u00fatil quando suas mudan\u00e7as se aplicam a elementos n\u00e3o vis\u00edveis na tela do editor do site.<\/p>\n<p>A imagem a seguir mostra tr\u00eas combina\u00e7\u00f5es de estilos diferentes em compara\u00e7\u00e3o:<\/p>\n<figure id=\"attachment_112425\" aria-describedby=\"caption-attachment-112425\" style=\"width: 1826px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112425 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/global-styles-preview.jpg\" alt=\"Pr\u00e9-visualiza\u00e7\u00e3o de Estilos Globais comparadas.\" width=\"1826\" height=\"1230\"><figcaption id=\"caption-attachment-112425\" class=\"wp-caption-text\">Pr\u00e9-visualiza\u00e7\u00e3o de Estilos Globais comparadas.<\/figcaption><\/figure>\n<h3>Tipografia<\/h3>\n<p>O painel de tipografia \u00e9 onde voc\u00ea controla a tipografia do seu site. \u00c9 claro, os controles dispon\u00edveis neste painel dependem das configura\u00e7\u00f5es do seu <strong>theme.json.<\/strong><\/p>\n<p>Por exemplo, o tema <a href=\"https:\/\/wordpress.org\/themes\/tt1-blocks\/\">Twenty Twenty-One Blocks<\/a> (TT1 Blocks) declara as seguintes propriedades tipogr\u00e1ficas:<\/p>\n<pre><code class=\"language-json\">\"settings\": {\n\t\"typography\": {\n\t\t\"customLineHeight\": true,\n\t\t\"fontSizes\": [],\n\t\t\"fontFamilies\": []\n\t}\n}<\/code><\/pre>\n<p>A imagem seguinte mostra as configura\u00e7\u00f5es de tipografia resultantes na barra lateral de Estilos Globais:<\/p>\n<figure id=\"attachment_112443\" aria-describedby=\"caption-attachment-112443\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112443 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/tt1b-typography-settings.jpg\" alt=\"Configura\u00e7\u00f5es tipogr\u00e1ficas em Blocos TT1 Estilos Globais\" width=\"1790\" height=\"1146\"><figcaption id=\"caption-attachment-112443\" class=\"wp-caption-text\">Configura\u00e7\u00f5es tipogr\u00e1ficas em Blocos TT1 Estilos Globais<\/figcaption><\/figure>\n<p>Vamos mergulhar um pouco mais fundo e ver como o tema de Blocos TT1 declara <code>fontFamilies<\/code>:<\/p>\n<pre><code class=\"language-json\">\"fontFamilies\": [\n\t{\n\t\t\"fontFamily\": \"-apple-system,BlinkMacSystemFont,\\\"Segoe UI\\\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\\\"Helvetica Neue\\\",sans-serif\",\n\t\t\"slug\": \"system-font\",\n\t\t\"name\": \"System Font\"\n\t},\n\t{\n\t\t\"fontFamily\": \"Helvetica Neue, Helvetica, Arial, sans-serif\",\n\t\t\"slug\": \"helvetica-arial\"\n\t},\n\t{\n\t\t\"fontFamily\": \"Geneva, Tahoma, Verdana, sans-serif\",\n\t\t\"slug\": \"geneva-verdana\"\n\t},\n\t{\n\t\t\"fontFamily\": \"Cambria, Georgia, serif\",\n\t\t\"slug\": \"cambria-georgia\"\n\t},\n\t{\n\t\t\"fontFamily\": \"Hoefler Text, Baskerville Old Face, Garamond, Times New Roman, serif\",\n\t\t\"slug\": \"hoefler-times-new-roman\"\n\t}\n]<\/code><\/pre>\n<p>Voc\u00ea pode verificar estas fam\u00edlias de fontes no painel de visualiza\u00e7\u00e3o de Estilos Globais:<\/p>\n<figure id=\"attachment_112427\" aria-describedby=\"caption-attachment-112427\" style=\"width: 1682px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112427 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/tt1b-font-preview.jpg\" alt=\"Fam\u00edlias de fontes dispon\u00edveis em Twenty Twenty-One Blocks\" width=\"1682\" height=\"804\"><figcaption id=\"caption-attachment-112427\" class=\"wp-caption-text\">Fam\u00edlias de fontes dispon\u00edveis em Twenty Twenty-One Blocks<\/figcaption><\/figure>\n<h3>Cores<\/h3>\n<p>Na se\u00e7\u00e3o Cores, voc\u00ea pode visualizar e editar paletas de cores e personalizar a cor de v\u00e1rios elementos do site.<\/p>\n<figure id=\"attachment_112428\" aria-describedby=\"caption-attachment-112428\" style=\"width: 1522px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112428 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/colors-panel-in-tt1b.jpg\" alt=\"Painel de cores de blocos do Twenty Twenty-One\" width=\"1522\" height=\"1348\"><figcaption id=\"caption-attachment-112428\" class=\"wp-caption-text\">Painel de cores de blocos do Twenty Twenty-One<\/figcaption><\/figure>\n<p>Ao clicar nesses elementos, voc\u00ea tem acesso a um novo painel onde voc\u00ea pode escolher cores entre tr\u00eas paletas de cores: Cor, Tema e Paleta Personalizada (leia mais em <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/29568\">Cores Padr\u00e3o, Cores Tem\u00e1ticas e Cores Personalizadas<\/a>).<\/p>\n<figure id=\"attachment_112445\" aria-describedby=\"caption-attachment-112445\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112445 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/tt1b-color-settings.jpg\" alt=\"Configura\u00e7\u00f5es de cor no Twenty Twenty-One Blocks\" width=\"1790\" height=\"1146\"><figcaption id=\"caption-attachment-112445\" class=\"wp-caption-text\">Configura\u00e7\u00f5es de cor no Twenty Twenty-One Blocks<\/figcaption><\/figure>\n<p>Neste painel, voc\u00ea ser\u00e1 capaz de definir e modificar a cor para o elemento atual.<\/p>\n<figure id=\"attachment_112430\" aria-describedby=\"caption-attachment-112430\" style=\"width: 1522px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112430 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/color-picker-1.jpg\" alt=\"Personaliza\u00e7\u00e3o da cor do link em Estilos Globais\" width=\"1522\" height=\"1286\"><figcaption id=\"caption-attachment-112430\" class=\"wp-caption-text\">Personaliza\u00e7\u00e3o da cor do link em Estilos Globais<\/figcaption><\/figure>\n<h3>Layout<\/h3>\n<p>O \u00faltimo grupo de ferramentas \u00e9 destinado a customiza\u00e7\u00f5es de layout. No contexto global, isto se limita ao cont\u00eainer do site.<\/p>\n<figure id=\"attachment_112431\" aria-describedby=\"caption-attachment-112431\" style=\"width: 2404px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112431 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/global-padding-setting.jpg\" alt=\"Configura\u00e7\u00f5es de layout de blocos no Twenty Twenty-One\" width=\"2404\" height=\"1350\"><figcaption id=\"caption-attachment-112431\" class=\"wp-caption-text\">Configura\u00e7\u00f5es de layout de blocos no Twenty Twenty-One<\/figcaption><\/figure>\n<h3>Blocos<\/h3>\n<p>Com a implementa\u00e7\u00e3o do mecanismo de Estilos Globais, agora tamb\u00e9m \u00e9 poss\u00edvel mudar a apar\u00eancia de blocos espec\u00edficos, tais como Par\u00e1grafo (tipografia e cores), Bot\u00f5es (layout), e Coluna (cores e layout).<\/p>\n<p>Note que os<strong> estilos de bloco podem ser personalizados a partir da interface de Estilos Globais somente se o bloco declarar suporte a funcionalidades espec\u00edficas<\/strong> no arquivo <strong>block.json<\/strong> correspondente <strong>.<\/strong> Por exemplo, o bloco <code>core\/post-title<\/code> atualmente suporta os seguintes estilos:<\/p>\n<pre><code class=\"language-json\">\"supports\": {\n\t\"align\": [ \"wide\", \"full\" ],\n\t\"html\": false,\n\t\"color\": {\n\t\t\"gradients\": true,\n\t\t\"link\": true\n\t},\n\t\"spacing\": {\n\t\t\"margin\": true\n\t},\n\t\"typography\": {\n\t\t\"fontSize\": true,\n\t\t\"lineHeight\": true,\n\t\t\"__experimentalFontFamily\": true,\n\t\t\"__experimentalFontWeight\": true,\n\t\t\"__experimentalFontStyle\": true,\n\t\t\"__experimentalTextTransform\": true,\n\t\t\"__experimentalLetterSpacing\": true,\n\t\t\"__experimentalDefaultControls\": {\n\t\t\t\"fontSize\": true,\n\t\t\t\"fontAppearance\": true,\n\t\t\t\"textTransform\": true\n\t\t}\n\t}\n},<\/code><\/pre>\n<p>Como o bloco <code>core\/post-title<\/code> suporta cores, espa\u00e7amento e tipografia, voc\u00ea encontrar\u00e1 as entradas correspondentes nas configura\u00e7\u00f5es de Estilos Globais do bloco T\u00edtulo do Artigo.<\/p>\n<p>A imagem seguinte mostra as configura\u00e7\u00f5es de tipografia, que voc\u00ea pode facilmente comparar com o c\u00f3digo acima:<\/p>\n<figure id=\"attachment_112449\" aria-describedby=\"caption-attachment-112449\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112449 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/post-tytle-typography-settings.jpg\" alt=\"Personalizando configura\u00e7\u00f5es de tipografia Post Title\" width=\"1790\" height=\"1308\"><figcaption id=\"caption-attachment-112449\" class=\"wp-caption-text\">Personalizando configura\u00e7\u00f5es de tipografia T\u00edtulo do artigo<\/figcaption><\/figure>\n<p>Vale a pena notar que o WordPress 5.9 s\u00f3 entrega a primeira implementa\u00e7\u00e3o da interface de Estilos Globais. Como <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34574\">Matias Ventura aponta<\/a>, podemos razoavelmente esperar um desenvolvimento adicional do novo recurso de controle de estilo:<\/p>\n<blockquote><p>No futuro, haver\u00e1 fluxos embutidos no sistema permitindo que voc\u00ea passe de estilos locais para globais &#8211; como fazer customiza\u00e7\u00f5es para um bloco de bot\u00f5es e optar por aplic\u00e1-las globalmente em todos os bot\u00f5es desse tipo.<\/p><\/blockquote>\n<p>Portanto, podemos ver grandes melhorias em breve. A imagem abaixo \u00e9 apenas um exemplo do que podemos esperar:<\/p>\n<figure id=\"attachment_112432\" aria-describedby=\"caption-attachment-112432\" style=\"width: 1586px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112432 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/link-state-color.jpg\" alt=\"No futuro, voc\u00ea pode controlar a cor do estado do link. \" width=\"1586\" height=\"872\"><figcaption id=\"caption-attachment-112432\" class=\"wp-caption-text\">No futuro, voc\u00ea pode controlar a cor do estado do link. (Fonte da imagem <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34574\">GitHub<\/a>)<\/figcaption><\/figure>\n<p>Melhorias adicionais poderiam incluir a <a href=\"https:\/\/github.com\/WordPress\/theme-experiments\/pull\/292\">capacidade de temas<\/a> para <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36304\">fornecer paletas de cores alternativas<\/a> e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35619\">m\u00faltiplas varia\u00e7\u00f5es de estilo global<\/a>.<\/p>\n<p>https:\/\/twitter.com\/kjellr\/status\/1460270505513082881<\/p>\n<p>Os desenvolvedores podem mergulhar profundamente no mecanismo de estilo global em <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\">Global Settings &#038; Styles (theme.json)<\/a> artigo de suporte. Voc\u00ea encontrar\u00e1 exemplos adicionais em nossa <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-two\/#global-styles-in-twenty-twentytwo\">introdu\u00e7\u00e3o ao tema padr\u00e3o Twenty Twenty-Two<\/a>.<\/p>\n<h2>O Bloco de Navega\u00e7\u00e3o<\/h2>\n<p>O bloco de Navega\u00e7\u00e3o <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/15\/wordpress-5-9-feature-go-no-go-october-14-2021\/\">tem sido chamado<\/a> de &#8220;um dos blocos de temas mais impactantes&#8221;, e n\u00e3o temos medo de dizer que concordamos.<\/p>\n<p>O bloco est\u00e1 na fase embrion\u00e1ria h\u00e1 algum tempo (veja tamb\u00e9m Navega\u00e7\u00e3o Block <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/27593\">Tracking Issue<\/a> e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/35521\">Tracking Issue i2<\/a>). Ainda assim, agora que todos os <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36556\">problemas pendentes e bloqueadores<\/a> listados como WordPress 5.9 devem ter sido corrigidos, n\u00f3s podemos finalmente come\u00e7ar a usar <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34041\">um dos recursos mais poderosos<\/a> fundidos no n\u00facleo <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/15\/wordpress-5-9-feature-go-no-go-october-14-2021\/\">com o WordPress 5.9<\/a>.<\/p>\n<h3>Uma vis\u00e3o geral r\u00e1pida da interface do Bloco de Navega\u00e7\u00e3o<\/h3>\n<p>Usar o novo bloco pode ser um pouco confuso no in\u00edcio, mas uma vez que voc\u00ea pegar o jeito, voc\u00ea vai apreciar todo o seu potencial.<\/p>\n<figure id=\"attachment_112667\" aria-describedby=\"caption-attachment-112667\" style=\"width: 1382px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112667 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-placeholder.jpg\" alt=\"O bloco de Navega\u00e7\u00e3o espa\u00e7o reservado\" width=\"1382\" height=\"404\"><figcaption id=\"caption-attachment-112667\" class=\"wp-caption-text\">O bloco de Navega\u00e7\u00e3o espa\u00e7o reservado<\/figcaption><\/figure>\n<p>Quando voc\u00ea adiciona um bloco de Navega\u00e7\u00e3o pela primeira vez, o espa\u00e7o reservado ao bloco fornece tr\u00eas op\u00e7\u00f5es para selecionar um menu baseado em blocos existente, criando um menu com todas as p\u00e1ginas, ou come\u00e7ando de novo com um menu vazio.<\/p>\n<figure id=\"attachment_112672\" aria-describedby=\"caption-attachment-112672\" style=\"width: 1412px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112672 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/select-navigation-menu.jpg\" alt=\"Selecionando um menu de navega\u00e7\u00e3o existente.\" width=\"1412\" height=\"860\"><figcaption id=\"caption-attachment-112672\" class=\"wp-caption-text\">Selecionando um menu de navega\u00e7\u00e3o existente.<\/figcaption><\/figure>\n<p>O novo menu de Navega\u00e7\u00e3o tamb\u00e9m permite que voc\u00ea importe menus criados atrav\u00e9s da <a href=\"https:\/\/wordpress.org\/support\/article\/appearance-menus-screen\/\">tela de Menus de Apar\u00eancia<\/a> que est\u00e1 dispon\u00edvel com temas cl\u00e1ssicos.<\/p>\n<p>Isto significa que se voc\u00ea estiver passando de um tema cl\u00e1ssico para um tema de bloco, voc\u00ea n\u00e3o ter\u00e1 que reconstruir seus menus existentes. Voc\u00ea s\u00f3 precisa escolher um dos seus &#8220;Menus Cl\u00e1ssicos&#8221; atualmente dispon\u00edveis, e ele ser\u00e1 automaticamente <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/the-new-navigation-block\/\">convertido em um menu de navega\u00e7\u00e3o baseado em blocos<\/a>.<\/p>\n<figure id=\"attachment_113474\" aria-describedby=\"caption-attachment-113474\" style=\"width: 1352px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113474 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/importing-cassic-menus.jpg\" alt=\"Selecionando um menu cl\u00e1ssico.\" width=\"1352\" height=\"1280\"><figcaption id=\"caption-attachment-113474\" class=\"wp-caption-text\">Selecionando um menu cl\u00e1ssico.<\/figcaption><\/figure>\n<p>Voc\u00ea pode adicionar o bloco de Navega\u00e7\u00e3o em qualquer lugar em suas p\u00e1ginas. Por exemplo, voc\u00ea pode ach\u00e1-lo \u00fatil em <a href=\"https:\/\/kinqsta.com\/pt\/blog\/artigos-de-forma-longa\/\">artigos de forma longa<\/a> para criar <a href=\"https:\/\/kinqsta.com\/pt\/blog\/links-de-ancora\/\">uma tabela de conte\u00fado<\/a>, permitindo que os usu\u00e1rios saltem para se\u00e7\u00f5es de conte\u00fado espec\u00edficas.<\/p>\n<figure id=\"attachment_112673\" aria-describedby=\"caption-attachment-112673\" style=\"width: 1424px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112673 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/internal-links-navigation.jpg\" alt=\"Adicionando links de \u00e2ncora a um menu de Navega\u00e7\u00e3o\" width=\"1424\" height=\"1024\"><figcaption id=\"caption-attachment-112673\" class=\"wp-caption-text\">Adicionando links de \u00e2ncora a um menu de Navega\u00e7\u00e3o<\/figcaption><\/figure>\n<p>Novos Links de Navega\u00e7\u00e3o s\u00e3o imediatamente adicionados ao bloco de Navega\u00e7\u00e3o clicando no \u00edcone mais (<strong>+<\/strong>) no lado direito (veja tamb\u00e9m <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">as notas de lan\u00e7amento do Gutenberg 11.7<\/a>), <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34899\">a menos que outros tipos de blocos<\/a> j\u00e1 tenham sido adicionados ao menu.<\/p>\n<figure id=\"attachment_112662\" aria-describedby=\"caption-attachment-112662\" style=\"width: 1416px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112662 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-appender.jpg\" alt=\"O ap\u00eandice do bloco de navega\u00e7\u00e3o, mostrando os links de navega\u00e7\u00e3o.\" width=\"1416\" height=\"1246\"><figcaption id=\"caption-attachment-112662\" class=\"wp-caption-text\">O ap\u00eandice do bloco de navega\u00e7\u00e3o, mostrando os links de navega\u00e7\u00e3o.<\/figcaption><\/figure>\n<p>Clicando no bot\u00e3o <strong>Editar<\/strong> na barra de ferramentas do Bloco de Links de Navega\u00e7\u00e3o, um item do menu \u00e9 convertido em um link personalizado. Isto permite adicionar, editar, reordenar e remover itens individualmente.<\/p>\n<figure id=\"attachment_112674\" aria-describedby=\"caption-attachment-112674\" style=\"width: 1426px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112674 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/converting-navigation-menu-items.jpg\" alt=\"Converter um menu de navega\u00e7\u00e3o em links de p\u00e1ginas individuais.\" width=\"1426\" height=\"770\"><figcaption id=\"caption-attachment-112674\" class=\"wp-caption-text\">Converter um menu de navega\u00e7\u00e3o em links de p\u00e1ginas individuais.<\/figcaption><\/figure>\n<p>Voc\u00ea tamb\u00e9m pode <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">transformar links para blocos<\/a> ao clicar no bot\u00e3o <strong>Transformar<\/strong> na barra de ferramentas de blocos. Isto permite que voc\u00ea adicione <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34978\">blocos espec\u00edficos diretamente ao menu de navega\u00e7\u00e3o<\/a>.<\/p>\n<figure id=\"attachment_112675\" aria-describedby=\"caption-attachment-112675\" style=\"width: 1398px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112675 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/transform-links-to-blocks-in-navigation-menu.jpg\" alt=\"Transformando links de navega\u00e7\u00e3o em blocos\" width=\"1398\" height=\"700\"><figcaption id=\"caption-attachment-112675\" class=\"wp-caption-text\">Transformando links de navega\u00e7\u00e3o em blocos<\/figcaption><\/figure>\n<p>Link personalizado, Espa\u00e7ador, Logo do site, Link para p\u00e1gina inicial, \u00cdcones Sociais e Blocos de Pesquisa agora s\u00e3o expostos aos usu\u00e1rios ao adicionar blocos aos menus de navega\u00e7\u00e3o.<\/p>\n<p>Na barra lateral de configura\u00e7\u00f5es, voc\u00ea encontrar\u00e1 um conjunto abrangente de op\u00e7\u00f5es para controlar v\u00e1rios aspectos dos seus menus de navega\u00e7\u00e3o.<\/p>\n<p>O painel de Layout inclui controles para <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35077\">justifica\u00e7\u00e3o<\/a>, orienta\u00e7\u00e3o e embrulho.<\/p>\n<figure id=\"attachment_112666\" aria-describedby=\"caption-attachment-112666\" style=\"width: 1688px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112666 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-layout-settings.jpg\" alt=\"Configura\u00e7\u00f5es de layout de blocos de navega\u00e7\u00e3o\" width=\"1688\" height=\"644\"><figcaption id=\"caption-attachment-112666\" class=\"wp-caption-text\">Configura\u00e7\u00f5es de layout de blocos de navega\u00e7\u00e3o<\/figcaption><\/figure>\n<p>O bloco de Navega\u00e7\u00e3o tamb\u00e9m apresenta um painel de <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">configura\u00e7\u00f5es de Display melhorado<\/a> com uma op\u00e7\u00e3o para um menu de hamb\u00fargueres sempre ligado.<\/p>\n<figure id=\"attachment_112664\" aria-describedby=\"caption-attachment-112664\" style=\"width: 1682px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112664 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-display-settings.jpg\" alt=\"Um painel de configura\u00e7\u00f5es de exibi\u00e7\u00e3o melhorado para o bloco de Navega\u00e7\u00e3o\" width=\"1682\" height=\"1008\"><figcaption id=\"caption-attachment-112664\" class=\"wp-caption-text\">Um painel de configura\u00e7\u00f5es de exibi\u00e7\u00e3o melhorado para o bloco de Navega\u00e7\u00e3o<\/figcaption><\/figure>\n<p>Voc\u00ea tamb\u00e9m pode personalizar as cores de texto e fundo para seus menus e submenus.<\/p>\n<figure id=\"attachment_112663\" aria-describedby=\"caption-attachment-112663\" style=\"width: 1686px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112663 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-color-settings.jpg\" alt=\"Configura\u00e7\u00f5es de cor do bloco de navega\u00e7\u00e3o\" width=\"1686\" height=\"1162\"><figcaption id=\"caption-attachment-112663\" class=\"wp-caption-text\">Configura\u00e7\u00f5es de cor do bloco de navega\u00e7\u00e3o<\/figcaption><\/figure>\n<p>Outra adi\u00e7\u00e3o \u00fatil <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/17\/whats-new-in-gutenberg-11-5-16-september\/\">recentemente adicionada<\/a> ao bloco de Navega\u00e7\u00e3o \u00e9 o <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33991\">suporte Block Gap<\/a>, que adiciona a capacidade dos usu\u00e1rios de controlar a dist\u00e2ncia entre os itens do menu.<\/p>\n<figure id=\"attachment_112669\" aria-describedby=\"caption-attachment-112669\" style=\"width: 1684px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112669 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-spacing.jpg\" alt=\"Controle do espa\u00e7amento de blocos no bloco de Navega\u00e7\u00e3o\" width=\"1684\" height=\"1114\"><figcaption id=\"caption-attachment-112669\" class=\"wp-caption-text\">Controle do espa\u00e7amento de blocos no bloco de Navega\u00e7\u00e3o<\/figcaption><\/figure>\n<p>O painel de tipografia fornece um conjunto de controles para fam\u00edlia de fontes, apar\u00eancia, altura da linha, decora\u00e7\u00e3o e caixa de letras. Todos esses controles podem ser ativados\/desativados a partir de um menu suspenso que aparece quando voc\u00ea clica no \u00edcone da elipse \u00e0 direita.<\/p>\n<figure id=\"attachment_112670\" aria-describedby=\"caption-attachment-112670\" style=\"width: 1688px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112670 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-typography-settings.jpg\" alt=\"Configura\u00e7\u00f5es de tipografia de blocos de navega\u00e7\u00e3o\" width=\"1688\" height=\"964\"><figcaption id=\"caption-attachment-112670\" class=\"wp-caption-text\">Configura\u00e7\u00f5es de tipografia de blocos de navega\u00e7\u00e3o<\/figcaption><\/figure>\n<h3>O Bloco de Navega\u00e7\u00e3o: Debaixo do capuz<\/h3>\n<p>Os dados do bloco de navega\u00e7\u00e3o s\u00e3o armazenados no banco de dados usando um <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35746\">tipo de artigo dedicado<\/a> <code>wp_navigation<\/code>.<\/p>\n<p>Por que isso \u00e9 interessante para os usu\u00e1rios do WordPress, e como funciona?<\/p>\n<p>Digamos que voc\u00ea tenha criado um menu de navega\u00e7\u00e3o composto de dois links personalizados e uma caixa de pesquisa. Com o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-two\/\">tema Twenty Twenty-Two<\/a> instalado, o menu poderia parecer como mostrado na imagem seguinte:<\/p>\n<figure id=\"attachment_112665\" aria-describedby=\"caption-attachment-112665\" style=\"width: 1610px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112665 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-example.jpg\" alt=\"Exemplo de bloco de navega\u00e7\u00e3o\" width=\"1610\" height=\"246\"><figcaption id=\"caption-attachment-112665\" class=\"wp-caption-text\">Exemplo de bloco de navega\u00e7\u00e3o<\/figcaption><\/figure>\n<p>O bloco de navega\u00e7\u00e3o acima \u00e9 armazenado no banco de dados como <code>wp_navigation<\/code> tipo de correio como segue:<\/p>\n<pre><code class=\"language-html\">&lt;!-- wp:navigation-link {\"label\":\"Contacts\",\"type\":\"page\",\"id\":7,\"url\":\"http:\/\/wordpress-59.local\/?page_id=7\",\"kind\":\"post-type\",\"isTopLevelLink\":true} \/--&gt;\n\n&lt;!-- wp:navigation-link {\"label\":\"About Us\",\"type\":\"page\",\"id\":10,\"url\":\"http:\/\/wordpress-59.local\/?page_id=10\",\"kind\":\"post-type\",\"isTopLevelLink\":true} \/--&gt;\n\n&lt;!-- wp:search {\"showLabel\":false,\"placeholder\":\"Search the site\",\"buttonPosition\":\"button-inside\",\"buttonUseIcon\":true} \/--&gt;<\/code><\/pre>\n<p>O armazenamento do conte\u00fado do bloco de navega\u00e7\u00e3o no banco de dados permite que os usu\u00e1rios usem os mesmos menus de navega\u00e7\u00e3o em diferentes temas de blocos. Se o menu n\u00e3o for imediatamente vis\u00edvel, voc\u00ea simplesmente escolheria o menu de navega\u00e7\u00e3o desejado no seletor de menu (veja tamb\u00e9m a edi\u00e7\u00e3o <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36087\">#36087<\/a> e PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36178\">#36178<\/a>).<\/p>\n<p>A imagem seguinte mostra o menu acima com o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-one-tema\/#the-twenty-twentyone-blocks-experiment\">tema Twenty Twenty-One Blocks<\/a>:<\/p>\n<figure id=\"attachment_112671\" aria-describedby=\"caption-attachment-112671\" style=\"width: 1158px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112671 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/navigation-menu-selector-tt1b.jpg\" alt=\"Selecione o menu no bloco em Twenty Twenty-One \" width=\"1158\" height=\"708\"><figcaption id=\"caption-attachment-112671\" class=\"wp-caption-text\">Selecione o menu no bloco em Twenty Twenty-One<\/figcaption><\/figure>\n<p>O bloco de Navega\u00e7\u00e3o passou por v\u00e1rias itera\u00e7\u00f5es. Voc\u00ea pode mergulhar mais profundamente em cada implementa\u00e7\u00e3o nas notas de lan\u00e7amento do Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">11.7<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">11.8<\/a>, e <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/12\/whats-new-in-gutenberg-11-9-0-10-november\/\">11.9<\/a>.<\/p>\n<p>Voc\u00ea tamb\u00e9m pode ler mais sobre o Bloco de Navega\u00e7\u00e3o no novo artigo de suporte ao <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/the-new-navigation-block\/\">Bloco de Navega\u00e7\u00e3o<\/a> e <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/the-new-navigation-block\/\">Nota de Desenvolvimento do Bloco de Navega\u00e7\u00e3o<\/a>.<\/p>\n<h2>Galerias de Imagens, Imagens em Destaque e \u00cdcones do Site<\/h2>\n<p>Com o objetivo de fazer com que as imagens se comportem de forma mais consistente em diferentes contextos, o WordPress 5.9 oferece novas funcionalidades e melhorias em v\u00e1rios blocos. O Bloco da Galeria foi completamente revisado, enquanto v\u00e1rias mudan\u00e7as na Imagem em Destaque e blocos de \u00edcones do site d\u00e3o aos usu\u00e1rios um controle mais granular sobre as respectivas imagens.<\/p>\n<h3>Um Bloco de Galeria reconstru\u00eddo<\/h3>\n<p>No WordPress 5.8, a capacidade de personalizar a apar\u00eancia das imagens nas galerias era um pouco limitada. N\u00e3o havia maneira de mudar o estilo da imagem ou aplicar um filtro duot\u00f4nicos.<\/p>\n<p>Al\u00e9m disso, caracter\u00edsticas importantes estavam faltando nas imagens da galeria, tais como a adi\u00e7\u00e3o de links personalizados para imagens individuais em uma galeria.<\/p>\n<p>Para entender melhor a raz\u00e3o desta assimetria entre imagens nos dois contextos diferentes de uma \u00fanica imagem e uma imagem em uma galeria, vamos dar uma olhada no bloco Galeria na visualiza\u00e7\u00e3o de C\u00f3digo no WordPress 5.8:<\/p>\n<figure id=\"attachment_112457\" aria-describedby=\"caption-attachment-112457\" style=\"width: 1896px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112457\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-code-view-wordpress-5-8.jpg\" alt=\"Bloco da galeria em visualiza\u00e7\u00e3o de c\u00f3digo no WordPress 5.8.\" width=\"1896\" height=\"494\"><figcaption id=\"caption-attachment-112457\" class=\"wp-caption-text\">Bloco da galeria em visualiza\u00e7\u00e3o de c\u00f3digo no WordPress 5.8.<\/figcaption><\/figure>\n<p>Note que os detalhes das imagens s\u00e3o armazenados apenas no delimitador de blocos da Galeria (veja tamb\u00e9m <a href=\"https:\/\/kinqsta.com\/pt\/blog\/blocos-personalizados-gutenberg\/#what-is-a-gutenberg-block\">O que \u00e9 um Bloco Gutenberg?<\/a>).<\/p>\n<figure id=\"attachment_112461\" aria-describedby=\"caption-attachment-112461\" style=\"width: 1822px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112461 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-wordpress-5-8.jpg\" alt=\"Bloco da Galeria de Inspe\u00e7\u00e3o no WordPress 5.8.\" width=\"1822\" height=\"778\"><figcaption id=\"caption-attachment-112461\" class=\"wp-caption-text\">Bloco da Galeria de Inspe\u00e7\u00e3o no WordPress 5.8.<\/figcaption><\/figure>\n<p>Isto fez com que <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/11436\">imagens individuais se comportassem de forma diferente das imagens em galerias<\/a>.<\/p>\n<p>Para fazer as imagens se comportarem consistentemente nos dois contextos diferentes, o WordPress 5.9 introduz <a href=\"https:\/\/wordpress.org\/news\/2021\/09\/upcoming-gallery-block-improvements\/\">um bloco de Galeria completamente reconstru\u00eddo<\/a>, que agora <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/20\/gallery-block-refactor-dev-note\/\">se comporta como um recipiente para uma cole\u00e7\u00e3o de elementos de figuras<\/a> ao inv\u00e9s de uma lista n\u00e3o ordenada de imagens.<\/p>\n<p>No WordPress 5.9, imagens de galeria s\u00e3o aninhadas usando o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/blocos-personalizados-gutenberg\/#innerblocks-component\">n\u00facleo <code>innerBlocks<\/code> APIs<\/a>, e cada imagem armazena seu pr\u00f3prio conjunto de detalhes, exatamente como imagens individuais.<\/p>\n<figure id=\"attachment_112458\" aria-describedby=\"caption-attachment-112458\" style=\"width: 1896px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112458\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-code-view-wordpress-5-9.jpg\" alt=\"Bloco de galeria em visualiza\u00e7\u00e3o de c\u00f3digo no WordPress 5.9\" width=\"1896\" height=\"628\"><figcaption id=\"caption-attachment-112458\" class=\"wp-caption-text\">Bloco de galeria em visualiza\u00e7\u00e3o de c\u00f3digo no WordPress 5.9<\/figcaption><\/figure>\n<p>Isso \u00e9 uma grande melhoria, uma vez que as<strong> imagens do bloco de galeria agora suporta as mesmas funcionalidades dispon\u00edveis nos blocos de imagens centrais<\/strong>, tais como dimens\u00f5es da imagem e <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-8\/#duotone-block-support\">filtros duot\u00f4nicos<\/a>, bem como funcionalidades padr\u00e3o do bloco, tais como arrastar e soltar, copiar, duplicar e remover funcionalidades.<\/p>\n<figure id=\"attachment_112462\" aria-describedby=\"caption-attachment-112462\" style=\"width: 1604px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112462 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-wordpress-5-9.jpg\" alt=\"Bloco da Galeria de Inspe\u00e7\u00e3o no WordPress 5.9\" width=\"1604\" height=\"864\"><figcaption id=\"caption-attachment-112462\" class=\"wp-caption-text\">Bloco da Galeria de Inspe\u00e7\u00e3o no WordPress 5.9<\/figcaption><\/figure>\n<p>Com o novo bloco da Galeria, voc\u00ea ser\u00e1 capaz de estilizar as imagens individualmente. Isto garante uma grande variedade de oportunidades de personaliza\u00e7\u00e3o.<\/p>\n<p>A imagem abaixo mostra v\u00e1rias imagens em uma galeria, cada uma com cantos arredondados diferentes:<\/p>\n<figure id=\"attachment_112459\" aria-describedby=\"caption-attachment-112459\" style=\"width: 1642px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112459 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-full-wordpress-5-9.jpg\" alt=\"O novo bloco da Galeria \u00e9 um inv\u00f3lucro para blocos de imagens individuais\" width=\"1642\" height=\"1274\"><figcaption id=\"caption-attachment-112459\" class=\"wp-caption-text\">O novo bloco da Galeria \u00e9 um inv\u00f3lucro para blocos de imagens individuais<\/figcaption><\/figure>\n<p>Voc\u00ea tamb\u00e9m pode usar diferentes filtros duot\u00f4nicos em imagens diferentes na mesma galeria.<\/p>\n<figure id=\"attachment_112460\" aria-describedby=\"caption-attachment-112460\" style=\"width: 1728px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112460 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-image-duotone-filters.jpg\" alt=\"Diferentes filtros duot\u00f4nicos aplicados a diferentes imagens em um bloco de Galeria\" width=\"1728\" height=\"1048\"><figcaption id=\"caption-attachment-112460\" class=\"wp-caption-text\">Diferentes filtros duot\u00f4nicos aplicados a diferentes imagens em um bloco de Galeria<\/figcaption><\/figure>\n<p>E, \u00e9 claro, voc\u00ea pode designar uma classe CSS espec\u00edfica para cada imagem, o que lhe d\u00e1 superpoderes adicionais para adicionar qualquer personaliza\u00e7\u00e3o que voc\u00ea precise \u00e0s imagens de sua galeria.<\/p>\n<p>Para uma vis\u00e3o mais pr\u00f3xima do novo bloco da Galeria, veja tamb\u00e9m <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/20\/gallery-block-refactor-dev-note\/\">Gallery Block Refactor Dev Note<\/a>, <a href=\"https:\/\/wordpress.org\/news\/2021\/09\/upcoming-gallery-block-improvements\/\">Upcoming Gallery Block improvements<\/a>, e <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/01\/whats-new-in-gutenberg-11-4-1-september\/\">Gutenberg 11.4 release notes<\/a>.<\/p>\n<h3>Melhorias de Imagem em Destaque<\/h3>\n<p>V\u00e1rias melhorias tamb\u00e9m foram trazidas para o bloco Imagem em Destaque.<\/p>\n<h4>Controles b\u00e1sicos de dimens\u00f5es<\/h4>\n<p>O bloco de Imagem em Destaque agora apresenta um novo painel de ajustes de Dimens\u00f5es fornecendo <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31634\">controles de altura, largura e escala<\/a>.<\/p>\n<figure id=\"attachment_112828\" aria-describedby=\"caption-attachment-112828\" style=\"width: 2032px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112828 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/featured-image-dimensions-control-1.jpg\" alt=\"Painel de dimens\u00f5es da imagem em destaque\" width=\"2032\" height=\"1128\"><figcaption id=\"caption-attachment-112828\" class=\"wp-caption-text\">Painel de dimens\u00f5es da imagem em destaque<\/figcaption><\/figure>\n<p>O controle de dimens\u00f5es tamb\u00e9m se aplica a imagens em destaque em blocos de Query Loop, como mostrado na imagem seguinte:<\/p>\n<figure id=\"attachment_112829\" aria-describedby=\"caption-attachment-112829\" style=\"width: 2876px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112829 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/featured-image-dimensions-control-2.jpg\" alt=\"Dimens\u00f5es da imagem em destaque em um bloco de Query Loop\" width=\"2876\" height=\"1202\"><figcaption id=\"caption-attachment-112829\" class=\"wp-caption-text\">Dimens\u00f5es da imagem em destaque em um bloco de Query Loop<\/figcaption><\/figure>\n<h4>Filtros duot\u00f4nicos em Imagens em Destaque<\/h4>\n<p>N\u00f3s mencionamos acima que agora podemos aplicar o filtro duot\u00f4nico em imagens embrulhadas no novo bloco reconstru\u00eddo da Galeria.<\/p>\n<p>Agora, come\u00e7ando com o WordPress 5.9, <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-8\/#duotone-block-support\">filtros duot\u00f4nicos<\/a> tamb\u00e9m est\u00e3o dispon\u00edveis em blocos de imagens em destaque em qualquer contexto, desde modelos de artigos e p\u00e1ginas at\u00e9 blocos de Query Loop.<\/p>\n<figure id=\"attachment_112830\" aria-describedby=\"caption-attachment-112830\" style=\"width: 2110px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112830 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/featured-image-duotone-filter.jpg\" alt=\"Filtro duot\u00f4nico em imagens em destaque em um bloco Query Loop\" width=\"2110\" height=\"1042\"><figcaption id=\"caption-attachment-112830\" class=\"wp-caption-text\">Filtro duot\u00f4nico em imagens em destaque em um bloco Query Loop<\/figcaption><\/figure>\n<p>Esta caracter\u00edstica abre a porta para combina\u00e7\u00f5es de cores criativas e consistentes em todo o site.<\/p>\n<h3>Corte de imagem da logo do site<\/h3>\n<p>Antes do WordPress 5.9 (e <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/01\/whats-new-in-gutenberg-11-6-29-september\/\">Gutenberg 11.6<\/a>), as imagens da logo s\u00f3 podiam ser editadas antes de serem carregadas. Com o WordPress 5.9, voc\u00ea pode <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31607\">recortar, ampliar e girar as imagens<\/a> usadas no bloco da logo do site diretamente da barra de ferramentas de bloco.<\/p>\n<figure id=\"attachment_112831\" aria-describedby=\"caption-attachment-112831\" style=\"width: 1258px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112831 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/editing-logo-image.jpg\" alt=\"Edi\u00e7\u00e3o da imagem da logo do site.\" width=\"1258\" height=\"1272\"><figcaption id=\"caption-attachment-112831\" class=\"wp-caption-text\">Edi\u00e7\u00e3o da imagem da logo do site.<\/figcaption><\/figure>\n<h2>Novas ferramentas de design, blocos e melhorias de IU<\/h2>\n<p>Onze vers\u00f5es do Gutenberg s\u00e3o fundidas no n\u00facleo com o WordPress 5.9, fornecendo tantas funcionalidades, melhorias e corre\u00e7\u00f5es de bugs que n\u00e3o seria poss\u00edvel cobri-las todas em um \u00fanico artigo.<\/p>\n<p>Ent\u00e3o n\u00f3s escolhemos algumas das que achamos mais dignas de aten\u00e7\u00e3o. Para uma vis\u00e3o mais profunda dessas funcionalidades e melhorias, voc\u00ea tamb\u00e9m pode querer verificar os artigos de lan\u00e7amento do Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/10\/whats-new-in-gutenberg-10-8-9-june\/\">10.8<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/24\/whats-new-in-gutenberg-10-9-23-june\/\">10.9<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/09\/whats-new-in-gutenberg-11-0-0-9-july\/\">11.0<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/21\/whats-new-in-gutenberg-11-1-0-21-july\/\">11.1<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/05\/whats-new-in-gutenberg-11-2-0-4-august\/\">11.2<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/18\/whats-new-in-gutenberg-11-3-18-august\/\">11.3<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/01\/whats-new-in-gutenberg-11-4-1-september\/\">11.4<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/17\/whats-new-in-gutenberg-11-5-16-september\/\">11.5<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/01\/whats-new-in-gutenberg-11-6-29-september\/\">11.6<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">11.7<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">11.8<\/a>, e <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/12\/whats-new-in-gutenberg-11-9-0-10-november\/\">11.9<\/a>.<\/p>\n<p>Com isso dito, esta se\u00e7\u00e3o cobrir\u00e1 as seguintes mudan\u00e7as:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"9\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Suporte de dordas UI<\/h3>\n<p>Come\u00e7ando com WordPress 5.9, quando o <strong>theme.json<\/strong> declara configura\u00e7\u00f5es <code>border<\/code> e um bloco declara suporte a bordas atrav\u00e9s da <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-supports\/\">API Block Supports<\/a>, um novo painel de configura\u00e7\u00f5es fornecer\u00e1 controles para o <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31585\">raio da borda, largura, estilo, cor<\/a> e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33315\">unidades<\/a> (veja tamb\u00e9m <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/21\/whats-new-in-gutenberg-11-1-0-21-july\/\">Gutenberg 11.1<\/a>).<\/p>\n<p>O <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/group\">bloco central do grupo<\/a> \u00e9 um bom exemplo desse \u00fatil aprimoramento da IU. O arquivo <strong>block.json<\/strong> do bloco do Grupo agora inclui as seguintes declara\u00e7\u00f5es em <code>supports<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n\t...\n\t\"supports\": {\n\t\t\"align\": [ \"wide\", \"full\" ],\n\t\t\"anchor\": true,\n\t\t\"html\": false,\n\t\t\"color\": {\n\t\t\t\"gradients\": true,\n\t\t\t\"link\": true\n\t\t},\n\t\t\"spacing\": {\n\t\t\t\"padding\": true,\n\t\t\t\"__experimentalDefaultControls\": {\n\t\t\t\t\"padding\": true\n\t\t\t}\n\t\t},\n\t\t\"__experimentalBorder\": {\n\t\t\t\"color\": true,\n\t\t\t\"radius\": true,\n\t\t\t\"style\": true,\n\t\t\t\"width\": true,\n\t\t\t\"__experimentalDefaultControls\": {\n\t\t\t\t\"color\": true,\n\t\t\t\t\"radius\": true,\n\t\t\t\t\"style\": true,\n\t\t\t\t\"width\": true\n\t\t\t}\n\t\t},\n\t\t...\n\t},\n\t...\n}<\/code><\/pre>\n<p>Este recurso permite que os usu\u00e1rios criem incr\u00edveis efeitos gr\u00e1ficos em seus sites com o m\u00ednimo de esfor\u00e7o. Voc\u00ea pode v\u00ea-lo em a\u00e7\u00e3o com o novo tema Twenty Twenty-Two.<\/p>\n<p>Em um novo artigo ou p\u00e1gina, crie um novo bloco de Grupo e selecione-o. Voc\u00ea ver\u00e1 um painel de <strong>Borda<\/strong> na barra lateral de configura\u00e7\u00f5es do bloco. Mude a largura e o estilo das bordas conforme necess\u00e1rio e aproveite o resultado.<\/p>\n<figure id=\"attachment_112693\" aria-describedby=\"caption-attachment-112693\" style=\"width: 1868px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112693 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/border-controls.jpg\" alt=\"Um bloco de grupo com uma configura\u00e7\u00e3o de borda personalizada com Twenty Twenty-Two\" width=\"1868\" height=\"1222\"><figcaption id=\"caption-attachment-112693\" class=\"wp-caption-text\">Um bloco de grupo com uma configura\u00e7\u00e3o de borda personalizada com Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Se voc\u00ea \u00e9 um desenvolvedor de temas e quer adicionar este recurso aos seus temas, abra seu arquivo <strong>theme.json<\/strong> e declare o suporte de borda como mostrado no c\u00f3digo a seguir:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 1,\n\t\"settings\": {\n\t\t\"border\": {\n\t\t\t\"customColor\": true,\n\t\t\t\"customRadius\": true,\n\t\t\t\"customStyle\": true,\n\t\t\t\"customWidth\": true\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Salve o arquivo e volte ao seu painel de controle do WordPress. Em um novo artigo ou p\u00e1gina, crie um novo bloco de Grupo e selecione-o. Agora voc\u00ea deve ver um painel de Borda na barra lateral de configura\u00e7\u00f5es do bloco (veja tamb\u00e9m este <a href=\"https:\/\/gist.github.com\/aaronrobertshaw\/8ed108e4a024b81297a55fc498ef3a57\">theme.json experimental<\/a>).<\/p>\n<h3>Melhorias na exibi\u00e7\u00e3o da lista<\/h3>\n<p>Com o WordPress 5.9, a visualiza\u00e7\u00e3o da lista foi melhorada e agora apresenta se\u00e7\u00f5es de arrastar e soltar, se\u00e7\u00f5es dobr\u00e1veis e \u00e2ncoras HTML.<\/p>\n<h4>Arrastar e soltar na exibi\u00e7\u00e3o da lista<\/h4>\n<p>Como mencionado no <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33320\">pedido pull #33320<\/a>, o arrastar e soltar foi implementado na exibi\u00e7\u00e3o dalista, mas foi desativado devido a problemas de desempenho.<\/p>\n<p>Come\u00e7ando com WordPress 5.9, o Arrastar e soltar na exibi\u00e7\u00e3o da lista foi reimplementado. Voc\u00ea pode novamente <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/21\/whats-new-in-gutenberg-11-1-0-21-july\/\">arrastar e soltar blocos<\/a> e grupos de blocos em qualquer lugar da Visualiza\u00e7\u00e3o da Lista. Isto \u00e9 uma grande melhoria na usabilidade do editor, pois permite que voc\u00ea mova blocos e grupos de blocos de forma r\u00e1pida e f\u00e1cil ao redor de suas p\u00e1ginas. \u00c9 fundamental em <a href=\"https:\/\/kinqsta.com\/pt\/blog\/artigos-de-forma-longa\/\">artigos e p\u00e1ginas de forma longa<\/a>, e gerencia estruturas complexas de blocos aninhados.<\/p>\n<figure id=\"attachment_112560\" aria-describedby=\"caption-attachment-112560\" style=\"width: 1994px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112560 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/drag-and-drop-in-list-view.jpg\" alt=\"Arrastar e soltar em Vista de lista.\" width=\"1994\" height=\"1180\"><figcaption id=\"caption-attachment-112560\" class=\"wp-caption-text\">Arrastar e soltar em exibi\u00e7\u00e3o da lista.<\/figcaption><\/figure>\n<h4>Se\u00e7\u00f5es da lista<\/h4>\n<p>Outra melhoria significativa para a exibi\u00e7\u00e3o da lista \u00e9 a habilidade de <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/24\/whats-new-in-gutenberg-10-9-23-june\/\">expandir\/colapsar se\u00e7\u00f5es de blocos aninhados<\/a>. Isto permite que voc\u00ea navegue facilmente em estruturas de blocos complexos, expandindo grupos \u00fanicos de blocos enquanto deixa todos os outros blocos colapsados.<\/p>\n<p>Voc\u00ea tamb\u00e9m pode expandir e colapsar as se\u00e7\u00f5es de exibi\u00e7\u00e3o da lista <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32117\">usando as setas esquerda e direita<\/a>.<\/p>\n<figure id=\"attachment_112561\" aria-describedby=\"caption-attachment-112561\" style=\"width: 1996px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112561 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/group-block-expanded.jpg\" alt=\"Um grupo expandido de blocos\" width=\"1996\" height=\"1102\"><figcaption id=\"caption-attachment-112561\" class=\"wp-caption-text\">Um grupo expandido de blocos<\/figcaption><\/figure>\n<h4>\u00c2ncoras HTML em itens de exibi\u00e7\u00e3o da lista<\/h4>\n<p>Outra melhoria \u00fatil \u00e9 a capacidade de adicionar \u00e2ncoras HTML aos seus blocos de exibi\u00e7\u00e3o da lista e v\u00ea-los num piscar de olhos.<\/p>\n<figure id=\"attachment_112562\" aria-describedby=\"caption-attachment-112562\" style=\"width: 1997px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112562 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/html-anchors-list-view.jpg\" alt=\"\u00c2ncoras HTML de exibi\u00e7\u00e3o da lista.\" width=\"1997\" height=\"1112\"><figcaption id=\"caption-attachment-112562\" class=\"wp-caption-text\">\u00c2ncoras HTML de exibi\u00e7\u00e3o da lista.<\/figcaption><\/figure>\n<h3>Controle de espa\u00e7amento de blocos<\/h3>\n<p>Apresentado pela primeira vez no <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/01\/whats-new-in-gutenberg-11-4-1-september\/\">Gutenberg 11.4<\/a> e agora fundido no n\u00facleo com o WordPress 5.9, o novo controle de espa\u00e7amento de blocos permite que voc\u00ea defina uma dist\u00e2ncia personalizada entre itens dentro de um bloco. Abaixo, voc\u00ea pode ver uma visualiza\u00e7\u00e3o com diferentes valores de espa\u00e7amento de blocos em um bloco de colunas com o tema padr\u00e3o Twenty Twenty-Two:<\/p>\n<figure id=\"attachment_113303\" aria-describedby=\"caption-attachment-113303\" style=\"width: 1966px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113303 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/block-spacing-90.jpg\" alt=\"Controlando o espa\u00e7amento de blocos das colunas no WordPress 5.9.\" width=\"1966\" height=\"1166\"><figcaption id=\"caption-attachment-113303\" class=\"wp-caption-text\">Controlando o espa\u00e7amento de blocos das colunas no WordPress 5.9.<\/figcaption><\/figure>\n<p>O Gap Spacing estar\u00e1 inicialmente dispon\u00edvel para blocos espec\u00edficos, incluindo bot\u00f5es, imagens, colunas, t\u00edtulos e navega\u00e7\u00e3o, mas o suporte deve ser estendido para mais blocos no futuro.<\/p>\n<p>Os temas devem habilitar o Gap Spacing no <strong>theme.json<\/strong> usando a nova propriedade de ferramentas de apar\u00eancia. Voc\u00ea pode ler mais sobre ferramentas de apar\u00eancia em nosso <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-two\/#layout-and-appearance-tools\">artigo detalhado do [Twenty Twenty-Two<\/a>. Veja tamb\u00e9m os pedidos <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33991\">#33991<\/a> e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34630\">#34630<\/a>.<\/p>\n<h3>Pr\u00e9-visualiza\u00e7\u00e3o de URL rica para controle de links<\/h3>\n<p>Aproveitando o novo <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31763\">endpoint de detalhes de url-details<\/a> do REST, o controle de link agora fornece uma <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/24\/whats-new-in-gutenberg-10-9-23-june\/\">rica pr\u00e9-visualiza\u00e7\u00e3o de URL<\/a> mostrando detalhes para um recurso alvo de link.<\/p>\n<figure id=\"attachment_112702\" aria-describedby=\"caption-attachment-112702\" style=\"width: 1390px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112702 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/rich-url-preview.jpg\" alt=\"Visualiza\u00e7\u00e3o de URL rica no editor do post\" width=\"1390\" height=\"1002\"><figcaption id=\"caption-attachment-112702\" class=\"wp-caption-text\">Visualiza\u00e7\u00e3o de URL rica no editor do artigo<\/figcaption><\/figure>\n<p>Em sua <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31464\">primeira implementa\u00e7\u00e3o<\/a>, este recurso s\u00f3 estava dispon\u00edvel no <a href=\"https:\/\/kinqsta.com\/pt\/blog\/blocos-personalizados-gutenberg\/#using-richtext-component\">componente richtext<\/a> do Post Editor. Na \u00e9poca em que foi escrito, ele tamb\u00e9m est\u00e1 dispon\u00edvel no Editor do Site, mas n\u00e3o nos editores de Navega\u00e7\u00e3o e Widget.<\/p>\n<h3>Crie p\u00e1ginas a partir do Link Popup<\/h3>\n<p>O WordPress 5.9 tamb\u00e9m apresenta uma <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">interface de link inline melhorada<\/a>, mostrando um bot\u00e3o novinho em folha para <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35083\">criar novas p\u00e1ginas diretamente do popup de link inline<\/a>. Este recurso s\u00f3 est\u00e1 dispon\u00edvel dentro do <a href=\"https:\/\/kinqsta.com\/pt\/blog\/editor-gutenberg-wordpress\/\">Post Editor<\/a>.<\/p>\n<figure id=\"attachment_113304\" aria-describedby=\"caption-attachment-113304\" style=\"width: 1332px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113304 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/create-pages-from-link-popup.jpg\" alt=\"WordPress 5.9 apresenta um novo link inline UI.\" width=\"1332\" height=\"1100\"><figcaption id=\"caption-attachment-113304\" class=\"wp-caption-text\">WordPress 5.9 apresenta um novo link inline UI.<\/figcaption><\/figure>\n<h3>Melhorias no Bloco de Pesquisa<\/h3>\n<p>O bloco de pesquisa agora mostra as <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/05\/whats-new-in-gutenberg-11-2-0-4-august\/\">configura\u00e7\u00f5es de bot\u00e3o e cor da borda<\/a>.<\/p>\n<figure id=\"attachment_113295\" aria-describedby=\"caption-attachment-113295\" style=\"width: 2032px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113295 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/search-block-color-settings.jpg\" alt=\"Configura\u00e7\u00f5es de cor do bloco de busca.\" width=\"2032\" height=\"1068\"><figcaption id=\"caption-attachment-113295\" class=\"wp-caption-text\">Configura\u00e7\u00f5es de cor do bloco de pesquisa.<\/figcaption><\/figure>\n<p>Agora voc\u00ea tamb\u00e9m pode personalizar a <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32416\">cor do fundo e do texto<\/a> e a <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31783\">cor e raio da borda<\/a>.<\/p>\n<figure id=\"attachment_113294\" aria-describedby=\"caption-attachment-113294\" style=\"width: 2028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113294 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/search-block-border-settings.jpg\" alt=\"Procurar Configura\u00e7\u00f5es de cor e raio da borda do bloco\" width=\"2028\" height=\"1100\"><figcaption id=\"caption-attachment-113294\" class=\"wp-caption-text\">Procurar Configura\u00e7\u00f5es de cor e raio da borda do bloco<\/figcaption><\/figure>\n<h3>Novos controles para dimens\u00f5es de blocos<\/h3>\n<p>Um novo painel de configura\u00e7\u00f5es Dimensions est\u00e1 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/28356\">agora dispon\u00edvel para os usu\u00e1rios<\/a> <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/18\/whats-new-in-gutenberg-11-3-18-august\/\">controlarem o espa\u00e7o ocupado por um bloco<\/a> na p\u00e1gina. O painel <em>deve<\/em> incluir controles de altura, largura, preenchimento, margem e possivelmente alinhamento, mas nem todos os atributos estar\u00e3o dispon\u00edveis para cada bloco.<\/p>\n<figure id=\"attachment_113296\" aria-describedby=\"caption-attachment-113296\" style=\"width: 2026px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113296 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/dimensions-panel-group-block.jpg\" alt=\"Controle de acolchoamento para um bloco de grupo no WordPress 5.9.\" width=\"2026\" height=\"616\"><figcaption id=\"caption-attachment-113296\" class=\"wp-caption-text\">Controle de acolchoamento para um bloco de grupo no WordPress 5.9.<\/figcaption><\/figure>\n<p>Os <a href=\"https:\/\/kinqsta.com\/pt\/blog\/blocos-personalizados-gutenberg\/\">desenvolvedores de blocos<\/a> encontrar\u00e3o o componente <code>&lt;DimensionControl \/&gt;<\/code> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/blob\/trunk\/packages\/components\/src\/dimension-control\/README.md\">documentado no GitHub<\/a>, mas note que ele ainda est\u00e1 marcado como um recurso experimental e pode estar sujeito a mudan\u00e7as de ruptura no momento em que for escrito.<\/p>\n<h3>Um novo bloco de grupo de widgets adicionado \u00e0 tela de Widgets<\/h3>\n<p>Um novo <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/22\/core-editor-improvement-introducing-the-widget-group-block\/\">bloco de grupo de widgets<\/a>\u00a0est\u00e1 <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/17\/whats-new-in-gutenberg-11-5-16-september\/\">agora dispon\u00edvel<\/a> no editor de widgets baseado em blocos. O \u00faltimo bloco permite a voc\u00ea <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34484\">adicionar um grupo de blocos em um widget com um t\u00edtulo<\/a> no Editor de Widgets dos temas cl\u00e1ssicos e no Customizador.<\/p>\n<figure id=\"attachment_113297\" aria-describedby=\"caption-attachment-113297\" style=\"width: 1398px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113297 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/widget-group-block.jpg\" alt=\"Bloco de grupo de widgets no tema Twenty Twenty-One.\" width=\"1398\" height=\"1122\"><figcaption id=\"caption-attachment-113297\" class=\"wp-caption-text\">Bloco de grupo de widgets no tema Twenty Twenty-One.<\/figcaption><\/figure>\n<p>Voc\u00ea pode ler mais sobre o editor de widgets no <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-8\/#blockbased-widgets-editor-and-block-widgets-in-the-customizer\">Block-Based Widgets Editor e Block Widgets no Customizador<\/a>.<\/p>\n<h3>Layout fex e o Novo bloco de fileiras<\/h3>\n<p>Originalmente introduzido como um <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33359\">recurso experimental<\/a> com o <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/05\/whats-new-in-gutenberg-11-2-0-4-august\/\">Gutenberg 11.2<\/a>, o <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/CSS_Flexible_Box_Layout\/Basic_Concepts_of_Flexbox\">layout flex<\/a> foi estendido para v\u00e1rios blocos, incluindo <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34493\">Links Sociais<\/a> e blocos de grupos.<\/p>\n<p>Alguns blocos, como o bloco de Links Sociais, agora fornecem um conjunto de controles da barra de ferramentas e configura\u00e7\u00f5es da barra lateral que permitem que voc\u00ea personalize o layout flex\u00edvel.<\/p>\n<figure id=\"attachment_112704\" aria-describedby=\"caption-attachment-112704\" style=\"width: 1358px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112704 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/social-links-layout-controls.jpg\" alt=\"Controles de layout na barra de ferramentas de blocos de Links Sociais\" width=\"1358\" height=\"524\"><figcaption id=\"caption-attachment-112704\" class=\"wp-caption-text\">Controles de layout na barra de ferramentas de blocos de Links Sociais<\/figcaption><\/figure>\n<p>Esta mesma funcionalidade est\u00e1 dispon\u00edvel no <a href=\"#the-navigation-block\">bloco Navega\u00e7\u00e3o<\/a> e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34535\">bloco de fileiras<\/a>, uma nova varia\u00e7\u00e3o do bloco de grupo introduzida com o <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/17\/whats-new-in-gutenberg-11-5-16-september\/\">Gutenberg 11.5<\/a>.<\/p>\n<p>A imagem a seguir mostra o bloco de linhas com controles de layout na barra lateral de configura\u00e7\u00f5es:<\/p>\n<figure id=\"attachment_112706\" aria-describedby=\"caption-attachment-112706\" style=\"width: 2046px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112706 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/row-block-with-layout-settings.jpg\" alt=\"O novo bloco de linhas com configura\u00e7\u00f5es de layout\" width=\"2046\" height=\"772\"><figcaption id=\"caption-attachment-112706\" class=\"wp-caption-text\">O novo bloco de linhas com configura\u00e7\u00f5es de layout<\/figcaption><\/figure>\n<p>Abaixo, voc\u00ea pode ver o mesmo bloco de fila no frontend e na <a href=\"https:\/\/kinqsta.com\/pt\/blog\/ferramenta-inspecionar\/\">ferramenta de inspetor<\/a> do Chrome.<\/p>\n<figure id=\"attachment_112705\" aria-describedby=\"caption-attachment-112705\" style=\"width: 2460px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112705 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/row-block-flex-props.jpg\" alt=\"Um bloco de linha na ferramenta Inspetor de cromo\" width=\"2460\" height=\"880\"><figcaption id=\"caption-attachment-112705\" class=\"wp-caption-text\">Um bloco de linha na ferramenta Inspetor de cromo<\/figcaption><\/figure>\n<h2>Aperfei\u00e7oamentos do bloco padr\u00e3o<\/h2>\n<p><a href=\"https:\/\/kinqsta.com\/pt\/blog\/novo-wordpress-5-5\/#block-patterns\">Apresentado pela primeira vez com o WordPress 5.5<\/a>, os blocos padr\u00f5es permitem aos usu\u00e1rios do WordPress incluir <a href=\"https:\/\/kinqsta.com\/pt\/blog\/novo-wordpress-5-5\/#block-patterns\">estruturas complexas prontas para uso de blocos aninhados<\/a> em seu conte\u00fado com apenas alguns cliques.<\/p>\n<p>Agora, o WordPress 5.9 d\u00e1 um passo \u00e0 frente em dire\u00e7\u00e3o \u00e0 democratiza\u00e7\u00e3o do design &#038; capacita\u00e7\u00e3o do usu\u00e1rio, introduzindo algumas melhorias no sistema de padr\u00e3o de blocos.<\/p>\n<p>Ent\u00e3o, o que h\u00e1 de novo com os padr\u00f5es de blocos no WordPress 5.9?<\/p>\n<h3>Padr\u00f5es em Destaque do Diret\u00f3rio de Padr\u00f5es<\/h3>\n<p>O Inseridor de Blocos agora <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">exibe Padr\u00f5es de Bloco em Destaque<\/a> recuperados dinamicamente do <a href=\"https:\/\/wordpress.org\/patterns\/\">Diret\u00f3rio de Padr\u00f5es<\/a>, fornecendo aos usu\u00e1rios uma maneira r\u00e1pida e f\u00e1cil de encontrar padr\u00f5es populares para usar em seu conte\u00fado.<\/p>\n<figure id=\"attachment_112574\" aria-describedby=\"caption-attachment-112574\" style=\"width: 2160px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112574 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/buttons-patterns-wp-59-tt2.jpg\" alt=\"Bot\u00f5es bloqueiam padr\u00f5es no WordPress 5.9.\" width=\"2160\" height=\"1308\"><figcaption id=\"caption-attachment-112574\" class=\"wp-caption-text\">Bot\u00f5es bloqueiam padr\u00f5es no WordPress 5.9.<\/figcaption><\/figure>\n<p>Da mesma forma, \u00e0 medida que os padr\u00f5es entram diretamente no painel do WordPress, os desenvolvedores do WordPress devem ser encorajados a criar e publicar mais e mais padr\u00f5es ao longo do tempo, resultando em capacidades de design cada vez mais avan\u00e7adas para os usu\u00e1rios.<\/p>\n<h3>Um Novo Explorador de Padr\u00f5es em Tela Cheia<\/h3>\n<p>Como o n\u00famero de blocos padr\u00e3o dispon\u00edveis no <a href=\"https:\/\/wordpress.org\/patterns\/\">Pattern Directory<\/a> continua a crescer e mais temas os utilizam, o WordPress 5.9 introduz uma <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/12\/whats-new-in-gutenberg-11-9-0-10-november\/\">nova interface de navega\u00e7\u00e3o de blocos padr\u00f5es<\/a>: o Pattern Explorer.<\/p>\n<figure id=\"attachment_112575\" aria-describedby=\"caption-attachment-112575\" style=\"width: 2158px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112575 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/fullscreen-pattern-modal.jpg\" alt=\"Modal padr\u00e3o de tela cheia no WordPress 5.9.\" width=\"2158\" height=\"1300\"><figcaption id=\"caption-attachment-112575\" class=\"wp-caption-text\">Modal padr\u00e3o de tela cheia no WordPress 5.9.<\/figcaption><\/figure>\n<p>Um novo bot\u00e3o <strong>Explore<\/strong> agora abre um <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35773\">modal de tela cheia<\/a> que permite aos usu\u00e1rios navegar, procurar e inserir blocos padr\u00f5es com apenas alguns cliques. O resultado \u00e9 uma experi\u00eancia melhorada para o usu\u00e1rio.<\/p>\n<figure id=\"attachment_112576\" aria-describedby=\"caption-attachment-112576\" style=\"width: 1996px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112576 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/featured-block-patterns.jpg\" alt=\"Blocos padr\u00f5es em destaque no inseridor de blocos.\" width=\"1996\" height=\"1132\"><figcaption id=\"caption-attachment-112576\" class=\"wp-caption-text\">Blocos padr\u00f5es em destaque no inseridor de blocos.<\/figcaption><\/figure>\n<p>Voc\u00ea tamb\u00e9m encontrar\u00e1 notas adicionais e v\u00e1rios exemplos de blocos padr\u00f5es em nosso mergulho profundo no <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-two\/#twenty-twentytwo-block-patterns\">tema Twenty Twenty-Two WordPress<\/a>.<\/p>\n<p>Se voc\u00ea est\u00e1 interessado e quer saber mais, ou\u00e7a o podcast de Josepha Haden Chomphosy, <a href=\"https:\/\/wordpress.org\/news\/2021\/09\/episode-16-a-sneak-peek-at-wordpress-5-9\/\">Epis\u00f3dio 16<\/a> e <a href=\"https:\/\/wordpress.org\/news\/2021\/11\/episode-21-all-things-block-themes\/\">21<\/a>, e assista ao v\u00eddeo <a href=\"https:\/\/www.youtube.com\/watch?v=r59aR1tmY6k\">Exploring WordPress 5.9<\/a> YouTube de Anne McCarthy.<\/p>\n<h2>O tema Twenty Twenty-Two e temas de blocos do WordPress<\/h2>\n<p>Com o WordPress 5.9, voc\u00ea n\u00e3o precisar\u00e1 mais instalar o plugin Gutenberg para habilitar a Edi\u00e7\u00e3o Completa do Site no seu site WordPress. Voc\u00ea s\u00f3 precisar\u00e1 permitir que um tema de bloco aproveite todos os recursos do FSE.<\/p>\n<p>Al\u00e9m disso, o WordPress 5.9 foi inclu\u00eddo com um novo tema padr\u00e3o, Twenty Twenty-Two, e \u00e9 uma mudan\u00e7a de jogo, j\u00e1 que Twenty Twenty-Two \u00e9 o primeiro tema padr\u00e3o de bloco de sempre.<\/p>\n<p>Twenty Twenty-Two \u00e9 um tema altamente flex\u00edvel e personaliz\u00e1vel. Ele fornece uma sandbox perfeita para experimentar o novo fluxo de edi\u00e7\u00e3o de modelos, novos blocos, melhorias na interface e todos os recursos de edi\u00e7\u00e3o do site adicionados ao n\u00facleo, come\u00e7ando com o WordPress 5.9.<\/p>\n<figure id=\"attachment_110731\" aria-describedby=\"caption-attachment-110731\" style=\"width: 2560px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110731 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/tt2.jpg\" alt=\"Twenty Twenty-Two \u00e9 o novo tema padr\u00e3o do WordPress\" width=\"2560\" height=\"1752\"><figcaption id=\"caption-attachment-110731\" class=\"wp-caption-text\">Twenty Twenty-Two \u00e9 o novo tema padr\u00e3o do WordPress. (Fonte da imagem: <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/06\/introducing-twenty-twenty-two\/\">WordPress.org<\/a>)<\/figcaption><\/figure>\n<p>Como mencionado acima, tudo o que voc\u00ea precisa fazer \u00e9 instalar e ativar um <a href=\"https:\/\/wordpress.org\/themes\/tags\/full-site-editing\/\">tema de bloco<\/a>, como o Twenty Twenty-Two. Uma vez que o tema esteja ativo, um novo item de menu <strong>Editor (beta)<\/strong> aparecer\u00e1 no menu de administra\u00e7\u00e3o do painel de controle do WordPress.<\/p>\n<figure id=\"attachment_113422\" aria-describedby=\"caption-attachment-113422\" style=\"width: 2002px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113422 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/wp-59-appearance-menu.jpg\" alt=\"O novo Menu de Apar\u00eancia no WordPress 5.9.\" width=\"2002\" height=\"830\"><figcaption id=\"caption-attachment-113422\" class=\"wp-caption-text\">O novo Menu de Apar\u00eancia no WordPress 5.9.<\/figcaption><\/figure>\n<p>A interface do Editor do site agora apresenta um <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-two\/#twenty-twentytwo-brings-a-new-site-editing-flow\">fluxo de edi\u00e7\u00e3o do site<\/a> renovado. A partir da interface de edi\u00e7\u00e3o, voc\u00ea ser\u00e1 capaz de editar visualmente a p\u00e1gina inicial do site, modelos e partes de modelos, assim como acessar a <a href=\"#global-styles-a-graphic-interface-for-themejson\">interface de Estilos Globais<\/a>.<\/p>\n<figure id=\"attachment_110741\" aria-describedby=\"caption-attachment-110741\" style=\"width: 2318px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110741 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/12\/editor-navigation-menu.jpg\" alt=\"O menu de navega\u00e7\u00e3o do Editor.\" width=\"2318\" height=\"1046\"><figcaption id=\"caption-attachment-110741\" class=\"wp-caption-text\">O menu de navega\u00e7\u00e3o do Editor.<\/figcaption><\/figure>\n<p>Quando voc\u00ea ativa um tema de bloco, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/state-of-the-customizer-with-block-themes-in-wordpress-5-9\/\">voc\u00ea n\u00e3o vai encontrar o Customizador<\/a>. Isso porque o Customizador n\u00e3o suporta temas de blocos, que s\u00f3 usam o Editor do Site. Essa tamb\u00e9m \u00e9 a raz\u00e3o pela qual <strong>voc\u00ea n\u00e3o pode visualizar os temas de blocos inativos<\/strong>.<\/p>\n<figure id=\"attachment_113429\" aria-describedby=\"caption-attachment-113429\" style=\"width: 1650px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113429 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/live-preview-not-available.jpg\" alt=\"A Visualiza\u00e7\u00e3o ao Vivo n\u00e3o est\u00e1 dispon\u00edvel com temas de blocos.\" width=\"1650\" height=\"1268\"><figcaption id=\"caption-attachment-113429\" class=\"wp-caption-text\">A Visualiza\u00e7\u00e3o ao Vivo n\u00e3o est\u00e1 dispon\u00edvel com temas de blocos.<\/figcaption><\/figure>\n<p>Ent\u00e3o, a partir do WordPress 5.9, o ponto de acesso ao Customizador n\u00e3o est\u00e1 mais dispon\u00edvel no menu de administra\u00e7\u00e3o quando um tema de bloco est\u00e1 ativo (a menos que voc\u00ea esteja usando <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/block-themes-a-new-way-to-build-themes-in-wordpress-5-9\/\">um plugin que fa\u00e7a uso dele<\/a>).<\/p>\n<p>Se voc\u00ea ainda est\u00e1 ligado a temas tradicionais e est\u00e1 preocupado com a compatibilidade retroativa, descanse facilmente: Voc\u00ea pode continuar usando seu tema.<\/p>\n<p>Atualmente voc\u00ea tem quatro categorias diferentes de temas para escolher:<\/p>\n<ul>\n<li><strong>Temas de blocos<\/strong>: Temas desenhados para o FSE<\/li>\n<li><strong>Temas universais<\/strong>: Temas que funcionam tanto com o Customizador como o Editor do Site<\/li>\n<li><strong>Temas H\u00edbridos<\/strong>: Temas cl\u00e1ssicos que suportam caracter\u00edsticas FSE como theme.json<\/li>\n<li><strong>Temas cl\u00e1ssicos<\/strong>: Temas com templates PHP, functions.php, etc.<\/li>\n<\/ul>\n<p>Devido ao impacto que os temas de blocos provavelmente ter\u00e3o no ecossistema WordPress, n\u00f3s temos um artigo inteiro cobrindo <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-two\/\">o tema Twenty Twenty-Two e os temas de blocos do WordPress<\/a>. N\u00e3o deixe de conferir para ter uma vis\u00e3o mais aprofundada.<\/p>\n<h2>Melhorias do desempenho<\/h2>\n<p>Aqui em Kinsta, n\u00f3s somos obcecados pela <a href=\"https:\/\/kinqsta.com\/pt\/aprenda\/acelerar-o-seu-site-wordpress\/\">velocidade do site<\/a>. \u00c9 por isso que estamos entusiasmados com as <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/05\/wordpress-5-9-performance-improvements\/\">melhorias do desempenho<\/a> que vir\u00e3o com o WordPress 5.9.<\/p>\n<p>Essas melhorias afetar\u00e3o diversas \u00e1reas do CMS, desde o editor de blocos at\u00e9 temas de blocos, carregamento pregui\u00e7oso e muito mais. Vamos mergulhar.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Melhorias no inseridor de blocos<\/h3>\n<p>Desde o WordPress 5.9, os tipos de blocos, padr\u00f5es e categorias s\u00e3o pregui\u00e7osamente renderizados no Inseridor de Blocos. O navegador carrega primeiro o conte\u00fado com maior prioridade, dando ao usu\u00e1rio uma experi\u00eancia de edi\u00e7\u00e3o mais suave e um melhor desempenho.<\/p>\n<p>Outras melhorias not\u00e1veis de desempenho no contexto do editor de blocos afetam os blocos reutiliz\u00e1veis e <a href=\"#list-view-improvements\">a visualiza\u00e7\u00e3o de lista<\/a>.<\/p>\n<h3>Menos CSS carregado<\/h3>\n<p>Quanto ao frontend, o WordPress 5.9 cortou drasticamente a quantidade de CSS carregados por temas de blocos, levando ao carregamento de p\u00e1ginas significativamente mais r\u00e1pido.<\/p>\n<p>A principal melhoria que deve ser notada neste contexto \u00e9 a introdu\u00e7\u00e3o do mecanismo de configura\u00e7\u00f5es e estilos do <strong>theme.json<\/strong>, que impede que os temas utilizem folhas de estilo maci\u00e7as, incluindo centenas de declara\u00e7\u00f5es CSS. A quantidade de c\u00f3digo CSS que um tema utiliza agora foi reduzida para <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-two\/#twenty-twentytwo-at-its-core-a-quick-overview-of-themejson\">algumas propriedades personalizadas CSS<\/a> que qualquer tipo de bloco pode reutilizar.<\/p>\n<h3>Melhorias de performance do carregamento pregui\u00e7oso<\/h3>\n<p>O carregamento pregui\u00e7oso de imagens foi <a href=\"https:\/\/kinqsta.com\/pt\/blog\/novo-wordpress-5-5\/#native-image-lazyloading-in-wordpress-core\">introduzido pela primeira vez no WordPress 5.5<\/a>. A partir do WordPress 5.7, a funcionalidade de carregamento pregui\u00e7oso foi <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-7\/#lazyloading-iframes\">estendida para iframes<\/a>, permitindo que os propriet\u00e1rios de sites constru\u00edssem sites mais r\u00e1pidos e <a href=\"https:\/\/kinqsta.com\/pt\/ebooks\/wordpress\/como-melhorar-o-seo\/\">melhorassem seu SEO<\/a>.<\/p>\n<p>De qualquer forma, ap\u00f3s uma an\u00e1lise da <a href=\"https:\/\/kinqsta.com\/pt\/blog\/core-web-vitals-do-google\/#largest-contentful-paint-lcp\">LCP (Largest Contentful Paint)<\/a>, verificou-se que a atribui\u00e7\u00e3o do atributo <code>loading=\"lazy\"<\/code> a todas as imagens e iframes na p\u00e1gina causa uma ligeira degrada\u00e7\u00e3o do desempenho.<\/p>\n<p>Simplesmente pular o atributo <code>loading=\"lazy\"<\/code> n\u00e3o era uma solu\u00e7\u00e3o porque faz\u00ea-lo levaria a perder as vantagens claras da <a href=\"https:\/\/kinqsta.com\/pt\/blog\/lazy-load-no-wordpress\/\">carga pregui\u00e7osa<\/a>.<\/p>\n<p>A <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/15\/refining-wordpress-cores-lazy-loading-implementation\/\">solu\u00e7\u00e3o ideal<\/a> seria omitir apenas o atributo <code>loading=\"lazy\"<\/code> nas imagens que aparecem acima da dobra. Entretanto, como o atributo <code>loading=\"lazy\"<\/code> \u00e9 atribu\u00eddo no lado do servidor, o WordPress n\u00e3o pode determinar exatamente quais imagens s\u00e3o exibidas acima da dobra. \u00c9 algo que depende principalmente do tema ativo.<\/p>\n<p>Agora, como uma solu\u00e7\u00e3o trade-off, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/29\/enhanced-lazy-loading-performance-in-5-9\/\">come\u00e7ando com o WordPress 5.9<\/a>, o atributo <code>loading=\"lazy\"<\/code> n\u00e3o \u00e9 aplicado \u00e0 primeira imagem de conte\u00fado ou iframe. Uma an\u00e1lise realizada em 50 <a href=\"https:\/\/kinqsta.com\/pt\/blog\/temas-wordpress-mais-rapidos\/\">temas populares do WordPress<\/a> descobriu que esta solu\u00e7\u00e3o leva a melhorias consider\u00e1veis de desempenho e carregamento de p\u00e1ginas at\u00e9 30% mais r\u00e1pido.<\/p>\n<p>Felix Arntz explica <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/29\/enhanced-lazy-loading-performance-in-5-9\/\">como funciona<\/a>:<\/p>\n<blockquote><p>&#8230; para melhorar o desempenho out-of-the-box sem requerer um desenvolvedor para personalizar o comportamento, o WordPress agora vai pular a primeira &#8220;imagem de conte\u00fado ou iframe&#8221; na p\u00e1gina de ser carregado pregui\u00e7osamente. O termo &#8220;imagem de conte\u00fado ou iframe&#8221; aqui denota qualquer imagem ou iframe que \u00e9 encontrado dentro do conte\u00fado de qualquer artigo no loop principal da consulta atual, assim como qualquer imagem destacada de tal artigo. Isto se aplica tanto ao conte\u00fado &#8220;singular&#8221; quanto ao conte\u00fado &#8220;arquivado&#8221;: Em um contexto &#8220;singular&#8221; a primeira imagem ou iframe do (somente) artigo n\u00e3o \u00e9 carregada com o carregamento pregui\u00e7oso, enquanto em um contexto &#8220;archive&#8221; a primeira imagem ou iframe do primeiro artigo da consulta n\u00e3o \u00e9 carregada com o carregamento pregui\u00e7oso.<\/p><\/blockquote>\n<p>Os desenvolvedores de temas podem agora usar o novo filtro <code>wp_omit_loading_attr_threshold<\/code> para mudar o n\u00famero de imagens\/ iframes a serem pulados do carregamento pregui\u00e7oso.<\/p>\n<h3>M\u00faltiplas stylesheets (folhas de estilo) por bloco<\/h3>\n<p>Blocos e desenvolvedores de temas podem <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/15\/using-multiple-stylesheets-per-block\/\">registrar m\u00faltiplas folhas de estilo<\/a> em cada bloco e carregar estilos de outros blocos quando necess\u00e1rio. Isto permite carregar folhas de estilo dependendo do conte\u00fado da p\u00e1gina, evitando que os temas carreguem folhas de estilo enormes em cada p\u00e1gina.<\/p>\n<p>De acordo com <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/15\/using-multiple-stylesheets-per-block\/\">Ari Stathopoulos<\/a>:<\/p>\n<blockquote><p>Os blocos agora ser\u00e3o capazes de registrar m\u00faltiplas folhas de estilo, e carregar estilos de outros blocos quando necess\u00e1rio. Os temas ser\u00e3o capazes de adicionar estilos por bloco, ao inv\u00e9s de carregar folhas de estilo monol\u00edticas que s\u00e3o carregadas \u00e0 for\u00e7a em qualquer lugar. Isto tem um impacto maior nos temas de blocos onde o carregamento de folhas de estilo \u00e9 otimizado com base no conte\u00fado da p\u00e1gina e layout, mas tamb\u00e9m pode ser usado por temas cl\u00e1ssicos.<\/p><\/blockquote>\n<h2>Recursos adicionais para desenvolvedores<\/h2>\n<p>Al\u00e9m das muitas caracter\u00edsticas e melhorias de IU discutidas at\u00e9 agora, o WordPress 5.9 tamb\u00e9m introduz v\u00e1rias caracter\u00edsticas para desenvolvedores.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Se voc\u00ea \u00e9 novo no desenvolvimento de blocos do WordPress, certifique-se de verificar nosso <a href=\"https:\/\/kinqsta.com\/pt\/blog\/blocos-personalizados-gutenberg\/\">Tutorial Definitivo de Desenvolvimento de Blocos<\/a><\/p>\n<\/aside>\n\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Um novo atributo para bloquear blocos<\/h3>\n<p>Os desenvolvedores de blocos podem agora impedir que os usu\u00e1rios <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/01\/whats-new-in-gutenberg-11-6-29-september\/\">movimentem ou excluam blocos individuais<\/a> <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/08\/locking-blocks-in-wordpress-5-9\/\">adicionando um atributo <code>lock<\/code><\/a> nas configura\u00e7\u00f5es de blocos:<\/p>\n<pre><code class=\"language-json\">{\n\t...\n\t\"attributes\": {\n\t\t\"lock\": {\n\t\t\t\"type\": \"object\",\n\t\t\t\"default\": {\n\t\t\t\t\"move\": true,\n\t\t\t\t\"remove\": true\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Com <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32457\">este recurso habilitado<\/a>, os usu\u00e1rios podem editar o conte\u00fado do bloco, mas n\u00e3o podem mover o bloco na p\u00e1gina ou remov\u00ea-lo da tela do editor. A imagem a seguir mostra um <a href=\"https:\/\/kinqsta.com\/pt\/blog\/blocos-personalizados-gutenberg\/\">bloco personalizado<\/a> com um conjunto padr\u00e3o de controles da barra de ferramentas:<\/p>\n<figure id=\"attachment_112708\" aria-describedby=\"caption-attachment-112708\" style=\"width: 1288px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112708 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/custom-block-with-regular-toolbar.jpg\" alt=\"Um bloco personalizado com uma barra de ferramentas regular\" width=\"1288\" height=\"946\"><figcaption id=\"caption-attachment-112708\" class=\"wp-caption-text\">Um bloco personalizado com uma barra de ferramentas regular<\/figcaption><\/figure>\n<p>Definindo o atributo <code>lock<\/code>, como visto no c\u00f3digo acima, esconde os movimentadores de blocos e os controles <strong>Move to<\/strong> e <strong>Remove<\/strong> da barra de ferramentas do bloco. A imagem abaixo mostra o resultado final na tela:<\/p>\n<figure id=\"attachment_112709\" aria-describedby=\"caption-attachment-112709\" style=\"width: 1284px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112709 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/01\/custom-block-without-move-and-remove-controls.jpg\" alt=\"Um bloco personalizado sem mover e remover controles\" width=\"1284\" height=\"762\"><figcaption id=\"caption-attachment-112709\" class=\"wp-caption-text\">Um bloco personalizado sem mover e remover controles<\/figcaption><\/figure>\n<p>Voc\u00ea tamb\u00e9m pode travar um bloco espec\u00edfico em um bloco padr\u00e3o. Para um exemplo, veja tamb\u00e9m <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/08\/locking-blocks-in-wordpress-5-9\/\">Bloqueios de Blocos no WordPress 5.9<\/a>.<\/p>\n<h3>Nova API para acessar configura\u00e7\u00f5es e Estilos Globais<\/h3>\n<p>WordPress 5.9 introduz uma nova <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/new-api-to-access-global-settings-styles\/\">API p\u00fablica PHP<\/a> para ler dados do <strong>theme.json<\/strong>.<\/p>\n<h4>Configura\u00e7\u00f5es e Estilos de Leitura do theme.json<\/h4>\n<p>H\u00e1 duas novas fun\u00e7\u00f5es para ler dados das se\u00e7\u00f5es <code>settings<\/code> e <code>styles<\/code> declaradas no <strong>theme.json:<\/strong><\/p>\n<pre><code class=\"language-php\">wp_get_global_settings( $path = array() , $context = array() );\nwp_get_global_styles( $path = array(), $context = array() );<\/code><\/pre>\n<ul>\n<li><code>$path<\/code> \u00e9 um array listando o caminho para a configura\u00e7\u00e3o especificada<\/li>\n<li><code>$context<\/code> \u00e9 um array que define o contexto para esses dados. Os desenvolvedores podem ler a partir de uma se\u00e7\u00e3o espec\u00edfica de configura\u00e7\u00f5es de blocos &#8211; por exemplo, <code>array( 'block_name' =&gt; 'core\/paragraph' )<\/code>. O conjunto de chaves <code>orygin<\/code> para <code>base<\/code> permite ignorar os dados personalizados salvos pelo usu\u00e1rio.<\/li>\n<\/ul>\n<p>O seguinte c\u00f3digo de exemplo retornaria o valor da configura\u00e7\u00e3o <code>contentSize<\/code>. No Twenty Twenty-Two seria <code>650px<\/code>:<\/p>\n<pre><code class=\"language-php\">wp_get_global_settings( array( 'layout', 'contentSize' ) );<\/code><\/pre>\n<p>Ao definir um contexto, voc\u00ea pode recuperar estilos para blocos espec\u00edficos. O c\u00f3digo a seguir mostra como recuperar o valor do raio da borda para o bloco <code>core\/button<\/code>:<\/p>\n<pre><code class=\"language-php\">function get_global_styles() {\n\treturn\n\twp_get_global_styles(\n\t\tarray( 'border', 'radius' ),\n\t\tarray( 'block_name' =&gt; 'core\/button' )\n\t);\n}<\/code><\/pre>\n<p>A fun\u00e7\u00e3o acima retorna o valor de propriedade requerido enquanto considera as configura\u00e7\u00f5es padr\u00e3o, configura\u00e7\u00f5es de tema e dados do usu\u00e1rio. O valor personalizado ser\u00e1 fornecido se o usu\u00e1rio configurar o raio da borda do bot\u00e3o na interface de Estilos Globais.<\/p>\n<p>Para ignorar os dados do usu\u00e1rio, voc\u00ea usaria o seguinte c\u00f3digo:<\/p>\n<pre><code class=\"language-php\">function get_global_styles() {\n\treturn\n\twp_get_global_styles(\n\t\tarray( 'border', 'radius' ),\n\t\tarray( 'block_name' =&gt; 'core\/button', 'origin' =&gt; 'base' )\n\t);\n}<\/code><\/pre>\n<h4>Obtenha a folha de estilos gerada<\/h4>\n<p>O WordPress 5.9 tamb\u00e9m introduz uma nova fun\u00e7\u00e3o para obter a folha de estilo resultante dos estilos padr\u00e3o, tem\u00e1tico e personalizado:<\/p>\n<pre><code class=\"language-php\">wp_get_global_stylesheet( $types = array() );<\/code><\/pre>\n<p><code>$types<\/code> \u00e9 uma lista dos estilos a serem gerados. Voc\u00ea pode ler mais sobre a nova API em <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/new-api-to-access-global-settings-styles\/\">Nova API para acessar configura\u00e7\u00f5es e estilos globais<\/a>.<\/p>\n<h3>Mais recursos para os desenvolvedores<\/h3>\n<p>As mudan\u00e7as adicionais do WordPress 5.9 para desenvolvedores que voc\u00ea pode querer saber incluem:<\/p>\n<ul>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/block-themes-a-new-way-to-build-themes-in-wordpress-5-9\/\">Temas de blocos, uma nova maneira de construir temas no WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/08\/updates-for-settings-styles-and-theme-json\/\">Atualiza\u00e7\u00f5es para Configura\u00e7\u00f5es, Estilos e theme.json<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/theme-focused-changes-and-filters-in-wordpress-5-9\/\">Mudan\u00e7as e filtros focados em temas no WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/05\/new-capability-queries-in-wordpress-5-9\/\">Novas Consultas de Capacidade no WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/miscellaneous-core-changes-in-wordpress-5-9\/\">Miscel\u00e2nea de mudan\u00e7as no WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/miscellaneous-block-editor-changes-in-wordpress-5-9\/\">Mudan\u00e7as diversas no editor de blocos no WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/28\/take-more-control-over-inner-block-areas-as-a-block-developer\/\">Assuma mais controle sobre \u00c1reas de Blocos Internos (como um desenvolvedor de blocos)<\/a><\/li>\n<\/ul>\n<h2>Resumo<\/h2>\n<p>N\u00f3s vamos encerrar este artigo com uma nota r\u00e1pida sobre a <a href=\"https:\/\/kinqsta.com\/pt\/wordpress-quota-mercado\/\">participa\u00e7\u00e3o de mercado WordPress<\/a>. O WordPress atualmente alimenta mais de 65% de todos os sites cujo sistema de gerenciamento de conte\u00fado \u00e9 conhecido e fica ao norte de <strong>43% de todos os sites<\/strong>.<\/p>\n<p>Estes n\u00fameros s\u00e3o impressionantes, especialmente quando comparados com os concorrentes mais pr\u00f3ximos com menos de 5% de participa\u00e7\u00e3o de mercado, como o Shopify.<\/p>\n<p>E isto tamb\u00e9m significa que voc\u00ea n\u00e3o pode ignorar a evolu\u00e7\u00e3o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/sistema-de-gerenciamento-de-conteudo\/\">do WP CMS<\/a>. Cada <a href=\"https:\/\/kinqsta.com\/pt\/blog\/versao-wordpress\/\">nova vers\u00e3o do WordPress<\/a> traz novas funcionalidades, melhorias na interface, melhorias de desempenho e o WordPress 5.9 n\u00e3o \u00e9 exce\u00e7\u00e3o. Tudo que voc\u00ea precisa para testar as novas funcionalidades \u00e9 um tema de bloco, como o novo tema padr\u00e3o Twenty Twenty-Two, e voc\u00ea estar\u00e1 pronto para ir.<\/p>\n<p><em>Voc\u00ea est\u00e1 pronto para fazer a mudan\u00e7a para o tema de blocos e FSE? E quais s\u00e3o as suas mudan\u00e7as favoritas que v\u00eam com o WordPress 5.9?<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>O WordPress 5.9 foi inicialmente programado para ser lan\u00e7ado em 14 de dezembro de 2021. Devido a v\u00e1rias quest\u00f5es em aberto, o lan\u00e7amento final foi adiado &#8230;<\/p>\n","protected":false},"author":36,"featured_media":46298,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[74,589,590,44,30],"topic":[1038],"class_list":["post-46295","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-cms","tag-editing","tag-updates","tag-webdev","tag-wordpress","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 5.9 \u2014 Edi\u00e7\u00e3o Completa do Site, Estilos Globais, Blocos, Padr\u00f5es, APIs, Melhorias na Interface do Usu\u00e1rio, e Muito Mais!<\/title>\n<meta name=\"description\" content=\"Confira nossa revis\u00e3o detalhada do WordPress 5.9 e descubra todas as principais caracter\u00edsticas introduzidas com a primeira vers\u00e3o do WordPress de 2022!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/\" \/>\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 5.9 \u2014 Edi\u00e7\u00e3o Completa do Site, Estilos Globais, Blocos, Padr\u00f5es, APIs, Melhorias na Interface do Usu\u00e1rio, e Muito Mais!\" \/>\n<meta property=\"og:description\" content=\"Confira nossa revis\u00e3o detalhada do WordPress 5.9 e descubra todas as principais caracter\u00edsticas introduzidas com a primeira vers\u00e3o do WordPress de 2022!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/\" \/>\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=\"2022-01-18T12:58:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-22T09:02:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/01\/wordpress-5-9.jpeg\" \/>\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 nossa revis\u00e3o detalhada do WordPress 5.9 e descubra todas as principais caracter\u00edsticas introduzidas com a primeira vers\u00e3o do WordPress de 2022!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/01\/wordpress-5-9.jpeg\" \/>\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=\"41 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"O que H\u00e1 de Novo no WordPress 5.9 \u2014 Edi\u00e7\u00e3o Completa do Site, Estilos Globais, Blocos, Padr\u00f5es, APIs, Melhorias na Interface do Usu\u00e1rio, e Muito Mais!\",\"datePublished\":\"2022-01-18T12:58:08+00:00\",\"dateModified\":\"2023-08-22T09:02:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/\"},\"wordCount\":6956,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/01\/wordpress-5-9.jpeg\",\"keywords\":[\"CMS\",\"editing\",\"updates\",\"webdev\",\"WordPress\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/\",\"name\":\"O que H\u00e1 de Novo no WordPress 5.9 \u2014 Edi\u00e7\u00e3o Completa do Site, Estilos Globais, Blocos, Padr\u00f5es, APIs, Melhorias na Interface do Usu\u00e1rio, e Muito Mais!\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/01\/wordpress-5-9.jpeg\",\"datePublished\":\"2022-01-18T12:58:08+00:00\",\"dateModified\":\"2023-08-22T09:02:03+00:00\",\"description\":\"Confira nossa revis\u00e3o detalhada do WordPress 5.9 e descubra todas as principais caracter\u00edsticas introduzidas com a primeira vers\u00e3o do WordPress de 2022!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/01\/wordpress-5-9.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/01\/wordpress-5-9.jpeg\",\"width\":1460,\"height\":730,\"caption\":\"O que h\u00e1 de novo no WordPress 5.9 (Edi\u00e7\u00e3o completa do site, Estilos globais, APIs e mais)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Atualiza\u00e7\u00f5es WordPress\",\"item\":\"https:\/\/kinqsta.com\/pt\/topicos\/atualizacoes-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"O que H\u00e1 de Novo no WordPress 5.9 \u2014 Edi\u00e7\u00e3o Completa do Site, Estilos Globais, Blocos, Padr\u00f5es, APIs, Melhorias na Interface do Usu\u00e1rio, e Muito Mais!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"O que H\u00e1 de Novo no WordPress 5.9 \u2014 Edi\u00e7\u00e3o Completa do Site, Estilos Globais, Blocos, Padr\u00f5es, APIs, Melhorias na Interface do Usu\u00e1rio, e Muito Mais!","description":"Confira nossa revis\u00e3o detalhada do WordPress 5.9 e descubra todas as principais caracter\u00edsticas introduzidas com a primeira vers\u00e3o do WordPress de 2022!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/","og_locale":"pt_PT","og_type":"article","og_title":"O que H\u00e1 de Novo no WordPress 5.9 \u2014 Edi\u00e7\u00e3o Completa do Site, Estilos Globais, Blocos, Padr\u00f5es, APIs, Melhorias na Interface do Usu\u00e1rio, e Muito Mais!","og_description":"Confira nossa revis\u00e3o detalhada do WordPress 5.9 e descubra todas as principais caracter\u00edsticas introduzidas com a primeira vers\u00e3o do WordPress de 2022!","og_url":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2022-01-18T12:58:08+00:00","article_modified_time":"2023-08-22T09:02:03+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/01\/wordpress-5-9.jpeg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Confira nossa revis\u00e3o detalhada do WordPress 5.9 e descubra todas as principais caracter\u00edsticas introduzidas com a primeira vers\u00e3o do WordPress de 2022!","twitter_image":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/01\/wordpress-5-9.jpeg","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Carlo Daniele","Tempo estimado de leitura":"41 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"O que H\u00e1 de Novo no WordPress 5.9 \u2014 Edi\u00e7\u00e3o Completa do Site, Estilos Globais, Blocos, Padr\u00f5es, APIs, Melhorias na Interface do Usu\u00e1rio, e Muito Mais!","datePublished":"2022-01-18T12:58:08+00:00","dateModified":"2023-08-22T09:02:03+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/"},"wordCount":6956,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/01\/wordpress-5-9.jpeg","keywords":["CMS","editing","updates","webdev","WordPress"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/","url":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/","name":"O que H\u00e1 de Novo no WordPress 5.9 \u2014 Edi\u00e7\u00e3o Completa do Site, Estilos Globais, Blocos, Padr\u00f5es, APIs, Melhorias na Interface do Usu\u00e1rio, e Muito Mais!","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/01\/wordpress-5-9.jpeg","datePublished":"2022-01-18T12:58:08+00:00","dateModified":"2023-08-22T09:02:03+00:00","description":"Confira nossa revis\u00e3o detalhada do WordPress 5.9 e descubra todas as principais caracter\u00edsticas introduzidas com a primeira vers\u00e3o do WordPress de 2022!","breadcrumb":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/#primaryimage","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/01\/wordpress-5-9.jpeg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/01\/wordpress-5-9.jpeg","width":1460,"height":730,"caption":"O que h\u00e1 de novo no WordPress 5.9 (Edi\u00e7\u00e3o completa do site, Estilos globais, APIs e mais)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Atualiza\u00e7\u00f5es WordPress","item":"https:\/\/kinqsta.com\/pt\/topicos\/atualizacoes-wordpress\/"},{"@type":"ListItem","position":3,"name":"O que H\u00e1 de Novo no WordPress 5.9 \u2014 Edi\u00e7\u00e3o Completa do Site, Estilos Globais, Blocos, Padr\u00f5es, APIs, Melhorias na Interface do Usu\u00e1rio, e Muito Mais!"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/pt\/#website","url":"https:\/\/kinqsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinqsta.com\/pt\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/46295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/comments?post=46295"}],"version-history":[{"count":9,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/46295\/revisions"}],"predecessor-version":[{"id":53676,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/46295\/revisions\/53676"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/46295\/translations\/en"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/46295\/translations\/de"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/46295\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/46295\/translations\/fr"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/46295\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/46295\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/46295\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/46295\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/46295\/translations\/dk"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/46295\/translations\/jp"},{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/46295\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media\/46298"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media?parent=46295"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/tags?post=46295"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/topic?post=46295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}