{"id":49242,"date":"2022-05-10T03:28:00","date_gmt":"2022-05-10T06:28:00","guid":{"rendered":"https:\/\/kinsta.com\/pt\/?p=49242&#038;preview=true&#038;preview_id=49242"},"modified":"2023-08-22T06:01:59","modified_gmt":"2023-08-22T09:01:59","slug":"wordpress-6-0","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/","title":{"rendered":"O Que h\u00e1 de Novo no WordPress 6.0: Novos Blocos, Mudan\u00e7a de Estilo, Edi\u00e7\u00e3o de Templates, Webfonts API, e Muito Mais"},"content":{"rendered":"<p>O <strong>WordPress 6.0 Arturo est\u00e1 aqui<\/strong> e, como sempre, espreitamos atr\u00e1s das cortinas para dar aos nossos leitores uma pr\u00e9via do que h\u00e1 de <a href=\"https:\/\/wordpress.org\/news\/2022\/05\/arturo\/\">novo com o \u00faltimo grande lan\u00e7amento do WordPress<\/a>.<\/p>\n<p>Digamos desde j\u00e1 que, se <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-9\/\">o WordPress 5.9<\/a> nos trouxe ao cora\u00e7\u00e3o da Fase 2 do Gutenberg, o WordPress 6.0 visa consolidar as ferramentas de customiza\u00e7\u00e3o j\u00e1 dispon\u00edveis.<\/p>\n<p>Mas a nova vers\u00e3o n\u00e3o \u00e9 apenas isso. Como Matias Ventura apontou no <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/26\/preliminary-roadmap-for-6-0\/\">Roadmap Preliminar do 6.0<\/a>, a introdu\u00e7\u00e3o do editor do site marcou um grande marco, mas tamb\u00e9m apenas um primeiro passo na jornada.<\/p>\n<figure id=\"attachment_124477\" aria-describedby=\"caption-attachment-124477\" style=\"width: 2880px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-124477 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/05\/wordpress-6-0.jpg\" alt=\"WordPress 6.0 Arturo foi lan\u00e7ado\" width=\"2880\" height=\"1584\"><figcaption id=\"caption-attachment-124477\" class=\"wp-caption-text\">WordPress 6.0 Arturo foi lan\u00e7ado<\/figcaption><\/figure>\n<p>O WordPress 6.0 traz melhorias significativas em diversas \u00e1reas do CMS, desde a usabilidade at\u00e9 o desempenho, incluindo as seguintes:<\/p>\n<ul>\n<li>Melhor arquitetura de informa\u00e7\u00e3o e experi\u00eancia de navega\u00e7\u00e3o de templates<\/li>\n<li>Melhoria na cria\u00e7\u00e3o de templates<\/li>\n<li>Novos hooks<\/li>\n<li>Webfonts API<\/li>\n<li>Um novo Modo de Navega\u00e7\u00e3o para o editor do site<\/li>\n<li>Estilos Globais Alternativos<\/li>\n<li>Um bloco de navega\u00e7\u00e3o melhorado<\/li>\n<li>Novas ferramentas de design<\/li>\n<li>Melhoria do desempenho<\/li>\n<li>E muito mais&#8230;<\/li>\n<\/ul>\n<p>Mas espere, isso n\u00e3o \u00e9 tudo. O WordPress 6.0 tamb\u00e9m traz um n\u00famero impressionante de mudan\u00e7as, caracter\u00edsticas e corre\u00e7\u00f5es de bugs, incluindo mais de 400 atualiza\u00e7\u00f5es e 500 corre\u00e7\u00f5es de bugs para o editor. Mais de 189 bilhetes foram corrigidos, incluindo 91 novas funcionalidades e melhorias.<\/p>\n<p>Sim, h\u00e1 muito o que falar. Ent\u00e3o n\u00e3o vamos demorar mais e descobrir o que h\u00e1 de novo no WordPress 6.0.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><br \/>\n<\/p>\n<h2>Webfonts API<\/h2>\n<p>Uma nova <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/16\/whats-new-in-gutenberg-12-8-16-march\/#highlight-1\">Webfonts API<\/a> agora fornece uma maneira padronizada de carregar webfonts no WordPress, garantindo desempenho e privacidade do usu\u00e1rio.<\/p>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/22\/status-of-webfonts-api-for-wordpress-6-0-inclusion\/\">A partir do WordPress 6.0<\/a>, voc\u00ea s\u00f3 pode registrar uma nova webfont a partir do seu <em>theme.json.<\/em><\/p>\n<p>O uso do <em>theme.json<\/em> \u00e9 bastante simples. Tudo o que voc\u00ea precisa fazer \u00e9 adicionar uma nova fam\u00edlia de fontes na se\u00e7\u00e3o <code>typography<\/code>. O c\u00f3digo a seguir fornece um exemplo de registro de fontes na web:<\/p>\n<pre><code class=\"language-json\">{\n\t\"settings\": {\n\t\t\"typography\": {\n\t\t\t\"fontFamilies\": [\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"-apple-system,BlinkMacSystemFont,\\\"Segoe UI\\\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\\\"Helvetica Neue\\\",sans-serif\",\n\t\t\t\t\t\"name\": \"System Font\",\n\t\t\t\t\t\"slug\": \"system-font\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"\\\"Source Serif Pro\\\", serif\",\n\t\t\t\t\t\"name\": \"Source Serif Pro\",\n\t\t\t\t\t\"slug\": \"source-serif-pro\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"\\\"Inter\\\", sans-serif\",\n\t\t\t\t\t\"name\": \"Inter\",\n\t\t\t\t\t\"slug\": \"inter\",\n\t\t\t\t\t\"fontFace\": [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"fontFamily\": \"Inter\",\n\t\t\t\t\t\t\t\"fontWeight\": \"200 900\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontStretch\": \"normal\",\n\t\t\t\t\t\t\t\"src\": [ \"file:.\/assets\/fonts\/inter\/Inter.ttf\" ]\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>O c\u00f3digo acima adiciona a fam\u00edlia de fontes <strong>Inter<\/strong> fontFamilies ao conjunto padr\u00e3o de <code>fontFamilies<\/code> dispon\u00edveis no Twenty Twenty-Two.\u00a0Se voc\u00ea quiser tentar voc\u00ea mesmo, baixe a <a href=\"https:\/\/fonts.google.com\/specimen\/Inter\">fonte Inter<\/a> do <a href=\"https:\/\/kinsta.com\/pt\/blog\/melhores-fontes-google\/\">Google Fonts<\/a> para a pasta <em>.\/assets\/fonts<\/em>, ent\u00e3o adicione o c\u00f3digo acima na se\u00e7\u00e3o <code>settings.typography<\/code> do <em>theme.json<\/em> do Twenty Twenty-Two. Uma vez terminado, salve o arquivo e volte para a interface de edi\u00e7\u00e3o do site.<\/p>\n<p>A imagem a seguir mostra o resultado no editor.<\/p>\n<figure id=\"attachment_122326\" aria-describedby=\"caption-attachment-122326\" style=\"width: 1696px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122326 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/webfonts-api.jpg\" alt=\"Uma nova fam\u00edlia de fontes foi registrada no Twenty Twenty-Two\" width=\"1696\" height=\"1106\"><figcaption id=\"caption-attachment-122326\" class=\"wp-caption-text\">Uma nova fam\u00edlia de fontes foi registrada no Twenty Twenty-Two<\/figcaption><\/figure>\n<p>O Webfonts API s\u00f3 registra fontes que s\u00e3o necess\u00e1rias para renderizar blocos na p\u00e1gina atual e isso \u00e9 particularmente \u00fatil com webfonts <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39886\">definidos em varia\u00e7\u00f5es de estilo<\/a>. Al\u00e9m disso, a API otimiza o n\u00famero de solicita\u00e7\u00f5es HTTP, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39559\">registrando e questionando fontes por fam\u00edlia de fontes<\/a>.<\/p>\n<p>Voc\u00ea pode ler mais sobre a nova API no pedido de puxar a <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37140\">API do Webfonts<\/a>, no <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/22\/status-of-webfonts-api-for-wordpress-6-0-inclusion\/\">Status da API do Webfonts para Inclus\u00e3o do WordPress 6.0<\/a> e nas <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/global-styles-variations-in-wordpress-6-0\/\">varia\u00e7\u00f5es de Estilos Globais no WordPress 6.0<\/a>.<\/p>\n<h2>Mudan\u00e7a do estilo global<\/h2>\n<p>As <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/03\/core-editor-improvement-choose-your-style\/\">varia\u00e7\u00f5es globais de estilos<\/a> s\u00e3o uma das caracter\u00edsticas mais esperadas com o WordPress 6.0. Os autores de temas podem agora agrupar v\u00e1rios conjuntos de Estilos Globais com seus temas, permitindo aos usu\u00e1rios alternar entre as varia\u00e7\u00f5es de estilo com um \u00fanico clique.<\/p>\n<p>\u00c9 muito como ter child themes prontos para uso, com um conjunto pr\u00e9-definido de estilos para cada um deles.<\/p>\n<p>Para <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/global-styles-variations-in-wordpress-6-0\/\">adicionar uma varia\u00e7\u00e3o de estilo<\/a> ao seu tema do bloco, voc\u00ea adicionar\u00e1 um arquivo JSON alternativo em uma pasta de <em>estilos<\/em> localizada na raiz do seu tema.<\/p>\n<p>O tema que suporta varia\u00e7\u00f5es de Estilos Globais mostra um novo item de <strong>estilos de navega\u00e7\u00e3o<\/strong> na barra lateral de <strong>Estilos Globais<\/strong>. Isto traz para um painel onde os usu\u00e1rios do tema encontram uma lista dos estilos dispon\u00edveis.<\/p>\n<figure id=\"attachment_122328\" aria-describedby=\"caption-attachment-122328\" style=\"width: 1264px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122328 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/browse-styles.jpg\" alt=\"Navegue pelos estilos no WordPress 6.0.\" width=\"1264\" height=\"1008\"><figcaption id=\"caption-attachment-122328\" class=\"wp-caption-text\">Navegue pelos estilos no WordPress 6.0.<\/figcaption><\/figure>\n<p>Escolha um estilo global da lista e isto ser\u00e1 automaticamente aplicado a todo o site.<\/p>\n<p>\u00a0<\/p>\n<figure id=\"attachment_122329\" aria-describedby=\"caption-attachment-122329\" style=\"width: 1868px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122329 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/wp-6-0-alternate-style.jpg\" alt=\"Escolhendo um estilo com um \u00fanico clique no WordPress 6.0.\" width=\"1868\" height=\"882\"><figcaption id=\"caption-attachment-122329\" class=\"wp-caption-text\">Escolhendo um estilo com um \u00fanico clique no WordPress 6.0.<\/figcaption><\/figure>\n<p>O novo recurso permite aos <a href=\"https:\/\/kinsta.com\/pt\/blog\/salario-de-um-desenvolvedor-wordpress\/\">desenvolvedores de temas<\/a> criar um n\u00famero ilimitado de varia\u00e7\u00f5es de estilo e combin\u00e1-las perfeitamente com a nova API do Webfonts.<\/p>\n<p>A imagem a seguir mostra um estilo personalizado do exemplo anterior, com uma fonte diferente aplicada aos cabe\u00e7alhos.<\/p>\n<figure id=\"attachment_122330\" aria-describedby=\"caption-attachment-122330\" style=\"width: 1696px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122330 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/wp-6-0-custom-style-with-font.jpg\" alt=\"Uma varia\u00e7\u00e3o de estilo com uma fonte personalizada no WordPress 6.0.\" width=\"1696\" height=\"896\"><figcaption id=\"caption-attachment-122330\" class=\"wp-caption-text\">Uma varia\u00e7\u00e3o de estilo com uma fonte personalizada no WordPress 6.0.<\/figcaption><\/figure>\n<p>Se voc\u00ea quiser tentar voc\u00ea mesmo, adicione uma pasta de <em>estilos<\/em> \u00e0 raiz do tema do seu bloco, crie um novo arquivo JSON com um nome significativo, abra-o em seu <a href=\"https:\/\/kinsta.com\/pt\/blog\/editores-html-gratuitos\/\">editor de c\u00f3digo<\/a> favorito e adicione o seguinte c\u00f3digo:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"settings\": {\n\t\t\"color\": {\n\t\t\t\"duotone\": [\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#143F6B\", \"#EFEFEF\" ],\n\t\t\t\t\t\"slug\": \"foreground-and-background\",\n\t\t\t\t\t\"name\": \"Foreground and background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#143F6B\", \"#FEB139\" ],\n\t\t\t\t\t\"slug\": \"foreground-and-secondary\",\n\t\t\t\t\t\"name\": \"Foreground and secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#143F6B\", \"#F6F54D\" ],\n\t\t\t\t\t\"slug\": \"foreground-and-tertiary\",\n\t\t\t\t\t\"name\": \"Foreground and tertiary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#F55353\", \"#EFEFEF\" ],\n\t\t\t\t\t\"slug\": \"primary-and-background\",\n\t\t\t\t\t\"name\": \"Primary and background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#F55353\", \"#FEB139\" ],\n\t\t\t\t\t\"slug\": \"primary-and-secondary\",\n\t\t\t\t\t\"name\": \"Primary and secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#F55353\", \"#F6F54D\" ],\n\t\t\t\t\t\"slug\": \"primary-and-tertiary\",\n\t\t\t\t\t\"name\": \"Primary and tertiary\"\n\t\t\t\t}\n\t\t\t],\n\t\t\t\"palette\": [\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"foreground\",\n\t\t\t\t\t\"color\": \"#143F6B\",\n\t\t\t\t\t\"name\": \"Foreground\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"background\",\n\t\t\t\t\t\"color\": \"#EFEFEF\",\n\t\t\t\t\t\"name\": \"Background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"primary\",\n\t\t\t\t\t\"color\": \"#F55353\",\n\t\t\t\t\t\"name\": \"Primary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"secondary\",\n\t\t\t\t\t\"color\": \"#FEB139\",\n\t\t\t\t\t\"name\": \"Secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"tertiary\",\n\t\t\t\t\t\"color\": \"#F6F54D\",\n\t\t\t\t\t\"name\": \"Tertiary\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t\"typography\": {\n\t\t\t\"fontFamilies\": [\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"\"Inter\", sans-serif\",\n\t\t\t\t\t\"name\": \"Inter\",\n\t\t\t\t\t\"slug\": \"inter\",\n\t\t\t\t\t\"fontFace\": [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"fontFamily\": \"Inter\",\n\t\t\t\t\t\t\t\"fontWeight\": \"200 900\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontStretch\": \"normal\",\n\t\t\t\t\t\t\t\"src\": [ \"file:.\/assets\/fonts\/inter\/Inter.ttf\" ]\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t},\n\t\"styles\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/post-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"core\/query-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"elements\": {\n\t\t\t\"h1\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h2\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h3\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h4\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h5\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h6\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"typography\": {\n\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\"\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Voc\u00ea pode encontrar o c\u00f3digo completo usado no exemplo acima <a href=\"https:\/\/github.com\/WordPress\/wordpress-develop\/pull\/2440\/commits\/816ba4c125542535ce65db9d7198a3e9f43bed5b\">no GitHub<\/a> e no <a href=\"https:\/\/gist.github.com\/kjellr\/1307387f8d97e84662c4b07af873a896\">gist<\/a>.<\/p>\n<p>Os desenvolvedores encontrar\u00e3o uma vis\u00e3o detalhada dos Estilos Globais e Theme.json em <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\">Configura\u00e7\u00f5es Globais e Estilos<\/a> e artigos de documenta\u00e7\u00e3o de <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/theme-json\/\">Theme.json<\/a>.<\/p>\n<p>Voc\u00ea tamb\u00e9m pode conferir a \u00faltima vers\u00e3o do <a href=\"https:\/\/kinsta.com\/pt\/blog\/tema-twenty-twenty-two\/\">Twenty Twenty-Two<\/a>, que agora apresenta <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/55433\">tr\u00eas novas varia\u00e7\u00f5es de estilo<\/a>.<\/p>\n<figure id=\"attachment_122331\" aria-describedby=\"caption-attachment-122331\" style=\"width: 2036px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122331 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/browse-styles-in-tt2.jpg\" alt=\"Procurar estilos no Twenty Twenty-Two\" width=\"2036\" height=\"1018\"><figcaption id=\"caption-attachment-122331\" class=\"wp-caption-text\">Procurar estilos no Twenty Twenty-Two<\/figcaption><\/figure>\n<h2>Block patterns em todos os lugares<\/h2>\n<p>Uma coisa \u00e9 certa, os block patterns desempenham um papel central na fase atual de desenvolvimento do WordPress. Apresentados pela primeira vez com o <a href=\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#block-patterns\">WordPress 5.5<\/a>, os block pattern t\u00eam sido regularmente melhorados ao longo do tempo.<\/p>\n<p>Al\u00e9m disso, a partir do WordPress 5.9, os padr\u00f5es apresentados no <a href=\"https:\/\/wordpress.org\/patterns\/\">diret\u00f3rio Patterns<\/a> entraram em nossos sites WordPress, sendo recuperados dinamicamente do diret\u00f3rio Patterns e <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-9\/#featured-patterns-from-the-pattern-directory\">carregados no inseridor de blocos<\/a>.<\/p>\n<p>E agora qualquer um pode se tornar um desenvolvedor de padr\u00f5es, gra\u00e7as a uma nova ferramenta online. O <a href=\"https:\/\/wordpress.org\/news\/2022\/03\/get-creative-with-the-all-new-pattern-creator\/\">Pattern Creator<\/a> permite que voc\u00ea <em>construa, edite e envie seus melhores block pattern para o Diret\u00f3rio de Padr\u00f5es<\/em>. Tudo o que voc\u00ea precisa para come\u00e7ar \u00e9 uma <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-com-vs-wordpress-org\/\">conta no WordPress.org<\/a>.<\/p>\n<figure id=\"attachment_122300\" aria-describedby=\"caption-attachment-122300\" style=\"width: 2038px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122300 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/pattern-creator.jpg\" alt=\"Busca de imagens no Pattern Creator\" width=\"2038\" height=\"1084\"><figcaption id=\"caption-attachment-122300\" class=\"wp-caption-text\">Busca de imagens no Pattern Creator<\/figcaption><\/figure>\n<p>E o WordPress 6.0 introduz mais melhorias nos patterns de bloqueio.<\/p>\n<p>Primeiro, os <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#improving-the-patterns-experience\">block patterns s\u00e3o mais f\u00e1ceis de encontrar<\/a> na edi\u00e7\u00e3o de templates. Agora <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36697\">o inseridor r\u00e1pido s\u00f3 mostra os block patterns<\/a>\u00a0quando voc\u00ea acessa o bloco no n\u00edvel superior de um modelo, ou seja, quando o bloco que voc\u00ea vai adicionar ao seu modelo \u00e9 o descendente direto do documento.<\/p>\n<p>Isso \u00e9 quando as seguintes condi\u00e7\u00f5es se encontram:<\/p>\n<ul>\n<li>Voc\u00ea est\u00e1 editando um modelo de bloco<\/li>\n<li>O inseridor r\u00e1pido est\u00e1 no n\u00edvel da raiz<\/li>\n<li>Voc\u00ea est\u00e1 adicionando um bloco entre outros blocos (ou seja, nem o primeiro nem o \u00faltimo bloco da p\u00e1gina)<\/li>\n<\/ul>\n<figure id=\"attachment_122301\" aria-describedby=\"caption-attachment-122301\" style=\"width: 2312px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122301 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-patterns-in-the-quick-inserter.jpg\" alt=\"O inseridor r\u00e1pido s\u00f3 mostra block patterns no editor de templates.\" width=\"2312\" height=\"1244\"><figcaption id=\"caption-attachment-122301\" class=\"wp-caption-text\">O inseridor r\u00e1pido s\u00f3 mostra block patterns no editor de templates.<\/figcaption><\/figure>\n<p>Outro recurso \u00fatil agora permite aos desenvolvedores de temas <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/blob\/trunk\/docs\/how-to-guides\/themes\/theme-json.md#patterns\">adicionar patterns recomendados<\/a> ao <em>theme.json.<\/em> Para tentar, procure no diret\u00f3rio Patterns, encontre os patterns que voc\u00ea quer recomendar aos usu\u00e1rios do seu tema, ent\u00e3o pegue a lesma do padr\u00e3o na URL e adicione-a ao seu <em>theme.json<\/em> da seguinte forma:<\/p>\n<pre><code class=\"language-json\">\"patterns\": [\n\t\"image-with-angled-overlay-shape-call-to-action-button-and-description\",\n\t\"hero-section-with-overlap-image\"\n],<\/code><\/pre>\n<p>Os usu\u00e1rios encontrar\u00e3o seus patterns recomendados no inseridor de blocos.<\/p>\n<figure id=\"attachment_122303\" aria-describedby=\"caption-attachment-122303\" style=\"width: 1556px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122303 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/recommended-patterns.jpg\" alt=\"Patterns recomendados no inseridor r\u00e1pido\" width=\"1556\" height=\"766\"><figcaption id=\"caption-attachment-122303\" class=\"wp-caption-text\">Patterns recomendados no inseridor r\u00e1pido<\/figcaption><\/figure>\n<p>Um poderoso recurso relacionado a patterns que vem com o WordPress 6.0 \u00e9 o <strong>registro de patterns impl\u00edcito<\/strong>. Os temas podem agora <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36751\">registrar patterns implicitamente<\/a> declarando-os <strong>como arquivos PHP<\/strong> sob um novo diret\u00f3rio <code>\/patterns<\/code> na raiz do tema.<\/p>\n<p>O processo \u00e9 bastante simples:<\/p>\n<ol>\n<li>crie uma nova pasta <em>patterns<\/em> na raiz do seu tema,<\/li>\n<li>construir um grupo de blocos no editor de blocos,<\/li>\n<li>copie e cole seu HTML em um novo arquivo de texto,<\/li>\n<li>prefira o seguinte t\u00edtulo,<\/li>\n<li>e salve o arquivo como PHP em sua pasta <em>patterns<\/em>.<\/li>\n<\/ol>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Title: My pattern\n * Slug: my-theme\/my-pattern\n * Categories: text\n *\/\n?&gt;<\/code><\/pre>\n<p>E \u00e9 isso a\u00ed. Agora voc\u00ea tem um novo padr\u00e3o de blocos para aparecer no inseridor de blocos.<\/p>\n<figure id=\"attachment_122304\" aria-describedby=\"caption-attachment-122304\" style=\"width: 1392px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122304 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/adding-custom-pattern.jpg\" alt=\"Um padr\u00e3o personalizado no inseridor de blocos r\u00e1pidos\" width=\"1392\" height=\"1016\"><figcaption id=\"caption-attachment-122304\" class=\"wp-caption-text\">Um padr\u00e3o personalizado no inseridor de blocos r\u00e1pidos<\/figcaption><\/figure>\n<p>Os <strong>padr\u00f5es de cria\u00e7\u00e3o de p\u00e1ginas<\/strong> s\u00e3o outro recurso relacionado a padr\u00f5es de blocos introduzidos com o WordPress 6.0. Agora, quando voc\u00ea cria uma nova p\u00e1gina, a tela de cria\u00e7\u00e3o de p\u00e1gina exibe um modal fornecendo um conjunto de padr\u00f5es de blocos que voc\u00ea pode escolher para criar sua p\u00e1gina.<\/p>\n<p>O modal s\u00f3 \u00e9 mostrado quando pelo menos um padr\u00e3o declara suporte para os tipos de blocos <code>core\/post-content<\/code>.<\/p>\n<p>Fora da caixa, o WordPress 6.0 n\u00e3o inclui nenhum destes patterns, portanto o modal n\u00e3o aparecer\u00e1 a menos que voc\u00ea adicione suporte a um pattern existente. Mas adicionar o modal \u00e0 tela de cria\u00e7\u00e3o da p\u00e1gina \u00e9 bastante simples.<\/p>\n<p>Se voc\u00ea registrou um padr\u00e3o de bloco para seu tema como mostrado no exemplo acima, voc\u00ea pode adicionar suporte para o modal de padr\u00e3o usando a propriedade <code>Block Types<\/code>, como mostrado no exemplo de padr\u00e3o abaixo:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Title: Pattern with columns\n * Slug: twentytwentytwo\/pattern-with-columns\n * Block Types: core\/post-content\n * Categories: text\n *\/\n?&gt;\n&lt;!-- wp:heading --&gt;\n&lt;h2&gt;Hello there!&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:columns --&gt;\n&lt;div class=\"wp-block-columns\"&gt;&lt;!-- wp:column --&gt;\n&lt;div class=\"wp-block-column\"&gt;&lt;!-- wp:image --&gt;\n&lt;figure class=\"wp-block-image\"&gt;&lt;img alt=\"\"\/&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;\n\n&lt;!-- wp:column --&gt;\n&lt;div class=\"wp-block-column\"&gt;&lt;!-- wp:heading --&gt;\n&lt;h2&gt;Heading&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:paragraph --&gt;\n&lt;p&gt;Paragraph&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;\n\n&lt;!-- wp:column --&gt;\n&lt;div class=\"wp-block-column\"&gt;&lt;!-- wp:list --&gt;\n&lt;ul&gt;&lt;li&gt;List item&lt;\/li&gt;&lt;\/ul&gt;\n&lt;!-- \/wp:list --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:columns --&gt;<\/code><\/pre>\n<p>Salve este c\u00f3digo em um arquivo PHP no <code>\/patterns<\/code> directory de seu tema. Em seguida, em seu painel do WordPress, crie uma nova p\u00e1gina. Voc\u00ea deve ver um novo modal como mostrado na imagem a seguir:<\/p>\n<figure id=\"attachment_124475\" aria-describedby=\"caption-attachment-124475\" style=\"width: 1826px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-124475 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/05\/page-creation-patterns.jpg\" alt=\"Cria\u00e7\u00e3o de p\u00e1ginas patterns\" width=\"1826\" height=\"962\"><figcaption id=\"caption-attachment-124475\" class=\"wp-caption-text\">Cria\u00e7\u00e3o de p\u00e1ginas patterns<\/figcaption><\/figure>\n<p>Para uma vis\u00e3o mais detalhada na cria\u00e7\u00e3o de p\u00e1ginas patterns, veja tamb\u00e9m <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/page-creation-patterns-in-wordpress-6-0\/\">cria\u00e7\u00e3o de p\u00e1ginas patterns no WordPress 6.0<\/a>.<\/p>\n<p>Para uma vis\u00e3o mais abrangente do desenvolvimento de patterns de blocos, veja tamb\u00e9m <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/02\/new-features-for-working-with-patterns-and-themes-in-wordpress-6-0\/\">Novos recursos para trabalhar com patterns e temas no WordPress 6.0<\/a> e o <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/31153\">Rastreamento de problemas no GitHub<\/a>.<\/p>\n<h2>Caracter\u00edsticas de edi\u00e7\u00e3o do site<\/h2>\n<p>A edi\u00e7\u00e3o completa do site ainda n\u00e3o terminou com o WordPress 5.9. O WordPress 6.0 leva as coisas um passo adiante, melhorando as funcionalidades visuais de constru\u00e7\u00e3o de temas e fornecendo novas op\u00e7\u00f5es de templates para os temas de blocos. E mais funcionalidades est\u00e3o a caminho.<\/p>\n<h3>Constru\u00e7\u00e3o de temas visuais<\/h3>\n<p>O WordPress 6.0 introduz uma <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/02\/theme-export-in-wordpress-6-0\/\">ferramenta aprimorada de exporta\u00e7\u00e3o de blocos de temas<\/a>, que permite que voc\u00ea <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/30\/whats-new-in-gutenberg-12-9-30-march\/#highlight-4\">fa\u00e7a o download do tema atual<\/a> com todas as suas mudan\u00e7as e customiza\u00e7\u00f5es.<\/p>\n<p>Se voc\u00ea ainda n\u00e3o usou a ferramenta de exporta\u00e7\u00e3o de blocos tem\u00e1ticos at\u00e9 agora, ela \u00e9 uma poderosa ferramenta de edi\u00e7\u00e3o de sites que lhe permite exportar seus estilos e templates como <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39202\">um tema inteiro<\/a>.<\/p>\n<p>Quando voc\u00ea estiver satisfeito com suas mudan\u00e7as, a partir da interface do editor do site, abra a barra lateral de <strong>Op\u00e7\u00f5es<\/strong> e encontre a se\u00e7\u00e3o <strong>Ferramentas<\/strong>. Aqui um bot\u00e3o <strong>Exportar<\/strong> permite que voc\u00ea baixe o tema atual com todo o seu estilo e customiza\u00e7\u00f5es de templates em um arquivo zip.<\/p>\n<figure id=\"attachment_122469\" aria-describedby=\"caption-attachment-122469\" style=\"width: 2280px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122469 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/export-theme.jpg\" alt=\"Exportar um tema a partir da interface do editor\" width=\"2280\" height=\"1232\"><figcaption id=\"caption-attachment-122469\" class=\"wp-caption-text\">Exportar um tema a partir da interface do editor<\/figcaption><\/figure>\n<p>Voc\u00ea pode ent\u00e3o exportar seu tema e instal\u00e1-lo em qualquer site WordPress.<\/p>\n<p>N\u00f3s testamos a ferramenta de exporta\u00e7\u00e3o de temas melhorada em uma instala\u00e7\u00e3o local do WordPress, e descobrimos que <strong>quase<\/strong> tudo funciona como esper\u00e1vamos&#8230; \ud83d\ude05<\/p>\n<p>De qualquer forma, a ferramenta de exporta\u00e7\u00e3o ainda est\u00e1 em desenvolvimento, e hoje n\u00f3s s\u00f3 podemos vislumbrar seu tremendo potencial. Pense na possibilidade de criar seus temas a partir da interface de edi\u00e7\u00e3o do seu site e distribu\u00ed-los em um n\u00famero arbitr\u00e1rio de instala\u00e7\u00f5es. E isso \u00e9 se voc\u00ea \u00e9 ou n\u00e3o um desenvolvedor&#8230;<\/p>\n<p>Ainda h\u00e1 muitas quest\u00f5es pendentes a serem resolvidas, o que nos faz pensar que veremos v\u00e1rias melhorias em breve. Se voc\u00ea est\u00e1 curioso e quer saber mais sobre o Visual Theme Building (como estamos), voc\u00ea pode seguir o <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39189\">Tracking Issue no GitHub<\/a>.<\/p>\n<h3>Mais op\u00e7\u00f5es de templates em temas de bloco<\/h3>\n<p>Nas vers\u00f5es anteriores do WordPress, n\u00f3s t\u00ednhamos um n\u00famero limitado de tipos de templates dispon\u00edveis.<\/p>\n<figure id=\"attachment_122470\" aria-describedby=\"caption-attachment-122470\" style=\"width: 2256px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122470 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/new-template-types-wp-5-9.jpg\" alt=\"Adicionando um novo modelo no WordPress 5.9.\" width=\"2256\" height=\"1248\"><figcaption id=\"caption-attachment-122470\" class=\"wp-caption-text\">Adicionando um novo modelo no WordPress 5.9.<\/figcaption><\/figure>\n<p>Agora, o WordPress 6.0 introduz <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39353\">v\u00e1rios novos tipos de templates<\/a>, incluindo Autor, Categoria, Data, Tag, e Taxonomia.<\/p>\n<figure id=\"attachment_122471\" aria-describedby=\"caption-attachment-122471\" style=\"width: 2258px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122471 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/new-template-types-wp-6-0.jpg\" alt=\"Adicionando um novo modelo no WordPress 6.0.\" width=\"2258\" height=\"946\"><figcaption id=\"caption-attachment-122471\" class=\"wp-caption-text\">Adicionando um novo modelo no WordPress 6.0.<\/figcaption><\/figure>\n<p>Esta adi\u00e7\u00e3o deve agilizar o fluxo de trabalho de edi\u00e7\u00e3o do seu site. Para tentar, basta escolher um novo modelo da lista suspensa, adicionar os blocos necess\u00e1rios, salvar suas altera\u00e7\u00f5es e verificar como ele fica no front end. Sim, \u00e9 f\u00e1cil assim. Agora, considere isso em conjunto com o recurso de exporta\u00e7\u00e3o de temas mencionado acima e voc\u00ea entender\u00e1 melhor <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/37407\">o que podemos esperar<\/a> com a edi\u00e7\u00e3o do site em breve.<\/p>\n<h2>Melhorias na interface e na usabilidade<\/h2>\n<p>O WordPress 6.0 introduz uma s\u00e9rie de mudan\u00e7as na IU, muitas das quais s\u00e3o destinadas a fazer a ordem na barra lateral. Todas essas mudan\u00e7as juntas devem ter um impacto consider\u00e1vel na experi\u00eancia geral de edi\u00e7\u00e3o. Aqui mencionaremos apenas algumas delas, mas voc\u00ea pode verificar as notas de lan\u00e7amento do Gutenberg para uma lista mais abrangente de mudan\u00e7as (veja Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/19\/whats-new-in-gutenberg-12-4-19-january\/\">12.4<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/03\/whats-new-in-gutenberg-12-5-february-2nd\/\">12.5<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/\">12.6<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/\">12.7<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/16\/whats-new-in-gutenberg-12-8-16-march\/\">12.8<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/30\/whats-new-in-gutenberg-12-9-30-march\/\">12.9<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/14\/whats-new-in-gutenberg-13-0-14-april\/\">13.0<\/a>).<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"9\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Melhorias na visualiza\u00e7\u00e3o em lista<\/h3>\n<p>A visualiza\u00e7\u00e3o em lista \u00e9 afetado por <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#list-view-improvements\">um n\u00famero consider\u00e1vel de mudan\u00e7as<\/a>, melhorando a usabilidade do componente.<\/p>\n<h4>Expandir a Vis\u00e3o de Lista na sele\u00e7\u00e3o<\/h4>\n<p>Quando voc\u00ea clica em um bloco no editor, agora o bloco \u00e9 automaticamente real\u00e7ado na Vista Itemizada. Se o bloco estiver aninhado em um bloco pai, o <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35817\">bloco pai se expande<\/a> mostrando o item na \u00e1rvore de blocos.<\/p>\n<figure id=\"attachment_122168\" aria-describedby=\"caption-attachment-122168\" style=\"width: 1186px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122168 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/expand-list-view-on-selection.jpg\" alt=\"Bloco de Grupo Expandido em Vista de Lista na sele\u00e7\u00e3o de blocos\" width=\"1186\" height=\"1084\"><figcaption id=\"caption-attachment-122168\" class=\"wp-caption-text\">Bloco de Grupo Expandido em Vista de Lista na sele\u00e7\u00e3o de blocos<\/figcaption><\/figure>\n<h4>Visualiza\u00e7\u00e3o em lista colapsada por padr\u00e3o<\/h4>\n<p>No WordPress 6.0, quando voc\u00ea abre o painel visualiza\u00e7\u00e3o em lista, ele \u00e9 expandido por padr\u00e3o.<\/p>\n<figure id=\"attachment_122171\" aria-describedby=\"caption-attachment-122171\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122171 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/list-view-wp-5-9.jpg\" alt=\"Visualiza\u00e7\u00e3o em lista padr\u00e3o do WordPress 5.9.\" width=\"2316\" height=\"1238\"><figcaption id=\"caption-attachment-122171\" class=\"wp-caption-text\">Visualiza\u00e7\u00e3o em lista padr\u00e3o do WordPress 5.9.<\/figcaption><\/figure>\n<p>Mas como um post consiste frequentemente de estruturas complexas de blocos aninhados, ter a \u00e1rvore de blocos desmoronando ao abrir a Vista de Lista faz todo o sentido.<\/p>\n<p>Com a vers\u00e3o 6.0, a <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39611\">visualiza\u00e7\u00e3o em lista \u00e9 derrubada por padr\u00e3o em todos os editores<\/a>, tornando a \u00e1rvore de blocos muito mais compreens\u00edvel num piscar de olhos.<\/p>\n<figure id=\"attachment_122170\" aria-describedby=\"caption-attachment-122170\" style=\"width: 2314px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122170 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/list-view-wp-6-0.jpg\" alt=\"Visualiza\u00e7\u00e3o da lista padr\u00e3o no WordPress 6.0.\" width=\"2314\" height=\"1002\"><figcaption id=\"caption-attachment-122170\" class=\"wp-caption-text\">Visualiza\u00e7\u00e3o da lista padr\u00e3o no WordPress 6.0.<\/figcaption><\/figure>\n<h4>Foco no bot\u00e3o de visualiza\u00e7\u00e3o em lista<\/h4>\n<p>Quando voc\u00ea abre o painel de visualiza\u00e7\u00e3o em lista, o foco agora <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37798\">retorna corretamente para o bot\u00e3o de visualiza\u00e7\u00e3o em lista<\/a>. Isto \u00e9 particularmente \u00fatil quando voc\u00ea navega pela visualiza\u00e7\u00e3o em lista do seu teclado, e resulta em uma experi\u00eancia de edi\u00e7\u00e3o mais suave e sem problemas.<\/p>\n<h4>Sele\u00e7\u00e3o de blocos m\u00faltiplos e Drag &#038; Drop<\/h4>\n<p>Outra mudan\u00e7a na visualiza\u00e7\u00e3o em lista permite que voc\u00ea selecione v\u00e1rios blocos no mesmo n\u00edvel e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38314\">arraste-os<\/a> para outra posi\u00e7\u00e3o dentro da lista.<\/p>\n<h3>Pr\u00e9-visualiza\u00e7\u00e3o do estilo de blocos<\/h3>\n<p>Antes do WordPress 6.0, as pr\u00e9vias de estilo de bloco eram colocadas na barra lateral do bloco, ocupando uma parte consider\u00e1vel do painel Estilos.<\/p>\n<figure id=\"attachment_122172\" aria-describedby=\"caption-attachment-122172\" style=\"width: 1590px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122172 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-style-preview-wp-5-9.jpg\" alt=\"Visualiza\u00e7\u00e3o do estilo de bloco no WordPress 5.9.\" width=\"1590\" height=\"1224\"><figcaption id=\"caption-attachment-122172\" class=\"wp-caption-text\">Visualiza\u00e7\u00e3o do estilo de bloco no WordPress 5.9.<\/figcaption><\/figure>\n<p>Com 6.0, apenas os nomes das varia\u00e7\u00f5es de estilo aparecem no painel Estilos, enquanto <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/29\/whats-new-in-gutenberg-12-0-24-november\/#block-styles-preview\">as pr\u00e9-visualiza\u00e7\u00f5es de estilo aparecem fora da barra lateral<\/a> quando o nome do estilo \u00e9 pautado ou recebe o foco.<\/p>\n<p>Esta mudan\u00e7a reduz as dimens\u00f5es da barra lateral e deve tornar os nomes de estilo mais evidentes.<\/p>\n<figure id=\"attachment_122173\" aria-describedby=\"caption-attachment-122173\" style=\"width: 1588px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122173 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-style-preview-wp-6-0.jpg\" alt=\"Visualiza\u00e7\u00e3o do estilo de bloco no WordPress 6.0.\" width=\"1588\" height=\"988\"><figcaption id=\"caption-attachment-122173\" class=\"wp-caption-text\">Visualiza\u00e7\u00e3o do estilo de bloco no WordPress 6.0.<\/figcaption><\/figure>\n<h3>Se\u00e7\u00e3o de tipografia de par\u00e1grafo<\/h3>\n<p>Com o objetivo de fazer a ordem na barra lateral do bloco, o controle Drop Cap para o bloco de Par\u00e1grafo <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/29\/whats-new-in-gutenberg-12-0-24-november\/#paragraph-block-combined-typography-controls\">foi movido<\/a> de sua se\u00e7\u00e3o para a se\u00e7\u00e3o de Tipografia.<\/p>\n<p>Com esta mudan\u00e7a, todos os controles de configura\u00e7\u00e3o tipogr\u00e1fica s\u00e3o agora colocados <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36334\">sob a mesma se\u00e7\u00e3o<\/a>, levando a uma experi\u00eancia mais consistente para o usu\u00e1rio.<\/p>\n<figure id=\"attachment_122174\" aria-describedby=\"caption-attachment-122174\" style=\"width: 1248px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122174 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/paragraph-block-typography-settings-wp-59-vs-wp-60.jpg\" alt=\"Configura\u00e7\u00f5es de tipografia no WordPress 5.9 vs. WordPress 6.0.\" width=\"1248\" height=\"1485\"><figcaption id=\"caption-attachment-122174\" class=\"wp-caption-text\">Configura\u00e7\u00f5es de tipografia no WordPress 5.9 vs. WordPress 6.0.<\/figcaption><\/figure>\n<h3>Configura\u00e7\u00f5es de bordas e cores movidas para o Painel de Ferramentas<\/h3>\n<p>Com o objetivo de fazer ordem em uma barra lateral confusa, os <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/22\/whats-new-in-gutenberg-12-2-22-december\/#a-new-home-for-border-controls\">ajustes de bordas<\/a> e controles de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/#new-color-panel-and-updated-default-color-controls\">ajustes de cores<\/a> foram movidos para o <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/components\/tools-panel\/\">Painel de Ferramentas<\/a> e podem ser expandidos e colapsados em v\u00e1rios contextos.<\/p>\n<figure id=\"attachment_122175\" aria-describedby=\"caption-attachment-122175\" style=\"width: 1942px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122175 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/border-panel-wp-6-0.jpg\" alt=\"O novo painel de ajustes de Fronteira\" width=\"1942\" height=\"474\"><figcaption id=\"caption-attachment-122175\" class=\"wp-caption-text\">O novo painel de ajustes de Fronteira<\/figcaption><\/figure>\n<p>Esta mudan\u00e7a deve racionalizar a experi\u00eancia de edi\u00e7\u00e3o com v\u00e1rios blocos e trazer mais consist\u00eancia para a barra lateral.<\/p>\n<figure id=\"attachment_122185\" aria-describedby=\"caption-attachment-122185\" style=\"width: 1192px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122185 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/color-panel-wp-6-0.jpg\" alt=\"O painel colorido no WordPress 6.0.\" width=\"1192\" height=\"1004\"><figcaption id=\"caption-attachment-122185\" class=\"wp-caption-text\">O painel colorido no WordPress 6.0.<\/figcaption><\/figure>\n<h3>Lembrete da categoria do Painel de Publica\u00e7\u00e3o de artigo<\/h3>\n<p>Quando voc\u00ea est\u00e1 com pressa ou publica regularmente um bom n\u00famero de artigos no blog, voc\u00ea pode facilmente esquecer as tags ou categorias. Se voc\u00ea se v\u00ea frequentemente em tal situa\u00e7\u00e3o, voc\u00ea achar\u00e1 o lembrete de tag que aparece no painel de publica\u00e7\u00e3o de artigos extremamente \u00fatil.<\/p>\n<p>Agora, para ajudar os administradores e autores do site a garantir que seus artigos tenham as categorias necess\u00e1rias atribu\u00eddas, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/19\/whats-new-in-gutenberg-12-4-19-january\/#post-publish-panel-categories-reminder\">com o WordPress 6.0<\/a> uma nova <strong>sugest\u00e3o: Atribuir um painel de categorias<\/strong> aparece no painel Publicar no artigo quando uma categoria ainda n\u00e3o foi adicionada ao artigo.<\/p>\n<p>A imagem abaixo compara o painel de publica\u00e7\u00e3o de artigos no WordPress 5.9 vs. 6.0.<\/p>\n<figure id=\"attachment_122177\" aria-describedby=\"caption-attachment-122177\" style=\"width: 1166px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122177 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/post-publish-panel.jpg\" alt=\"Painel de Publica\u00e7\u00e3o de artigo no WordPress 5.9 vs. 6.0.\" width=\"1166\" height=\"1130\"><figcaption id=\"caption-attachment-122177\" class=\"wp-caption-text\">Painel de Publica\u00e7\u00e3o de artigo no WordPress 5.9 vs. 6.0.<\/figcaption><\/figure>\n<h3>Editor de c\u00f3digo adicionado ao editor do site<\/h3>\n<p>Come\u00e7ando com o WordPress 6.0, o Editor de c\u00f3digo agora tamb\u00e9m est\u00e1 dispon\u00edvel dentro do Editor do Site. Assim como no <a href=\"https:\/\/kinsta.com\/pt\/blog\/editor-gutenberg-wordpress\/\">Editor de artigo<\/a>, voc\u00ea encontrar\u00e1 o Editor de C\u00f3digo sob o menu Op\u00e7\u00f5es.<\/p>\n<figure id=\"attachment_122178\" aria-describedby=\"caption-attachment-122178\" style=\"width: 2246px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122178 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/code-editor-mode.jpg\" alt=\"WordPress 6.0 adiciona o Editor de C\u00f3digo ao Editor do Site.\" width=\"2246\" height=\"1106\"><figcaption id=\"caption-attachment-122178\" class=\"wp-caption-text\">WordPress 6.0 adiciona o Editor de C\u00f3digo ao Editor do Site.<\/figcaption><\/figure>\n<h3>Bloqueio de UI<\/h3>\n<p>Um novo item de <strong>Bloqueio<\/strong> no menu suspenso Mais Configura\u00e7\u00f5es abre um popup onde voc\u00ea pode impedir que os usu\u00e1rios se movam ou removam blocos (ou ambos).<\/p>\n<figure id=\"attachment_122180\" aria-describedby=\"caption-attachment-122180\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122180 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/lock-group.jpg\" alt=\"Bloqueando um grupo de blocos\" width=\"1500\" height=\"858\"><figcaption id=\"caption-attachment-122180\" class=\"wp-caption-text\">Bloqueando um grupo de blocos<\/figcaption><\/figure>\n<p>Isto \u00e9 particularmente \u00fatil na edi\u00e7\u00e3o de templates e blocos reutiliz\u00e1veis, onde voc\u00ea tamb\u00e9m pode restringir a edi\u00e7\u00e3o de blocos.<\/p>\n<figure id=\"attachment_122181\" aria-describedby=\"caption-attachment-122181\" style=\"width: 1440px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122181 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/lock-reusable-block.jpg\" alt=\"Bloquear um bloco de grupo reutiliz\u00e1vel\" width=\"1440\" height=\"828\"><figcaption id=\"caption-attachment-122181\" class=\"wp-caption-text\">Bloquear um bloco de grupo reutiliz\u00e1vel<\/figcaption><\/figure>\n<p>O novo recurso pode ser desativado programmaticamente usando a nova configura\u00e7\u00e3o do <code>canLockBlocks<\/code>.<\/p>\n<p>O c\u00f3digo a seguir permite o recurso de bloqueio de blocos somente para usu\u00e1rios com fun\u00e7\u00e3o de Editor ou superior:<\/p>\n<pre><code class=\"language-php\">add_filter(\n\t'block_editor_settings_all',\n\tfunction( $settings, $context ) {\n\n\t\t$settings['canLockBlocks'] = current_user_can( 'delete_others_posts' );\n \n\t\treturn $settings;\n\t},\n\t10,\n\t2\n);<\/code><\/pre>\n<p>Os desenvolvedores tamb\u00e9m podem ocultar a IU de Bloqueio de Bloqueio em tipos espec\u00edficos de blocos usando a propriedade de <code>lock<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n\t\"apiVersion\": 2,\n\t\"supports\": {\n\t\t\"lock\": false\n\t}\n}<\/code><\/pre>\n<p>Voc\u00ea pode ler mais sobre bloqueio de bloqueio em <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/05\/block-locking-settings-in-wordpress-6-0\/\">Configura\u00e7\u00f5es de Bloqueio no WordPress 6.0<\/a>.<\/p>\n<h3>Multi-sele\u00e7\u00e3o<\/h3>\n<p>Agora \u00e9 poss\u00edvel selecionar texto atrav\u00e9s de v\u00e1rios blocos.<\/p>\n<figure id=\"attachment_122179\" aria-describedby=\"caption-attachment-122179\" style=\"width: 1380px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122179 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/multi-select.jpg\" alt=\"Selecionando texto atrav\u00e9s de dois par\u00e1grafos.\" width=\"1380\" height=\"928\"><figcaption id=\"caption-attachment-122179\" class=\"wp-caption-text\">Selecionando texto atrav\u00e9s de dois par\u00e1grafos.<\/figcaption><\/figure>\n<h3>Reten\u00e7\u00e3o de Estilos<\/h3>\n<p>Quando voc\u00ea <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/#keeping-styles-when-transforming-blocks\">transforma blocos<\/a> ou cria novos bot\u00f5es, v\u00e1rios estilos s\u00e3o agora mantidos.<\/p>\n<p>A imagem abaixo mostra um bloco de Lista com estilos diferentes.<\/p>\n<figure id=\"attachment_122182\" aria-describedby=\"caption-attachment-122182\" style=\"width: 1406px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122182 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/list-with-different-styles.jpg\" alt=\"Um bloco de lista com diferentes estilos aplicados.\" width=\"1406\" height=\"596\"><figcaption id=\"caption-attachment-122182\" class=\"wp-caption-text\">Um bloco de lista com diferentes estilos aplicados.<\/figcaption><\/figure>\n<p>Quando voc\u00ea transforma o bloco da Lista em par\u00e1grafos, os novos blocos manteriam os mesmos estilos que os itens da lista anterior.<\/p>\n<figure id=\"attachment_122183\" aria-describedby=\"caption-attachment-122183\" style=\"width: 1384px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122183 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/transforming-a-list-into-paragraphs.jpg\" alt=\"Transformando uma lista em par\u00e1grafos.\" width=\"1384\" height=\"736\"><figcaption id=\"caption-attachment-122183\" class=\"wp-caption-text\">Transformando uma lista em par\u00e1grafos.<\/figcaption><\/figure>\n<p>O mesmo aperfei\u00e7oamento se aplica aos <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/03\/whats-new-in-gutenberg-12-5-february-2nd\/#preserve-styling-from-adjacent-buttons-when-inserting-a-new-one\">novos bot\u00f5es adicionados a um bloco de bot\u00f5es<\/a>, que agora <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37905\">herdam o estilo dos bot\u00f5es adjacentes<\/a>.<\/p>\n<h2>Novos blocos de bot\u00f5es<\/h2>\n<p>O n\u00famero de blocos centrais est\u00e1 aumentando constantemente. Se voc\u00ea est\u00e1 se perguntando quais s\u00e3o os blocos centrais atualmente dispon\u00edveis, agora h\u00e1 uma <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/core-blocks\/\">p\u00e1gina do Manual<\/a> que fornece uma lista completa dos blocos centrais inclu\u00eddos no plugin do Gutenberg. Para cada bloco, Nome, Categoria, Suportes e Atributos s\u00e3o fornecidos, assim como um link \u00fatil para o c\u00f3digo fonte que os <a href=\"https:\/\/kinsta.com\/pt\/blog\/blocos-personalizados-gutenberg\/\">desenvolvedores de blocos<\/a> ir\u00e3o adorar.<\/p>\n<p>E mais blocos est\u00e3o vindo com o WordPress 6.0. Encontre aqui os blocos que voc\u00ea pode esperar com a pr\u00f3xima vers\u00e3o.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Comment Query Loo<\/h3>\n<p>Similar ao bloco Query Loop, um novo bloco de <strong>Comment Query Loop<\/strong> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35231\">exibe os coment\u00e1rios do post<\/a>. \u00c9 um bloco avan\u00e7ado que inclui v\u00e1rios blocos internos que voc\u00ea pode editar e configurar separadamente.<\/p>\n<p>Como a imagem abaixo mostra, voc\u00ea pode selecionar qualquer um dos blocos contidos no bloco Comment Query Loop para personalizar sua apar\u00eancia como voc\u00ea quiser. Voc\u00ea tamb\u00e9m pode adicionar mais blocos ou mover ou remover blocos existentes (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/comments-query-loop\">c\u00f3digo fonte<\/a>).<\/p>\n<figure id=\"attachment_122220\" aria-describedby=\"caption-attachment-122220\" style=\"width: 1980px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122220 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/comments-query-loop.jpg\" alt=\"Configurando o bloco de consulta de coment\u00e1rios\" width=\"1980\" height=\"1226\"><figcaption id=\"caption-attachment-122220\" class=\"wp-caption-text\">Configurando o bloco de consulta de coment\u00e1rios<\/figcaption><\/figure>\n<h3>Read More<\/h3>\n<p>Um novo e personaliz\u00e1vel bloco <strong>Read More<\/strong> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37649\">permite que voc\u00ea personalize<\/a> diferentes aspectos do bot\u00e3o Read More: bordas, cores, cantos, tipografia e muito mais (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/read-more\">c\u00f3digo fonte<\/a>).<\/p>\n<p>Esta \u00e9 uma \u00f3tima adi\u00e7\u00e3o porque permite adicionar e personalizar o link Read More fora do contexto do bloco Excerpt.<\/p>\n<figure id=\"attachment_122221\" aria-describedby=\"caption-attachment-122221\" style=\"width: 1976px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122221 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/read-more-block.jpg\" alt=\"O novo bloco Read More\" width=\"1976\" height=\"1198\"><figcaption id=\"caption-attachment-122221\" class=\"wp-caption-text\">O novo bloco Read More<\/figcaption><\/figure>\n<h3>Sem resultados no loop de consulta<\/h3>\n<p>O bloco <strong>No Results<\/strong> \u00e9 um bloco no qual voc\u00ea pode adicionar qualquer texto ou bloco para mostrar quando a consulta n\u00e3o tem resultados. Para adicionar o bloco No Results a um Query Loop, basta selecionar o Query Loop e clicar no \u00edcone mais no canto inferior direito para iniciar a inser\u00e7\u00e3o r\u00e1pida. Em seguida, procure por No Results. O bloco n\u00e3o est\u00e1 dispon\u00edvel fora do Query Loop (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/query-no-results\">C\u00f3digo fonte<\/a>).<\/p>\n<figure id=\"attachment_122222\" aria-describedby=\"caption-attachment-122222\" style=\"width: 1982px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122222 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/no-results-block.jpg\" alt=\"Adicionando o bloco Sem Resultado ao La\u00e7o de Consulta\" width=\"1982\" height=\"1008\"><figcaption id=\"caption-attachment-122222\" class=\"wp-caption-text\">Adicionando o bloco Sem Resultado ao La\u00e7o de Consulta<\/figcaption><\/figure>\n<h3>Avatar e biografia do p\u00f3s-autor<\/h3>\n<p>O WordPress 6.0 tamb\u00e9m introduz novos tipos de blocos para dividir o bloco do Autor em seus componentes e us\u00e1-los separadamente em seu conte\u00fado.<\/p>\n<p>O bloco <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/#new-post-author-biography-and-read-more-blocks\">Biografia do P\u00f3s-Autor<\/a> fornece a <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38269\">descri\u00e7\u00e3o<\/a> dos autores (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/post-author-biography\">c\u00f3digo fonte<\/a>).<\/p>\n<p>O <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38591\">bloco Avatar<\/a> simplesmente mostra o avatar de um usu\u00e1rio permitindo que voc\u00ea escolha entre os autores do site (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/avatar\">c\u00f3digo fonte<\/a>).<\/p>\n<figure id=\"attachment_122223\" aria-describedby=\"caption-attachment-122223\" style=\"width: 1700px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122223 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/avatar-block.jpg\" alt=\"O bloco Avatar no WordPress 6.0.\" width=\"1700\" height=\"1356\"><figcaption id=\"caption-attachment-122223\" class=\"wp-caption-text\">O bloco Avatar no WordPress 6.0.<\/figcaption><\/figure>\n<p>Este bloco \u00e9 particularmente \u00fatil para mostrar o avatar de um autor fora do contexto do bloco de Informa\u00e7\u00f5es do Autor ou coment\u00e1rios. Por exemplo, voc\u00ea pode us\u00e1-lo em uma p\u00e1gina dedicada a todos os autores, ou em uma p\u00e1gina mostrando resenhas de seus usu\u00e1rios\/leitores.<\/p>\n<h2>Melhorias nos blocos existentes<\/h2>\n<p>O WordPress 6.0 tamb\u00e9m introduz v\u00e1rias mudan\u00e7as e melhorias nos blocos existentes que potencialmente ter\u00e3o um forte impacto no seu fluxo de trabalho de edi\u00e7\u00e3o. O bloco de navega\u00e7\u00e3o ser\u00e1 afetado por v\u00e1rias mudan\u00e7as, mas voc\u00ea tamb\u00e9m ver\u00e1 melhorias em outros blocos, incluindo o Query Loop, Featured Image, Group, e Social Icons.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"6\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Melhorias nos blocos de navega\u00e7\u00e3o<\/h3>\n<p>Nos \u00faltimos meses, o bloco de Navega\u00e7\u00e3o recebeu v\u00e1rias melhorias e agora apresenta uma interface significativamente mais f\u00e1cil de usar.<\/p>\n<p>Primeiro, uma <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36412\">pr\u00e9via rica<\/a> foi adicionada ao bloco de links de navega\u00e7\u00e3o. Quando voc\u00ea adiciona um link apontando para um recurso publicamente acess\u00edvel, clicando no bot\u00e3o de link na barra de ferramentas do bloco, aparece uma imagem de pr\u00e9-visualiza\u00e7\u00e3o desse recurso.<\/p>\n<figure id=\"attachment_122274\" aria-describedby=\"caption-attachment-122274\" style=\"width: 1408px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122274 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/link-preview-in-navigation-link-block-wp-6-0.jpg\" alt=\"Visualiza\u00e7\u00e3o rica para Links de Navega\u00e7\u00e3o.\" width=\"1408\" height=\"994\"><figcaption id=\"caption-attachment-122274\" class=\"wp-caption-text\">Visualiza\u00e7\u00e3o rica para Links de Navega\u00e7\u00e3o.<\/figcaption><\/figure>\n<p>Algumas mudan\u00e7as adicionais afetam a experi\u00eancia geral de edi\u00e7\u00e3o.<\/p>\n<p>Agora, quando voc\u00ea adiciona um novo menu e s\u00f3 existe um Menu de Navega\u00e7\u00e3o, ent\u00e3o <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39880\">ele \u00e9 o \u00fanico menu dispon\u00edvel por padr\u00e3o<\/a>. Esta mudan\u00e7a deve acelerar seu fluxo de trabalho de edi\u00e7\u00e3o se voc\u00ea s\u00f3 tiver um \u00fanico Menu de Navega\u00e7\u00e3o.<\/p>\n<p>Os links de navega\u00e7\u00e3o j\u00e1 tinham um campo de descri\u00e7\u00e3o onde os usu\u00e1rios podem inserir um texto descrevendo seus links de navega\u00e7\u00e3o. Entretanto, em vers\u00f5es anteriores do WordPress, os temas n\u00e3o podiam suportar este recurso.<\/p>\n<p>Agora, com o WordPress 6.0, um <code>&lt;span class=\"wp-block-navigation-item__description\"&gt;<\/code> aparece ap\u00f3s o r\u00f3tulo do link.<\/p>\n<figure id=\"attachment_122275\" aria-describedby=\"caption-attachment-122275\" style=\"width: 1730px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122275 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/navigation-link-description.jpg\" alt=\"A descri\u00e7\u00e3o do link de navega\u00e7\u00e3o aparece ap\u00f3s a etiqueta do link\" width=\"1730\" height=\"684\"><figcaption id=\"caption-attachment-122275\" class=\"wp-caption-text\">A descri\u00e7\u00e3o do link de navega\u00e7\u00e3o aparece ap\u00f3s a etiqueta do link<\/figcaption><\/figure>\n<p>Em Twenty Twenty-Two, o elemento <code>.wp-block-navigation-item__description<\/code> est\u00e1 escondido via CSS, mas os temas podem adicionar uma propriedade <code>display: block<\/code> para mostrar a descri\u00e7\u00e3o do link.<\/p>\n<figure id=\"attachment_122276\" aria-describedby=\"caption-attachment-122276\" style=\"width: 1156px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122276 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/navigation-link-description-2.jpg\" alt=\"Descri\u00e7\u00e3o do link de navega\u00e7\u00e3o no WordPress 6.0 e Twenty Twenty-Two.\" width=\"1156\" height=\"966\"><figcaption id=\"caption-attachment-122276\" class=\"wp-caption-text\">Descri\u00e7\u00e3o do link de navega\u00e7\u00e3o no WordPress 6.0 e Twenty Twenty-Two.<\/figcaption><\/figure>\n<h3>Filtros de Loop de Consulta e Imagens em Destaque<\/h3>\n<p>A se\u00e7\u00e3o de configura\u00e7\u00f5es dos filtros de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/03\/whats-new-in-gutenberg-12-5-february-2nd\/#query-loop-custom-taxonomies-filtering-and-more\">loop de consulta<\/a> agora mostra campos de entrada para taxonomias personalizadas. Isto permite que os usu\u00e1rios filtrem o tipo de postagem atual por uma ou mais <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38063\">taxonomias personalizadas<\/a> registradas para o tipo de postagem selecionada.<\/p>\n<p>Agora tamb\u00e9m \u00e9 poss\u00edvel filtrar artigos de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38024\">v\u00e1rios autores<\/a>, enquanto nas vers\u00f5es anteriores voc\u00ea s\u00f3 tinha permiss\u00e3o para selecionar um \u00fanico autor a partir de um menu suspenso.<\/p>\n<figure id=\"attachment_122277\" aria-describedby=\"caption-attachment-122277\" style=\"width: 1206px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122277 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/query-loop-filters-settings.jpg\" alt=\"Configura\u00e7\u00f5es do filtro de loop de consulta no WordPress 6.0.\" width=\"1206\" height=\"820\"><figcaption id=\"caption-attachment-122277\" class=\"wp-caption-text\">Configura\u00e7\u00f5es do filtro de loop de consulta no WordPress 6.0.<\/figcaption><\/figure>\n<p>Al\u00e9m disso, agora voc\u00ea tamb\u00e9m pode definir as dimens\u00f5es da Imagem em Destaque <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37945\">dentro de um bloco de Consulta<\/a>.<\/p>\n<figure id=\"attachment_122278\" aria-describedby=\"caption-attachment-122278\" style=\"width: 2244px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122278 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/query-loop-featured-image-size.jpg\" alt=\"Controlando as dimens\u00f5es da imagem em destaque em um bloco de consulta\" width=\"2244\" height=\"1086\"><figcaption id=\"caption-attachment-122278\" class=\"wp-caption-text\">Controlando as dimens\u00f5es da imagem em destaque em um bloco de consulta<\/figcaption><\/figure>\n<h3>Tipografia e suporte de bordas em blocos de grupos responsivos<\/h3>\n<p>Os blocos de grupo e fileira agora <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/05\/whats-new-in-gutenberg-12-3-5-january\/#group-block-gap-support-typography-support\">suportam configura\u00e7\u00f5es de tipografia<\/a>. Esta mudan\u00e7a permite que os usu\u00e1rios apliquem as mesmas <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37456\">configura\u00e7\u00f5es de tipografia a um grupo inteiro<\/a> de blocos de uma vez, economizando alguns cliques quando se trata de formatar um grupo contendo v\u00e1rios blocos aninhados.<\/p>\n<figure id=\"attachment_122279\" aria-describedby=\"caption-attachment-122279\" style=\"width: 2876px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122279 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/typography-settings-group.block_.jpg\" alt=\"Configura\u00e7\u00f5es de tipografia para um bloco de grupo\" width=\"2876\" height=\"1320\"><figcaption id=\"caption-attachment-122279\" class=\"wp-caption-text\">Configura\u00e7\u00f5es de tipografia para um bloco de grupo<\/figcaption><\/figure>\n<p>O bloco de Grupo foi melhorado e agora voc\u00ea pode facilmente <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/14\/whats-new-in-gutenberg-13-0-14-april\/#highlight-3\">agrupar blocos em Pilha ou Fileira<\/a> com um \u00fanico clique.<\/p>\n<p>Basta selecionar os blocos que voc\u00ea deseja agrupar e escolher um dos <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39920\">tr\u00eas controles dispon\u00edveis<\/a> na barra de ferramentas de blocos: <strong>Gruppo<\/strong>,<strong> Row<\/strong>,<strong> Stack<\/strong>.<\/p>\n<p>Uma vez que voc\u00ea tenha agrupado blocos, um novo painel na barra lateral de configura\u00e7\u00f5es mostra <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/40176\">descri\u00e7\u00f5es de varia\u00e7\u00e3o de<\/a> grupo permitindo que voc\u00ea <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/40036\">troque a varia\u00e7\u00e3o<\/a> com alguns cliques.<\/p>\n<figure id=\"attachment_122280\" aria-describedby=\"caption-attachment-122280\" style=\"width: 1902px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122280 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/row-block.jpg\" alt=\"Um bloco de linha mostra blocos horizontalmente.\" width=\"1902\" height=\"710\"><figcaption id=\"caption-attachment-122280\" class=\"wp-caption-text\">Um bloco de linha mostra blocos horizontalmente.<\/figcaption><\/figure>\n<p>O WordPress 6.0 tamb\u00e9m introduz <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#other-notable-highlights\">suporte de margem para blocos de grupo<\/a>, permitindo aos usu\u00e1rios <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37344\">controlarem as margens superior e inferior<\/a> separadamente.<\/p>\n<figure id=\"attachment_122282\" aria-describedby=\"caption-attachment-122282\" style=\"width: 1862px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122282 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/group-block-margins.jpg\" alt=\"Controle de margens com um bloco de Grupo\" width=\"1862\" height=\"1192\"><figcaption id=\"caption-attachment-122282\" class=\"wp-caption-text\">Controle de margens com um bloco de Grupo<\/figcaption><\/figure>\n<h3>Imagem em destaque no bloco de capa<\/h3>\n<p>Agora voc\u00ea pode usar <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/14\/whats-new-in-gutenberg-13-0-14-april\/#highlight-2\">Imagens em Destaque em Blocos de Capa<\/a> como no WordPress 6.0 a <strong>Usar<\/strong> <strong>altern\u00e2ncia de imagens<\/strong> em destaque\u00a0foi adicionado \u00e0 barra de ferramentas de blocos. Gra\u00e7as a este novo controle, voc\u00ea pode mudar da imagem atual para a imagem em destaque com um \u00fanico clique.<\/p>\n<figure id=\"attachment_122284\" aria-describedby=\"caption-attachment-122284\" style=\"width: 1904px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122284 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/use-featured-image.jpg\" alt=\"Usar imagem em destaque com um bloco de Capa\" width=\"1904\" height=\"1186\"><figcaption id=\"caption-attachment-122284\" class=\"wp-caption-text\">Usar imagem em destaque com um bloco de Capa<\/figcaption><\/figure>\n<h3>Mostrar\/Ocultar r\u00f3tulos nos \u00edcones sociais<\/h3>\n<p>Um pequeno, mas \u00fatil, aprimoramento do bloco de <strong>\u00cdcones Sociais<\/strong> agora permite aos usu\u00e1rios <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38152\">alternar entre os r\u00f3tulos de links de \u00edcones<\/a>.<\/p>\n<figure id=\"attachment_122287\" aria-describedby=\"caption-attachment-122287\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122287 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/show-label-off.jpg\" alt=\"Um controle de etiquetas Show permite ativar\/desativar etiquetas nos \u00cdcones Sociais\" width=\"2164\" height=\"706\"><figcaption id=\"caption-attachment-122287\" class=\"wp-caption-text\">Um controle de etiquetas Show permite ativar\/desativar etiquetas nos \u00cdcones Sociais<\/figcaption><\/figure>\n<p>Ao ativar esta op\u00e7\u00e3o, voc\u00ea pode exibir o nome do servi\u00e7o padr\u00e3o ou definir r\u00f3tulos personalizados para seus \u00edcones separadamente.<\/p>\n<figure id=\"attachment_122288\" aria-describedby=\"caption-attachment-122288\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122288 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/show-label-on.jpg\" alt=\"Mostrar etiqueta ativada.\" width=\"2164\" height=\"800\"><figcaption id=\"caption-attachment-122288\" class=\"wp-caption-text\">Mostrar etiqueta ativada.<\/figcaption><\/figure>\n<h3>Melhorias adicionais de blocos<\/h3>\n<p>A pr\u00f3xima vers\u00e3o do WordPress tamb\u00e9m traz um grande n\u00famero de aprimoramentos para muitos outros blocos.<\/p>\n<p>Por exemplo, agora voc\u00ea pode <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31737\">controlar as bordas dos blocos de Colunas<\/a> (Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#other-notable-highlights\">12.7<\/a>).<\/p>\n<figure id=\"attachment_122289\" aria-describedby=\"caption-attachment-122289\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122289 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/columns-block-borders.jpg\" alt=\"Controles de fronteira para o bloco Colunas\" width=\"2164\" height=\"1190\"><figcaption id=\"caption-attachment-122289\" class=\"wp-caption-text\">Controles de fronteira para o bloco Colunas<\/figcaption><\/figure>\n<p>Outra melhoria \u00fatil do UX permite que voc\u00ea <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/16\/whats-new-in-gutenberg-12-8-16-march\/#highlight-2\">insira links internos<\/a> usando um simples gatilho de teclado <code>[[<\/code>.<\/p>\n<figure id=\"attachment_122291\" aria-describedby=\"caption-attachment-122291\" style=\"width: 1368px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122291 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/internal-link-trigger.jpg\" alt=\"Adicionar links internos no WordPress 6.0 \u00e9 mais f\u00e1cil.\" width=\"1368\" height=\"612\"><figcaption id=\"caption-attachment-122291\" class=\"wp-caption-text\">Adicionar links internos no WordPress 6.0 \u00e9 mais f\u00e1cil.<\/figcaption><\/figure>\n<p>Agora \u00e9 mais f\u00e1cil controlar o espa\u00e7o ao redor das imagens em um bloco da Galeria, gra\u00e7as ao novo controle de <strong>espa\u00e7amento de blocos<\/strong>.<\/p>\n<figure id=\"attachment_122292\" aria-describedby=\"caption-attachment-122292\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122292 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-spacing-0.jpg\" alt=\"Imagens sem espa\u00e7amento de blocos\" width=\"2164\" height=\"730\"><figcaption id=\"caption-attachment-122292\" class=\"wp-caption-text\">Imagens sem espa\u00e7amento de blocos<\/figcaption><\/figure>\n<figure id=\"attachment_122293\" aria-describedby=\"caption-attachment-122293\" style=\"width: 2162px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122293 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-spacing-40.jpg\" alt=\"Imagens com espa\u00e7amento de blocos\" width=\"2162\" height=\"710\"><figcaption id=\"caption-attachment-122293\" class=\"wp-caption-text\">Imagens com espa\u00e7amento de blocos<\/figcaption><\/figure>\n<h2>Mudan\u00e7as para os desenvolvedores e melhorias de desempenho<\/h2>\n<p>O WordPress 6.0 tamb\u00e9m acrescenta muitas funcionalidades para os desenvolvedores.<\/p>\n<ul>\n<li>Um novo filtro <code>wp_content_img_tag<\/code> permite o ajuste de imagens em um blob de conte\u00fado HTML (veja <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/27\/new-filter-to-modify-content-images-in-wordpress-6-0\/\">Novo filtro para modificar imagens de conte\u00fado no WordPress 6.0<\/a>).<\/li>\n<li>O m\u00e9todo <code>parse_request<\/code> foi alterado para reduzir o n\u00famero de consultas quando o filtro do <code>do_parse_request<\/code> retorna falso (veja <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/27\/changes-to-do_parse_request-filter-in-wordpress-6-0\/\">Mudan\u00e7as no filtro do_parse_request no WordPress 6.0<\/a>).<\/li>\n<li>Agora voc\u00ea pode registrar blocos de dentro de um tema (veja <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/block-editor-miscellaneous-dev-notes-for-wordpress-6-0\/#blocks-in-themes\">Registro de blocos de dentro de Temas<\/a>).<\/li>\n<li>Uma nova propriedade dos <code>ancestor<\/code> torna um bloco dispon\u00edvel somente dentro dos tipos de blocos especificados (ver <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/block-editor-miscellaneous-dev-notes-for-wordpress-6-0\/#ancestor\">Propriedade de novos antepassados em block.json<\/a>).<\/li>\n<\/ul>\n<p>O novo lan\u00e7amento tamb\u00e9m d\u00e1 um impulso ao desempenho, com algumas adi\u00e7\u00f5es ao <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/29\/caching-improvements-in-wordpress-6-0\/\">WordPress Caching API<\/a>, melhorias de desempenho para <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/28\/taxonomy-performance-improvements-in-wordpress-6-0\/\">consultas de termos taxon\u00f4micos<\/a>, e mais melhorias de desempenho para sites \u00fanicos com <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/02\/performance-increase-for-sites-with-large-user-counts-now-also-available-on-single-site\/\">grande contagem de usu\u00e1rios<\/a>.<\/p>\n<p>Isto encerra nosso levantamento das novas funcionalidades e mudan\u00e7as que voc\u00ea ver\u00e1 uma vez atualizado seus sites WordPress para 6.0.<\/p>\n<p>Mas estas s\u00e3o apenas algumas das melhorias que v\u00eam com o WordPress 6.0. Para uma lista completa, consulte as notas de lan\u00e7amento do Gutenberg e o <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/wordpress-6-0-field-guide\/\">Guia de Campo do WordPress 6.0<\/a><\/p>\n\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-plain\">\n        <p><\/p>\n<h3>Como instalar o WordPress 6.0 em um ambiente de desenvolvimento local<\/h3>\n<p>Se voc\u00ea quiser experimentar as vers\u00f5es de desenvolvimento do WordPress antes do lan\u00e7amento oficial, siga estes passos:<\/p>\n<ol>\n<li>Abra o DevKinsta e crie um novo site WordPress local<\/li>\n<li>Quando terminar, abra seu painel de controle do WordPress e navegue at\u00e9 <strong>Plugins \u2192 Adicionar novo<\/strong><\/li>\n<li>Pesquisar e instalar o plugin <strong>WordPress Beta Tester<\/strong><\/li>\n<li>Ative o plugin e v\u00e1 para <strong>Ferramentas \u2192 Beta Testing<\/strong><\/li>\n<li>Na aba Configura\u00e7\u00f5es do WP Beta Tester escolha a op\u00e7\u00e3o <strong>Bleeding edge<\/strong> e salve as configura\u00e7\u00f5es<\/li>\n<li>De volta ao seu Painel do WordPress, abra a tela <strong>Updates<\/strong> e atualize para a \u00faltima vers\u00e3o noturna<\/li>\n<\/ol>\n<p>Isso \u00e9 tudo! Agora voc\u00ea tem uma instala\u00e7\u00e3o local de desenvolvimento WordPress e voc\u00ea est\u00e1 livre para executar todos os seus testes. D\u00ea uma olhada e nos diga o que voc\u00ea pensa sobre as novas funcionalidades.<\/p>\n<p>Com DevKinsta \u00e9 necess\u00e1rio apenas alguns cliques para ter um ambiente de desenvolvimento moderno para WordPress em sua m\u00e1quina local. \ud83d\udda5<\/p>\n<p>Baixe DevKinsta de gra\u00e7a <a href=\"https:\/\/kinsta.com\/pt\/devkinsta\/\">aqui<\/a>! \ud83d\udc48<\/p>\n<\/aside>\n\n<h2>Resumo<\/h2>\n<p>Como mencionado acima, podemos agora dizer que estamos no meio da segunda fase do desenvolvimento de Gutenberg, a <strong>Fase de Customiza\u00e7\u00e3o<\/strong>.<\/p>\n<p>A edi\u00e7\u00e3o completa do site agora faz parte do n\u00facleo do WordPress e 6.0 e as vers\u00f5es seguintes trar\u00e3o mais melhorias para o que j\u00e1 temos e podemos usar agora mesmo.<\/p>\n<p>Tudo isso ter\u00e1 um enorme impacto no <a href=\"https:\/\/kinsta.com\/pt\/wordpress-quota-mercado\/\">ecossistema WordPress<\/a> e na web como um todo, considerando tamb\u00e9m que, no momento de escrever,<\/p>\n<blockquote><p>O WordPress \u00e9 usado por 64,2% de todos os sites cujo sistema de gerenciamento de conte\u00fado conhecemos. Isto \u00e9 43,0% de todos os sites. (Fonte <a href=\"https:\/\/w3techs.com\/technologies\/details\/cm-wordpress\">W3Techs<\/a>)<\/p><\/blockquote>\n<p>N\u00f3s vamos parar aqui por enquanto. Nossa lista de recursos e melhorias com o WordPress 6.0 n\u00e3o pode ser esgotada em um \u00fanico post, mas esperamos que, pelo menos, tenhamos destacado as adi\u00e7\u00f5es que ter\u00e3o o maior impacto na forma como estamos usando o WordPress no dia a dia.<\/p>\n<p>Agora n\u00f3s gostar\u00edamos de concluir este artigo com algumas perguntas para nossos leitores!<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-question\">\n        <p>Voc\u00ea j\u00e1 est\u00e1 construindo seus sites usando o FSE? Voc\u00ea considera o novo editor uma ferramenta adequada para construir sites profissionais, ou voc\u00ea acha que ele ainda precisa ser melhorado antes que voc\u00ea possa us\u00e1-lo para neg\u00f3cios? Voc\u00ea j\u00e1 testou os novos recursos do WordPress que v\u00eam com 6.0?<\/p>\n<\/aside>\n\n<p>Por favor, compartilhe suas ideias com a comunidade na se\u00e7\u00e3o de coment\u00e1rios abaixo. \ud83d\udc47<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O WordPress 6.0 Arturo est\u00e1 aqui e, como sempre, espreitamos atr\u00e1s das cortinas para dar aos nossos leitores uma pr\u00e9via do que h\u00e1 de novo com &#8230;<\/p>\n","protected":false},"author":36,"featured_media":49845,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[518,590,30,261],"topic":[1038],"class_list":["post-49242","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-block-editor","tag-updates","tag-wordpress","tag-wordpress-developers","topic-atualizacoes-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>O Que h\u00e1 de Novo no WordPress 6.0: Novos Blocos, Mudan\u00e7a de Estilo, Edi\u00e7\u00e3o de Templates, Webfonts API, e Muito Mais<\/title>\n<meta name=\"description\" content=\"Confira nossa vis\u00e3o detalhada do WordPress 6.0 com Webfonts API, mudan\u00e7a de estilo, novos blocos, edi\u00e7\u00e3o completa do site, e muito mais!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O Que h\u00e1 de Novo no WordPress 6.0: Novos Blocos, Mudan\u00e7a de Estilo, Edi\u00e7\u00e3o de Templates, Webfonts API, e Muito Mais\" \/>\n<meta property=\"og:description\" content=\"Confira nossa vis\u00e3o detalhada do WordPress 6.0 com Webfonts API, mudan\u00e7a de estilo, novos blocos, edi\u00e7\u00e3o completa do site, e muito mais!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-10T06:28:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-22T09:01:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/05\/wordpress-6-0.png\" \/>\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\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Confira nossa vis\u00e3o detalhada do WordPress 6.0 com Webfonts API, mudan\u00e7a de estilo, novos blocos, edi\u00e7\u00e3o completa do site, e muito mais!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/05\/wordpress-6-0.png\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"34 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"O Que h\u00e1 de Novo no WordPress 6.0: Novos Blocos, Mudan\u00e7a de Estilo, Edi\u00e7\u00e3o de Templates, Webfonts API, e Muito Mais\",\"datePublished\":\"2022-05-10T06:28:00+00:00\",\"dateModified\":\"2023-08-22T09:01:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/\"},\"wordCount\":5498,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/05\/wordpress-6-0.png\",\"keywords\":[\"Block Editor\",\"updates\",\"WordPress\",\"WordPress developers\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/\",\"name\":\"O Que h\u00e1 de Novo no WordPress 6.0: Novos Blocos, Mudan\u00e7a de Estilo, Edi\u00e7\u00e3o de Templates, Webfonts API, e Muito Mais\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/05\/wordpress-6-0.png\",\"datePublished\":\"2022-05-10T06:28:00+00:00\",\"dateModified\":\"2023-08-22T09:01:59+00:00\",\"description\":\"Confira nossa vis\u00e3o detalhada do WordPress 6.0 com Webfonts API, mudan\u00e7a de estilo, novos blocos, edi\u00e7\u00e3o completa do site, e muito mais!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/05\/wordpress-6-0.png\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/05\/wordpress-6-0.png\",\"width\":1460,\"height\":730,\"caption\":\"O Que h\u00e1 de Novo no WordPress 6.0: Novos Blocos, Mudan\u00e7a de Estilo, Edi\u00e7\u00e3o de Templates, Webfonts API, e Muito Mais\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Atualiza\u00e7\u00f5es WordPress\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/atualizacoes-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"O Que h\u00e1 de Novo no WordPress 6.0: Novos Blocos, Mudan\u00e7a de Estilo, Edi\u00e7\u00e3o de Templates, Webfonts API, e Muito Mais\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/pt\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"O Que h\u00e1 de Novo no WordPress 6.0: Novos Blocos, Mudan\u00e7a de Estilo, Edi\u00e7\u00e3o de Templates, Webfonts API, e Muito Mais","description":"Confira nossa vis\u00e3o detalhada do WordPress 6.0 com Webfonts API, mudan\u00e7a de estilo, novos blocos, edi\u00e7\u00e3o completa do site, e muito mais!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/","og_locale":"pt_PT","og_type":"article","og_title":"O Que h\u00e1 de Novo no WordPress 6.0: Novos Blocos, Mudan\u00e7a de Estilo, Edi\u00e7\u00e3o de Templates, Webfonts API, e Muito Mais","og_description":"Confira nossa vis\u00e3o detalhada do WordPress 6.0 com Webfonts API, mudan\u00e7a de estilo, novos blocos, edi\u00e7\u00e3o completa do site, e muito mais!","og_url":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2022-05-10T06:28:00+00:00","article_modified_time":"2023-08-22T09:01:59+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/05\/wordpress-6-0.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Confira nossa vis\u00e3o detalhada do WordPress 6.0 com Webfonts API, mudan\u00e7a de estilo, novos blocos, edi\u00e7\u00e3o completa do site, e muito mais!","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/05\/wordpress-6-0.png","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Carlo Daniele","Tempo estimado de leitura":"34 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"O Que h\u00e1 de Novo no WordPress 6.0: Novos Blocos, Mudan\u00e7a de Estilo, Edi\u00e7\u00e3o de Templates, Webfonts API, e Muito Mais","datePublished":"2022-05-10T06:28:00+00:00","dateModified":"2023-08-22T09:01:59+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/"},"wordCount":5498,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/05\/wordpress-6-0.png","keywords":["Block Editor","updates","WordPress","WordPress developers"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/","url":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/","name":"O Que h\u00e1 de Novo no WordPress 6.0: Novos Blocos, Mudan\u00e7a de Estilo, Edi\u00e7\u00e3o de Templates, Webfonts API, e Muito Mais","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/05\/wordpress-6-0.png","datePublished":"2022-05-10T06:28:00+00:00","dateModified":"2023-08-22T09:01:59+00:00","description":"Confira nossa vis\u00e3o detalhada do WordPress 6.0 com Webfonts API, mudan\u00e7a de estilo, novos blocos, edi\u00e7\u00e3o completa do site, e muito mais!","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/05\/wordpress-6-0.png","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/05\/wordpress-6-0.png","width":1460,"height":730,"caption":"O Que h\u00e1 de Novo no WordPress 6.0: Novos Blocos, Mudan\u00e7a de Estilo, Edi\u00e7\u00e3o de Templates, Webfonts API, e Muito Mais"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-0\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Atualiza\u00e7\u00f5es WordPress","item":"https:\/\/kinsta.com\/pt\/topicos\/atualizacoes-wordpress\/"},{"@type":"ListItem","position":3,"name":"O Que h\u00e1 de Novo no WordPress 6.0: Novos Blocos, Mudan\u00e7a de Estilo, Edi\u00e7\u00e3o de Templates, Webfonts API, e Muito Mais"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinsta.com\/pt\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/49242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=49242"}],"version-history":[{"count":10,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/49242\/revisions"}],"predecessor-version":[{"id":53677,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/49242\/revisions\/53677"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/49242\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/49242\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/49242\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/49242\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/49242\/translations\/de"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/49242\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/49242\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/49242\/translations\/jp"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/49242\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/49845"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=49242"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=49242"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=49242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}