{"id":36055,"date":"2020-03-11T02:04:59","date_gmt":"2020-03-11T09:04:59","guid":{"rendered":"https:\/\/kinsta.com\/?p=68051"},"modified":"2025-02-26T10:37:26","modified_gmt":"2025-02-26T13:37:26","slug":"wordpress-5-4","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/","title":{"rendered":"Introdu\u00e7\u00e3o ao WordPress 5.4 (Blocos, Caracter\u00edsticas, Novas APIs)"},"content":{"rendered":"<p>WordPress 5.4 &#8220;Adderley&#8221; foi lan\u00e7ado em 31 de mar\u00e7o de 2020, e est\u00e1 dispon\u00edvel para download.<\/p>\n<p>Ent\u00e3o, \u00e9 hora de mergulharmos fundo nas mais interessantes novidades e mudan\u00e7as que vir\u00e3o com o WordPress 5.4.<\/p>\n<p>Antes de mais, o WordPress 5.4 traz muitas funcionalidades, melhorias e corre\u00e7\u00f5es de bugs para o editor de blocos, com um n\u00famero consider\u00e1vel de vers\u00f5es do <a href=\"https:\/\/kinsta.com\/pt\/blog\/desabilitar-o-editor-wordpress-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin do Gutenberg<\/a> fundidas no n\u00facleo. Estas altera\u00e7\u00f5es afetam tanto as funcionalidades como a IU, melhorando a acessibilidade\/utilizabilidade do editor e a experi\u00eancia de edi\u00e7\u00e3o em geral.<\/p>\n<p>Al\u00e9m do editor, o WordPress 5.4 introduz melhorias interessantes na <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-2\/#site-health-check\" target=\"_blank\" rel=\"noopener noreferrer\">Ferramenta de Sa\u00fade do Site<\/a> e na <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-rest-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">API REST<\/a>, enquanto algumas funcionalidades esperadas com o WordPress 5.4 foram adiadas e devem ser agrupadas no Core com o pr\u00f3ximo lan\u00e7amento do <a href=\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/\">WordPress 5.5<\/a> (veja <a href=\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#native-image-lazyloading-in-wordpress-core\" target=\"_blank\" rel=\"noopener noreferrer\">Native Lazy Loading on images<\/a> and <a href=\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#whats-new-with-the-block-editor\" target=\"_blank\" rel=\"noopener noreferrer\">Navigation block<\/a>).<\/p>\n<p>Voc\u00ea pode querer salvar as seguintes datas e links do <a href=\"https:\/\/make.wordpress.org\/core\/5-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 5.4 Ciclo de Desenvolvimento<\/a>:<\/p>\n<ul>\n<li>11 de Fevereiro de 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/02\/wordpress-5-4-beta-1\/\">Beta 1<\/a><\/li>\n<li>18 de Fevereiro de 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/02\/wordpress-5-4-beta-2\/\">Beta 2<\/a><\/li>\n<li>25 de Fevereiro de 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/02\/wordpress-5-4-beta-3\/\">Beta 3<\/a><\/li>\n<li>3 de Mar\u00e7o de 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/03\/wordpress-5-4-release-candidate\/\">RC 1<\/a><\/li>\n<li>10 de Mar\u00e7o de 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/03\/wordpress-5-4-rc2\/\">RC 2<\/a><\/li>\n<li>17 de Mar\u00e7o de 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/03\/wordpress-5-4-rc3\/\">RC 3<\/a><\/li>\n<li>24 de Mar\u00e7o de 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/03\/wordpress-5-4-rc4\/\">RC 4<\/a><\/li>\n<li>27 de Mar\u00e7o de 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/03\/wordpress-5-4-rc5\/\">RC 5<\/a><\/li>\n<li>30 de Mar\u00e7o de 2020: Dry run para o lan\u00e7amento do WordPress 5.4<\/li>\n<li>31 de Mar\u00e7o de 2020: Lan\u00e7amento do WordPress 5.4 &#8220;<a href=\"https:\/\/wordpress.org\/news\/2020\/03\/adderley\/\">Adderley&#8221;<\/a>.<\/li>\n<\/ul>\n<p>Ent\u00e3o, o que h\u00e1 de novo no WordPress com o WordPress 5.4?<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>O que h\u00e1 de novo com o Block Editor<\/h2>\n<p>Um n\u00famero consider\u00e1vel das vers\u00f5es de plugins <a href=\"https:\/\/kinsta.com\/pt\/?s=gutenberg\" target=\"_blank\" rel=\"noopener noreferrer\">do Gutenberg<\/a> foi fundido no n\u00facleo, de 6.6 para 7.5. Portanto, se n\u00e3o estiver a usar o plugin do Gutenberg, encontrar\u00e1 toneladas de novas funcionalidades, melhorias e corre\u00e7\u00f5es de bugs no editor de blocos ao atualizar para o WordPress 5.4.<\/p>\n<p>Mas h\u00e1 mais do que blocos e recursos no editor, com melhorias de desempenho geral sendo relatadas:<\/p>\n<blockquote><p>A equipe de edi\u00e7\u00e3o de blocos conseguiu uma redu\u00e7\u00e3o de 14% no tempo de carregamento e de 51% no tempo de carregamento, para um post particularmente grande (~ 36.000 palavras, ~1.000 blocos) desde o WordPress 5.3.<\/p><\/blockquote>\n<p>Isso \u00e9 um monte de coisas fant\u00e1sticas, por isso vamos mergulhar.<\/p>\n<ul>\n<li><a href=\"#block-editor-features-enhancements\">Novos recursos e aprimoramentos do Block Editor<\/a><\/li>\n<li><a href=\"#block-editor-changes-for-developers\">Mudan\u00e7as no Editor de Blocos para Desenvolvedores de Temas e Blocos<\/a><\/li>\n<li><a href=\"#additional-features\">Caracter\u00edsticas adicionais<\/a><\/li>\n<\/ul>\n\n<h3 id=\"block-editor-features-enhancements\">Novos recursos e aprimoramentos do Block Editor<\/h3>\n<p>Podemos concordar que o editor de blocos ainda est\u00e1 em desenvolvimento, mas o WordPress 5.4 traz toneladas de mudan\u00e7as melhorando a usabilidade do editor tanto no desktop quanto no celular.<\/p>\n<p>Algumas destas altera\u00e7\u00f5es est\u00e3o estritamente relacionadas com a interface, incluindo o modo de ecr\u00e3 inteiro ativado por defeito, sele\u00e7\u00e3o de blocos melhorada, mudan\u00e7a f\u00e1cil entre o modo de edi\u00e7\u00e3o e o modo de sele\u00e7\u00e3o, barra de ferramentas m\u00f3vel fixa e p\u00e3o ralado para a navega\u00e7\u00e3o em bloco. Dois novos blocos e configura\u00e7\u00f5es de op\u00e7\u00f5es adicionais adicionam mais funcionalidades ao editor.<\/p>\n<p>Aqui est\u00e1 uma lista r\u00e1pida das caracter\u00edsticas e melhorias do nosso editor de blocos favoritos que vem com o WordPress 5.4:<\/p>\n<ul>\n<li><a href=\"#new-social-icons-block\">Novo Bloco de \u00cdcones Sociais<\/a><\/li>\n<li><a href=\"#new-buttons-block\">Novo Bloco de Bot\u00f5es<\/a><\/li>\n<li><a href=\"#welcome-guide-modal\">Um Guia de Boas-vindas Modal<\/a><\/li>\n<li><a href=\"#fullscreen-mode\">Modo ecr\u00e3 inteiro Ativado por defeito<\/a><\/li>\n<li><a href=\"#text-color\">Suporte a cores de texto em linha em blocos RichText<\/a><\/li>\n<li><a href=\"#color-options\">Op\u00e7\u00f5es de cores adicionais para v\u00e1rios blocos<\/a><\/li>\n<li><a href=\"#featured-images\">Imagens em Destaque no Bloco de \u00daltimos Posts<\/a><\/li>\n<li><a href=\"#improved-navigation\">Uma Nova Barra Breadcrumb para a Navega\u00e7\u00e3o em Bloco<\/a><\/li>\n<\/ul>\n<h4 id=\"new-social-icons-block\">Novo Bloco de \u00cdcones Sociais<\/h4>\n<p>Inicialmente chamado de Links Sociais, o<strong> bloco de \u00cdcones Sociais<\/strong> permite aos autores adicionar rapidamente \u00edcones com links para <a href=\"https:\/\/kinsta.com\/pt\/blog\/tamanhos-de-imagem-de-midia-social\/\" target=\"_blank\" rel=\"noopener noreferrer\">perfis sociais<\/a> e fornece um bom n\u00famero de blocos de \u00edcones sociais para crian\u00e7as escolherem. Este bloco tem sido experimental durante algum tempo e \u00e9 est\u00e1vel desde <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/12\/whats-new-in-gutenberg-12-february\/\" target=\"_blank\" rel=\"noopener noreferrer\">o Gutenberg 7.5<\/a>.<\/p>\n<figure style=\"width: 1400px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/bloco-de-icones-sociais.jpg\" alt=\"O bloco de \u00cdcones Sociais\" width=\"1400\" height=\"1110\"><figcaption class=\"wp-caption-text\">O bloco de \u00cdcones Sociais<\/figcaption><\/figure>\n<p>O bloco \u00cdcones Sociais vem com tr\u00eas estilos predefinidos para as suas personaliza\u00e7\u00f5es visuais: <strong>Por defeito<\/strong>, <strong>apenas Logos,<\/strong> e <strong>forma de p\u00edlula<\/strong>.<\/p>\n<figure style=\"width: 278px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/estilos-de-icones-sociais.jpg\" alt=\"Estilos de \u00cdcones Sociais\" width=\"278\" height=\"516\"><figcaption class=\"wp-caption-text\">Estilos de \u00cdcones Sociais<\/figcaption><\/figure>\n<p>Desde que foram introduzidos pela primeira vez como uma funcionalidade experimental no Gutenberg 6.5 (e fundidos no <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 5.3<\/a>), os \u00cdcones Sociais foram adicionados ao Gutenberg 7.5 e podem n\u00e3o funcionar como esperado se voc\u00ea estiver a correr uma vers\u00e3o desatualizada do plugin do Gutenberg.<\/p>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/27\/new-or-updated-blocks-in-wordpress-5-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">Segundo Jorge Costa<\/a>, h\u00e1 duas formas de prevenir problemas com os \u00cdcones Sociais:<\/p>\n<ul>\n<li><strong>Migrar manualmente qualquer conte\u00fado com \u00cdcones Sociais<\/strong>: atualizar para WordPress 5.4, carregar o post no editor de blocos e salv\u00e1-lo. Os \u00cdcones Sociais ser\u00e3o migrados automaticamente para a nova vers\u00e3o.<\/li>\n<li><strong>Mantenha o plugin do Gutenberg instalado quando atualizar para o WordPress 5.4<\/strong>: o plugin fornece compatibilidade com vers\u00f5es anteriores e voc\u00ea n\u00e3o deve ter qualquer problema.<\/li>\n<\/ul>\n<h4 id=\"new-buttons-block\">Novo Bloco de Bot\u00f5es<\/h4>\n<p>Adicionado ao editor de blocos no <a href=\"https:\/\/make.wordpress.org\/core\/2020\/01\/09\/whats-new-in-gutenberg-8-january\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 7.2<\/a>, o<strong> bloco Bot\u00f5es <\/strong><a href=\"https:\/\/github.com\/wordpress\/gutenberg\/pull\/17352#issuecomment-534062973\" target=\"_blank\" rel=\"noopener noreferrer\">substitui o \u00fanico bloco de Bot\u00f5es<\/a>, e permite aos utilizadores do WordPress adicionar mais bot\u00f5es aos seus conte\u00fados dentro do mesmo recipiente de blocos.<\/p>\n<figure style=\"width: 1168px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/novo-bloco-de-botoes.png\" alt=\"O novo bloco de Bot\u00f5es\" width=\"1168\" height=\"268\"><figcaption class=\"wp-caption-text\">O novo bloco de Bot\u00f5es<\/figcaption><\/figure>\n<p>Os bot\u00f5es individuais v\u00eam com dois estilos predefinidos \u00e0 escolha e v\u00e1rias op\u00e7\u00f5es adicionais para afinar a apar\u00eancia dos seus bot\u00f5es.<\/p>\n<figure style=\"width: 281px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/configuracoes-dos-botoes.jpg\" alt=\"Configura\u00e7\u00f5es dos bot\u00f5es no WordPress 5.4\" width=\"281\" height=\"754\"><figcaption class=\"wp-caption-text\">Configura\u00e7\u00f5es dos bot\u00f5es no WordPress 5.4<\/figcaption><\/figure>\n<p>Com o WordPress 5.4, os propriet\u00e1rios do site ganham um controle mais profundo sobre a apar\u00eancia e a sensa\u00e7\u00e3o de sua chamada para as a\u00e7\u00f5es gra\u00e7as \u00e0 adi\u00e7\u00e3o de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/17169\" target=\"_blank\" rel=\"noopener noreferrer\">fundos de gradiente<\/a>, que tamb\u00e9m v\u00eam com um punhado de pr\u00e9-configura\u00e7\u00f5es de gradiente dispon\u00edveis para os administradores do site para usar como pontos de partida para outras personaliza\u00e7\u00f5es.<\/p>\n<figure style=\"width: 2052px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/caracter\u00edsticas-de-cor-renovadas.jpg\" alt=\"Caracter\u00edsticas de cor renovadas para bot\u00f5es\" width=\"2052\" height=\"986\"><figcaption class=\"wp-caption-text\">Caracter\u00edsticas de cor renovadas para bot\u00f5es<\/figcaption><\/figure>\n<h4 id=\"welcome-guide-modal\">Um Guia de Boas-vindas Modal<\/h4>\n<p>O WordPress 5.4 adiciona um novo slideshow de boas-vindas que fornece informa\u00e7\u00e3o b\u00e1sica sobre o editor de blocos e uma liga\u00e7\u00e3o para a <a href=\"https:\/\/wordpress.org\/support\/article\/wordpress-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">documenta\u00e7\u00e3o online<\/a> (adicionado com o <a href=\"https:\/\/make.wordpress.org\/core\/2019\/12\/11\/whats-new-in-gutenberg-11-december\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 7.1<\/a>).<\/p>\n<figure style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/guia-de-boas-vindas-modal.jpg\" alt=\"Guia de Boas Vindas Modal\" width=\"1200\" height=\"808\"><figcaption class=\"wp-caption-text\">Guia de Boas Vindas Modal<\/figcaption><\/figure>\n<p>O modal s\u00f3 \u00e9 vis\u00edvel logo ap\u00f3s a atualiza\u00e7\u00e3o para 5.4. Se voc\u00ea quiser acion\u00e1-lo novamente, basta abrir o menu <strong>Mais ferramentas e op\u00e7\u00f5es<\/strong> no bot\u00e3o superior direito e encontrar o link<strong> Guia de Boas-vindas.<\/strong><\/p>\n<figure style=\"width: 267px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/activado-por-defeito.jpg\" alt=\"Modo ecr\u00e3 inteiro Activado por defeito\" width=\"267\" height=\"629\"><figcaption class=\"wp-caption-text\">Modo ecr\u00e3 inteiro Ativado por defeito<\/figcaption><\/figure>\n<h4 id=\"fullscreen-mode\">O modo tela cheia \u00e9 ativado por padr\u00e3o<\/h4>\n<p>A partir do WordPress 5.4, o editor abre em <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/03\/fullscreen-mode-enabled-by-default-in-the-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">modo tela cheia, por padr\u00e3o,<\/a> em novas instala\u00e7\u00f5es e dispositivos. Voc\u00ea pode ativar\/desativar o<strong> modo de tela cheia<\/strong> clicando no menu <strong>Mais ferramentas e op\u00e7\u00f5es<\/strong>, como mostrado na imagem abaixo.<\/p>\n<figure style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/o-modo-tela-cheia.png\" alt=\"O modo tela cheia \u00e9 ativado por padr\u00e3o no WordPress 5.4\" width=\"280\" height=\"261\"><figcaption class=\"wp-caption-text\">O modo tela cheia \u00e9 ativado por padr\u00e3o no WordPress 5.4<\/figcaption><\/figure>\n<p>Por enquanto, essa prefer\u00eancia \u00e9 armazenada localmente, o que significa que ela ser\u00e1 sobregravada sempre que as prefer\u00eancias forem alteradas, como acontece quando voc\u00ea acessa seu site no modo de navega\u00e7\u00e3o an\u00f4nima. No futuro, esta prefer\u00eancia dever\u00e1 ser armazenada no banco de dados, tornando a escolha do usu\u00e1rio persistente em qualquer contexto.<\/p>\n<p>Note que <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/03\/fullscreen-mode-enabled-by-default-in-the-editor\/#comment-38054\" target=\"_blank\" rel=\"noopener noreferrer\">a decis\u00e3o<\/a> de ter o editor em modo de tela cheia por padr\u00e3o n\u00e3o \u00e9 unanimemente apreciada como potencialmente confusa para iniciantes e usu\u00e1rios n\u00e3o avan\u00e7ados. Verifique <a href=\"https:\/\/make.wordpress.org\/accessibility\/2020\/03\/24\/wordpress-accessibility-team-position-on-default-full-screen-mode-in-the-editor\/\">este artigo<\/a> se voc\u00ea quiser saber mais sobre as preocupa\u00e7\u00f5es das pessoas no modo tela cheia.<\/p>\n<p>Os programadores do Block Editor podem controlar o modo tela cheia programmaticamente com apenas algumas linhas de JavaScript:<\/p>\n<pre><code class=\"language-javascript\">const isFullscreenMode = wp.data.select( 'core\/edit-post' ).isFeatureActive( 'fullscreenMode' );\n\nif ( isFullscreenMode ) {\n\twp.data.dispatch( 'core\/edit-post' ).toggleFeature( 'fullscreenMode' );\n}<\/code><\/pre>\n<h4 id=\"text-color\">Suporte a cores de texto em linha em blocos RichText<\/h4>\n<p>Se voc\u00ea normalmente escreve <a href=\"https:\/\/kinsta.com\/pt\/blog\/artigos-de-forma-longa\/\" target=\"_blank\" rel=\"noopener noreferrer\">artigos de forma longa<\/a>, voc\u00ea deve apreciar o suporte a cores do texto em linha. Antes desta atualiza\u00e7\u00e3o, fomos for\u00e7ados a codificar blocos de texto ricos em c\u00f3digo r\u00edgido no modo HTML para mudar a cor de palavras individuais e strings.<\/p>\n<figure style=\"width: 1412px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/opcao-de-cor-richtext.jpg\" alt=\"Op\u00e7\u00e3o de cor RichText\" width=\"1412\" height=\"544\"><figcaption class=\"wp-caption-text\">Op\u00e7\u00e3o de cor RichText<\/figcaption><\/figure>\n<p>A partir do WordPress 5.4, podemos selecionar palavras e sub-cordas em blocos RichText e mudar rapidamente suas cores usando o seletor de cores incorporado.<\/p>\n<figure style=\"width: 1334px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/selecionador-de-cores-richtext.jpg\" alt=\"Selecionador de cores RichText\" width=\"1334\" height=\"536\"><figcaption class=\"wp-caption-text\">Selecionador de cores RichText<\/figcaption><\/figure>\n<h4 id=\"color-options\">Op\u00e7\u00f5es de cores adicionais para v\u00e1rios blocos<\/h4>\n<p>O WordPress 5.4 adiciona uma longa lista de recursos e aprimoramentos relacionados a cores ao editor de blocos. Como visto acima, n\u00f3s n\u00e3o estamos mais limitados a cores s\u00f3lidas. V\u00e1rios blocos agora suportam fundos gradientes e conjuntos predefinidos de gradientes.<\/p>\n<p>Aqui est\u00e1 uma lista r\u00e1pida de algumas melhorias relacionadas com as cores:<\/p>\n<ul>\n<li>Suporte de fundo gradiente para o bloco de Bot\u00f5es (<a href=\"https:\/\/make.wordpress.org\/core\/2019\/10\/16\/whats-new-in-gutenberg-16-october\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 6.7<\/a>).<\/li>\n<li>Suporte de fundo gradiente para o bloco Cover (<a href=\"https:\/\/make.wordpress.org\/core\/2019\/10\/30\/whats-new-in-gutenberg-30-october\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 6.8<\/a>).<\/li>\n<li>Suporte de cor do texto para blocos de Grupos (Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/05\/whats-new-in-gutenberg-5-february\/\" target=\"_blank\" rel=\"noopener noreferrer\">7.4<\/a> e <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/12\/whats-new-in-gutenberg-12-february\/\" target=\"_blank\" rel=\"noopener noreferrer\">7.5<\/a>): blocos aninhados podem agora herdar a cor do texto do seu bloco de Grupo pai.<\/li>\n<li>Suporte de texto e cor de fundo para o bloco Colunas (Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/05\/whats-new-in-gutenberg-5-february\/\" target=\"_blank\" rel=\"noopener noreferrer\">7.4<\/a> e <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/12\/whats-new-in-gutenberg-12-february\/\" target=\"_blank\" rel=\"noopener noreferrer\">7.5<\/a>).<\/li>\n<\/ul>\n<figure style=\"width: 1836px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/bloco-de-cobertura.jpg\" alt=\"Bloco de cobertura com fundo de gradiente pr\u00e9-definido\" width=\"1836\" height=\"1086\"><figcaption class=\"wp-caption-text\">Bloco de cobertura com fundo de gradiente pr\u00e9-definido<\/figcaption><\/figure>\n<h4 id=\"featured-images\">Imagens em Destaque no Bloco de \u00daltimos Posts<\/h4>\n<p>Outra adi\u00e7\u00e3o not\u00e1vel ao editor de blocos \u00e9 o suporte para imagens em destaque no bloco \u00daltimos Artigos (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/12\/whats-new-in-gutenberg-12-february\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 7.5<\/a>).<\/p>\n<p>Esta \u00e9 apenas a mais recente de v\u00e1rias melhorias adicionadas ao bloco de \u00daltimos Posts ao longo do tempo e <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-3\/#9-improvements-in-latest-posts-block\" target=\"_blank\" rel=\"noopener noreferrer\">marca mais um passo<\/a> para &#8220;blocos din\u00e2micos ou globais mais complexos&#8221;.<\/p>\n<figure style=\"width: 2086px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/bloco-de-posts-mais-recentes-1.jpg\" alt=\"Bloco de posts mais recentes\" width=\"2086\" height=\"972\"><figcaption class=\"wp-caption-text\">Bloco de posts mais recentes<\/figcaption><\/figure>\n<p>Com o WordPress 5.4, o bloco \u00daltimos Posts permite que voc\u00ea puxe posts de uma categoria espec\u00edfica, mas n\u00e3o permite que voc\u00ea crie consultas mais avan\u00e7adas por categoria\/etiqueta\/tipo de postagem e\/ou inclua\/exclua posts \u00fanicos.<\/p>\n<p>Esperamos ver mais aperfei\u00e7oamentos com este bloco no futuro.<\/p>\n<h4 id=\"improved-navigation\">Uma Nova Barra Breadcrumb para a Navega\u00e7\u00e3o em Bloco<\/h4>\n<p>Dispon\u00edvel para os utilizadores do Gutenberg desde a <a href=\"https:\/\/make.wordpress.org\/core\/2019\/10\/30\/whats-new-in-gutenberg-30-october\/\" target=\"_blank\" rel=\"noopener noreferrer\">vers\u00e3o 6.7<\/a>, e agora fundida no Core, a nova barra de migalhas de p\u00e3o visa simplificar a navega\u00e7\u00e3o em blocos aninhados.<\/p>\n<p>A imagem abaixo mostra v\u00e1rios blocos aninhados e o novo menu de <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-breadcrumbs\/\" target=\"_blank\" rel=\"noopener noreferrer\">migalhas de p\u00e3o<\/a> na parte inferior.<\/p>\n<figure style=\"width: 1522px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/novo-menu-de-migalhas-de-pao.jpg\" alt=\"O novo menu de migalhas de p\u00e3o\" width=\"1522\" height=\"846\"><figcaption class=\"wp-caption-text\">O novo menu de migalhas de p\u00e3o<\/figcaption><\/figure>\n<h3 id=\"block-editor-changes-for-developers\">Mudan\u00e7as no Editor de Blocos para Desenvolvedores de Temas e Blocos<\/h3>\n<p>Os desenvolvedores de temas e blocos devem estar cientes de muitas mudan\u00e7as trazidas ao editor de blocos com o WordPress 5.4. Estas mudan\u00e7as incluem:<\/p>\n<ul>\n<li><a href=\"#keyboard-shortcuts\">Atalhos do teclado do Block Editor<\/a><\/li>\n<li><a href=\"#gradient-api\">APIs com Tema Gradiente<\/a><\/li>\n<li><a href=\"#markup-and-style\">Markup e mudan\u00e7as de estilo no editor de blocos<\/a><\/li>\n<li><a href=\"#block-scaffolding\">Andaime de bloco<\/a><\/li>\n<li><a href=\"#block-collections\">Cobran\u00e7a de blocos<\/a><\/li>\n<li><a href=\"#block-variations\">Varia\u00e7\u00f5es de Bloco<\/a><\/li>\n<\/ul>\n<h4 id=\"keyboard-shortcuts\">Atalhos do teclado do Block Editor<\/h4>\n<p>Os desenvolvedores de blocos e usu\u00e1rios avan\u00e7ados podem agora adicionar atalhos personalizados ao editor de blocos.<\/p>\n<p>Um novo pacote chamado <code>@wordpress\/keyboard-shortcuts<\/code> <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/19\/block-editor-keyboard-shortcuts-in-wordpress-5-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">foi introduzido<\/a> para centralizar o registro, remo\u00e7\u00e3o e documenta\u00e7\u00e3o dos atalhos do editor.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/pt\/blog\/contrate-um-desenvolvedor-do-wordpress\/\">Os desenvolvedores<\/a> podem adicionar seus atalhos personalizados chamando a a\u00e7\u00e3o <code>registerShortcut<\/code> desta forma:<\/p>\n<pre><code class=\"language-javascript\">wp.data.dispatch( 'core\/keyboard-shortcuts' ).registerShortcut( {\n\n\t\/\/ Shortcut identifier\n\tname: 'plugin\/shortcut-test',\n\n\t\/\/ Shortcut category (possible values global, block, selection)\n\tcategory: 'global',\n\n\t\/\/ Shortcut description\n\tdescription: 'My first shortcut',\n\n\t\/\/ The key combination that triggers the shortcut\n\tkeyCombination: {\n\n\t\t\/\/ Available modifiers:\n\t\t\/\/ primary, primaryShift, primaryAlt,\n\t\t\/\/ secondary, access, ctrl, alt,\n\t\t\/\/ ctrlShift, shift, shiftAlt\n\t\tmodifier: 'alt',\n\t\tcharacter: 'w',\n\t},\n\n\t\/\/ An alias for the key combination\n\taliases: [\n\t\t{\n\t\t\tmodifier: 'primary',\n\t\t\tcharacter: 'q',\n\t\t},\n\t],\n} );<\/code><\/pre>\n<p>Isto adicionar\u00e1 automaticamente o atalho personalizado ao modal de atalhos dispon\u00edvel em<strong> Mais Ferramentas &#038; Op\u00e7\u00f5es<\/strong> no canto superior direito do editor.<\/p>\n<figure style=\"width: 964px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/meu-primeiro-atalho.jpg\" alt=\"Foi adicionado um atalho personalizado do editor global de blocos\" width=\"964\" height=\"634\"><figcaption class=\"wp-caption-text\">Foi adicionado um atalho personalizado do editor global de blocos<\/figcaption><\/figure>\n<p>Depois, podemos anexar um manipulador de <a href=\"https:\/\/kinsta.com\/pt\/blog\/atalhos-teclado-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">atalhos de teclado<\/a> usando a fun\u00e7\u00e3o <code>useShortcut<\/code>:<\/p>\n<pre><code class=\"language-javascript\">import { useShortcut } from '@wordpress\/keyboard-shortcuts';\nimport { useCallback } from '@wordpress\/element';\n\nconst MyComponent = () =&gt; {\n\tuseShortcut(\n\n\t\t'plugin\/shortcut-test',\n\n\t\tuseCallback(\n\t\t\t( event ) =&gt; {\n\t\t\t\t\/\/ Do something\n\t\t\t},\n\t\t\t[]\n\t\t)\n\t);\n}<\/code><\/pre>\n<p>Voc\u00ea pode ler mais sobre atalhos de teclado no <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/19\/block-editor-keyboard-shortcuts-in-wordpress-5-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">blog Make WordPress Core<\/a>.<\/p>\n<h4 id=\"gradient-api\">APIs com Tema Gradiente<\/h4>\n<p>O WordPress 5.4 introduz fundos gradientes com um punhado de predefini\u00e7\u00f5es para Bot\u00f5es e Blocos de Capa. Isto acontece gra\u00e7as \u00e0s novas <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/02\/new-gradient-theme-apis\/\">APIs de Gradient Theme<\/a>.<\/p>\n<p>As novas APIs fornecem a op\u00e7\u00e3o <code>editor-gradient-presets<\/code> de suporte a temas, que permite que os desenvolvedores de temas <a href=\"https:\/\/developer.wordpress.org\/block-editor\/developers\/themes\/theme-support\/#block-gradient-presets\" target=\"_blank\" rel=\"noopener noreferrer\">substituam as predefini\u00e7\u00f5es e definam as suas pr\u00f3prias predefini\u00e7\u00f5es<\/a>:<\/p>\n<pre><code class=\"language-php\">add_theme_support(\n\t'editor-gradient-presets',\n\tarray(\n\t\tarray(\n\t\t\t'name'\t\t=&gt; __( 'CadetBlue to Chartreuse', 'themeLangDomain' ),\n\t\t\t'gradient'\t=&gt; 'linear-gradient(135deg,rgba(95,158,160,1) 0%,rgb(127,255,0) 100%)',\n\t\t\t'slug'\t\t=&gt; 'cedetblue-chartreuse'\n\t\t),\n\t\tarray(\n\t\t\t'name'\t\t=&gt; __( 'Chocolate to Coral', 'themeLangDomain' ),\n\t\t\t'gradient'\t=&gt; 'linear-gradient(135deg,rgba(210,105,30,1) 0%,rgba(255,127,80,1) 100%)',\n\t\t\t'slug'\t\t=&gt;  'chocolate-to-coral',\n\t\t),\n\t\tarray(\n\t\t\t'name'\t\t=&gt; __( 'DarkMagenta to DarkOrchid', 'themeLangDomain' ),\n\t\t\t'gradient'\t=&gt; 'linear-gradient(135deg,rgb(139,0,139) 0%,rgb(153,50,204) 100%)',\n\t\t\t'slug'\t\t=&gt; 'darkmagenta-to-darkorchid',\n\t\t),\n\t\tarray(\n\t\t\t'name'\t\t=&gt; __( 'DeepSkyBlue to DodgerBlue', 'themeLangDomain' ),\n\t\t\t'gradient'\t=&gt; 'linear-gradient(135deg,rgba(0,191,255,1) 0%,rgba(30,144,255,1) 100%)',\n\t\t\t'slug'\t\t=&gt; 'deepskyblue-to-dodgerblue',\n\t\t),\n\t)\n);<\/code><\/pre>\n<figure style=\"width: 1970px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/pre-definicoes-de-gradiente-personalizadas.jpg\" alt=\"Pr\u00e9-defini\u00e7\u00f5es de gradiente personalizadas no WordPress 5.4\" width=\"1970\" height=\"1048\"><figcaption class=\"wp-caption-text\">Pr\u00e9-defini\u00e7\u00f5es de gradiente personalizadas no WordPress 5.4<\/figcaption><\/figure>\n<ul>\n<li><code>name<\/code>: um r\u00f3tulo significativo para a ponta da ferramenta que fornece informa\u00e7\u00f5es sobre o gradiente. Isto \u00e9 particularmente \u00fatil para leitores de tela e usu\u00e1rios que t\u00eam dificuldade para distinguir certas cores.<\/li>\n<li><code>gradient<\/code>: CSS Valores CSS para o gradiente.\/li&gt;<\/li>\n<li><code>slug<\/code>: um identificador para gerar <a href=\"https:\/\/kinsta.com\/pt\/blog\/css-wordpress\/\">classes CSS<\/a> utilizadas no editor de blocos.<\/li>\n<\/ul>\n<figure style=\"width: 347px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/pre-definicoes-de-gradiente-personalizadas-2.jpg\" alt=\"Pr\u00e9-defini\u00e7\u00f5es de gradiente personalizadas\" width=\"347\" height=\"327\"><figcaption class=\"wp-caption-text\">Pr\u00e9-defini\u00e7\u00f5es de gradiente personalizadas<\/figcaption><\/figure>\n<p>Voc\u00ea pode desativar gradientes personalizados usando a op\u00e7\u00e3o de suporte tem\u00e1tico de <code>disable-custom-gradients<\/code>:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'disable-custom-gradients' );<\/code><\/pre>\n<p>A funcionalidade de gradiente pode ser completamente removida, utilizando tanto os <code>disable-custom-gradients<\/code> os <code>editor-gradient-presets<\/code>:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'disable-custom-gradients' );\nadd_theme_support( 'editor-gradient-presets', array() );<\/code><\/pre>\n<h4 id=\"markup-and-style\">Markup e mudan\u00e7as de estilo no editor de blocos<\/h4>\n<p>O WordPress 5.4 introduz v\u00e1rias mudan\u00e7as na estrutura do DOM que os desenvolvedores devem estar cientes.<\/p>\n<ul>\n<li>O prefixo legado-<code>editor<\/code> de classe foi removido dos scripts do editor de blocos e agora os desenvolvedores devem usar apenas o prefixo editor de blocos.<\/li>\n<li>A classe <code>edit-post-layout__content<\/code> foi removida do DOM do editor de blocos.<\/li>\n<li>V\u00e1rias embalagens de mergulho foram removidas dos RichText e o\u00a0outros\u00a0blocos como redundante.\u00a0Esta mudan\u00e7a traz melhorias significativas de desempenho e simplifica a \u00e1rvore DOM, que deve ser apreciada pelos <a href=\"https:\/\/kinsta.com\/blog\/wordpress-free-vs-paid-themes\/\">desenvolvedores de blocos e temas<\/a>.<\/li>\n<li>Os bloqueios e as margens negativas desapareceram. Os estilos de bloco devem mudar de acordo.<\/li>\n<\/ul>\n<p>Para uma vis\u00e3o detalhada sobre mudan\u00e7as no DOM e CSS, veja <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/02\/markup-and-style-related-changes\/\" target=\"_blank\" rel=\"noopener noreferrer\">Markup e mudan\u00e7as relacionadas ao estilo<\/a> no WordPress 5.4<\/p>\n<h4 id=\"block-scaffolding\">Andaime de bloco<\/h4>\n<p>Com o novo pacote @wordpress\/create-block Package for Block Scaffolding, os desenvolvedores t\u00eam uma nova maneira de gerar a estrutura de diret\u00f3rio para um plugin de editor de blocos. Esta estrutura tipicamente inclui index.php, index.js e style.css.<br \/>\nOs desenvolvedores de blocos podem agora simplesmente executar o seguinte comando:<\/p>\n<pre><code>$ npm init @wordpress\/block block-name<\/code><\/pre>\n<h4 id=\"block-collections\">Cole\u00e7\u00f5es de blocos<\/h4>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/27\/block-collections\/\">Cole\u00e7\u00f5es de blocos<\/a> fornecem uma forma de agrupar visualmente cole\u00e7\u00f5es de blocos no inseridor do editor de blocos. As cole\u00e7\u00f5es s\u00e3o diferentes das categorias e fornecem uma forma adicional de agrupar blocos.<\/p>\n<p>A nova API fornece uma nova fun\u00e7\u00e3o:<\/p>\n<pre><code class=\"language-javascript\">registerBlockCollection( namespace, { title, icon } );<\/code><\/pre>\n<ul>\n<li><code>namespace<\/code>: correspondido com um prefixo de bloco.<\/li>\n<li><code>title<\/code>: esta \u00e9 a etiqueta mostrada no inseridor de blocos.<\/li>\n<li><code>icon<\/code>: este \u00e9 o \u00edcone mostrado com o t\u00edtulo no inseridor de blocos.<\/li>\n<\/ul>\n<p>Introduzida com o<a href=\"https:\/\/make.wordpress.org\/core\/2020\/01\/22\/whats-new-in-gutenberg-22-january\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 7.3<\/a> e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/17609\" target=\"_blank\" rel=\"noopener noreferrer\">agora incorporada no n\u00facleo<\/a>, a nova API permite aos programadores de temas e blocos organizarem melhor os blocos, facilitando aos utilizadores a descoberta e a adi\u00e7\u00e3o de blocos ao conte\u00fado.<\/p>\n<h4 id=\"block-variations\">Varia\u00e7\u00f5es de Bloco<\/h4>\n<p>A <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/27\/introduce-block-variations-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">API de Varia\u00e7\u00f5es de Blocos<\/a> fornece um conjunto de fun\u00e7\u00f5es que permite aos desenvolvedores de blocos adicionar\/gerenciar\/remover varia\u00e7\u00f5es de blocos que os usu\u00e1rios podem escolher ao adicionar blocos ao conte\u00fado. O registro de uma nova varia\u00e7\u00e3o \u00e9 bastante simples (c\u00f3digo JS):<\/p>\n<pre><code class=\"language-javascript\">wp.blocks.registerBlockVariation( 'core\/heading', { \n\tname: 'green-text', \n\ttitle: 'Green Text', \n\tdescription: 'This block has green text. It overrides the default description.',  \n\tattributes: { \n\t\tcontent: 'Green Text', \n\t\ttextColor: 'vivid-green-cyan' \n\t}, \n\ticon: 'palmtree', \n\tscope: [ 'inserter' ] \n} );<\/code><\/pre>\n<ul>\n<li><code>blockName<\/code>: o nome do bloco (i.e. <code>core\/heading<\/code>).<\/li>\n<li><code>variation<\/code>: um objeto que descreve uma varia\u00e7\u00e3o para o tipo de bloco..<\/li>\n<\/ul>\n<ul>\n<li><code>name<\/code>: (<em>string<\/em>) o identificador \u00fanico da varia\u00e7\u00e3o.<\/li>\n<li><code>title<\/code>: (<em>string<\/em>) o t\u00edtulo da varia\u00e7\u00e3o leg\u00edvel por humanos.<\/li>\n<li><code>description<\/code>: (<em>string<\/em>) uma descri\u00e7\u00e3o detalhada.<\/li>\n<li><code><\/code>: (<em>WPIcon<\/em>) um \u00edcone para exibir no inseridor de blocos.<\/li>\n<li><code>[isDefault]<\/code>: (<em>boolean<\/em>) se a varia\u00e7\u00e3o atual \u00e9 a padr\u00e3o. Defaults para<code>false<\/code>.<\/li>\n<li><code>[attributes]<\/code>: (<em>Object<\/em>) vque substituem os atributos de bloco.<\/li>\n<li><code>[innerBlocks]<\/code>: (<em>Array[]<\/em>) configura\u00e7\u00e3o inicial do bloco aninhado.<\/li>\n<li><code>[example]<\/code>: (<em>Object<\/em>) dados estruturados para a visualiza\u00e7\u00e3o do bloco. Definir como\u00a0 indefinido para desativar a pr\u00e9-visualiza\u00e7\u00e3o.<\/li>\n<li><code>[scope]<\/code>: (<em>WPBlockVariationScope[]<\/em>) A lista de escopos onde a varia\u00e7\u00e3o \u00e9 aplic\u00e1vel. Quando n\u00e3o fornecida, ela assume todos os escopos dispon\u00edveis. Op\u00e7\u00f5es dispon\u00edveis: <code>block<\/code>, <code>inserter<\/code>.<\/li>\n<\/ul>\n<figure id=\"attachment_68709\" aria-describedby=\"caption-attachment-68709\" style=\"width: 1089px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-68709 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/variacoes-de-blocos-de-titulos.jpg\" alt=\"Varia\u00e7\u00f5es de blocos de t\u00edtulos\" width=\"1089\" height=\"862\"><figcaption id=\"caption-attachment-68709\" class=\"wp-caption-text\">Varia\u00e7\u00f5es de blocos de t\u00edtulos<\/figcaption><\/figure>\n<p>Para uma vis\u00e3o mais pr\u00f3xima na API de Varia\u00e7\u00f5es de Bloco, consulte <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/20068\" target=\"_blank\" rel=\"noopener noreferrer\">PR #20068<\/a>.<\/p>\n<h3 id=\"additional-features\">Recursos adicionais do Editor de Blocos que v\u00eam com o WordPress 5.4<\/h3>\n<p>Outras caracter\u00edsticas not\u00e1veis inclu\u00eddas no n\u00facleo com o WordPress 5.4:<\/p>\n<ul>\n<li>Um menu para alternar visualmente entre o modo de edi\u00e7\u00e3o e o modo de navega\u00e7\u00e3o (<a href=\"https:\/\/make.wordpress.org\/core\/2019\/12\/11\/whats-new-in-gutenberg-11-december\/\" target=\"_blank\" rel=\"noopener noreferrer\">7.1<\/a>)<\/li>\n<\/ul>\n<figure id=\"attachment_68695\" aria-describedby=\"caption-attachment-68695\" style=\"width: 429px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-68695 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/alternar-entre-o-modo-editar-seleccionar.jpg\" alt=\"Alternar entre o modo Editar Seleccionar\" width=\"429\" height=\"252\"><figcaption id=\"caption-attachment-68695\" class=\"wp-caption-text\">Alternar entre o modo Editar Selecionar<\/figcaption><\/figure>\n<ul>\n<li>Adicionado o t\u00edtulo ao bloco da tabela (<a href=\"https:\/\/make.wordpress.org\/core\/2019\/12\/11\/whats-new-in-gutenberg-11-december\/\" target=\"_blank\" rel=\"noopener noreferrer\">7.1<\/a>)<\/li>\n<\/ul>\n<figure id=\"attachment_68713\" aria-describedby=\"caption-attachment-68713\" style=\"width: 1270px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-68713 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/tabela-legenda.png\" alt=\"Uma tabela com uma legenda no WordPress 5.4\" width=\"1270\" height=\"460\"><figcaption id=\"caption-attachment-68713\" class=\"wp-caption-text\">Uma tabela com uma legenda no WordPress 5.4<\/figcaption><\/figure>\n<ul>\n<li>Arrastar e soltar imagens para a caixa de imagens em destaque (<a href=\"https:\/\/make.wordpress.org\/core\/2019\/12\/11\/whats-new-in-gutenberg-11-december\/\" target=\"_blank\" rel=\"noopener noreferrer\">7.1<\/a>)<\/li>\n<\/ul>\n<figure id=\"attachment_68690\" aria-describedby=\"caption-attachment-68690\" style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-68690 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/arrastar-e-soltar-imagem-em-destaque.jpg\" alt=\"Arrastar e soltar imagem em destaque\" width=\"280\" height=\"188\"><figcaption id=\"caption-attachment-68690\" class=\"wp-caption-text\">Arrastar e soltar imagem em destaque<\/figcaption><\/figure>\n<ul>\n<li>Barra de ferramentas de bloco fixo no m\u00f3vel (<a href=\"https:\/\/make.wordpress.org\/core\/2019\/12\/11\/whats-new-in-gutenberg-11-december\/\">7.1<\/a>)<\/li>\n<\/ul>\n<figure id=\"attachment_68688\" aria-describedby=\"caption-attachment-68688\" style=\"width: 540px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-68688 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/barra-de-ferramentas-de-bloco-no-celular.jpg\" alt=\"Barra de ferramentas de bloco no celular\" width=\"540\" height=\"617\"><figcaption id=\"caption-attachment-68688\" class=\"wp-caption-text\">Barra de ferramentas de bloco no celular<\/figcaption><\/figure>\n<ul>\n<li>Adicionado o seletor de tamanho de imagem ao bloco da Galeria (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/01\/09\/whats-new-in-gutenberg-8-january\/\">7.2<\/a>)<\/li>\n<\/ul>\n<figure id=\"attachment_68693\" aria-describedby=\"caption-attachment-68693\" style=\"width: 985px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-68693 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/configuracoes-de-blocos-de-galeria.jpg\" alt=\"Configura\u00e7\u00f5es de blocos de galeria\" width=\"985\" height=\"361\"><figcaption id=\"caption-attachment-68693\" class=\"wp-caption-text\">Configura\u00e7\u00f5es de blocos de galeria<\/figcaption><\/figure>\n<ul>\n<li>Adicionados links para imagens no bloco M\u00eddia &#038; Texto (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/01\/09\/whats-new-in-gutenberg-8-january\/\" target=\"_blank\" rel=\"noopener noreferrer\">7.2<\/a>)<\/li>\n<\/ul>\n<figure id=\"attachment_68226\" aria-describedby=\"caption-attachment-68226\" style=\"width: 1866px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-68226 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/media-bloco.jpg\" alt=\"Adicionar links para imagens em Media &#038; Bloco de texto\" width=\"1866\" height=\"618\"><figcaption id=\"caption-attachment-68226\" class=\"wp-caption-text\">Adicionar links para imagens em Media &#038; Bloco de texto<\/figcaption><\/figure>\n<h2>Recursos e melhorias para desenvolvedores do WordPress<\/h2>\n<p><a href=\"https:\/\/kinsta.com\/pt\/blog\/contrate-um-desenvolvedor-do-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Os desenvolvedores<\/a> devem se beneficiar de v\u00e1rias novas adi\u00e7\u00f5es que vir\u00e3o com o WordPress 5.4.<\/p>\n<p>As nossas altera\u00e7\u00f5es favoritas incluem o seguinte:<\/p>\n<ul>\n<li><a href=\"#calendar-widget\">Um Widget de Calend\u00e1rio Semanticamente Correto e Novas Classes de CSS<\/a><\/li>\n<li><a href=\"#apply-shortcodes\">C\u00f3digos curtos em PHP Scripts<\/a><\/li>\n<li><a href=\"#favicon\">Melhorias no manuseio de Favicon Handling no WordPress 5.4<\/a><\/li>\n<li><a href=\"#custom-fields-to-menu-items\">Novos ganchos para adicionar campos personalizados aos itens do menu<\/a><\/li>\n<li><a href=\"#additional-changes-for-developers\">Mudan\u00e7as adicionais para os desenvolvedores<\/a><\/li>\n<\/ul>\n<h3><strong>Um Widget de Calend\u00e1rio Semanticamente Correto e Novas Classes de CSS<\/strong><\/h3>\n<p>A <a href=\"https:\/\/www.w3.org\/TR\/html51\/\" target=\"_blank\" rel=\"noopener noreferrer\">especifica\u00e7\u00e3o HTML 5.1<\/a> <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/12\/changes-related-to-calendar-widget-markup-in-wordpress-5-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">mudou a forma como<\/a> os elementos <code>tfoot<\/code> t\u00eam de ser usados nas tabelas. Antes do HTML 5.1 os elementos <code>tfoot<\/code> poderiam preceder o elemento tbody. O novo spec muda as coisas e agora o <code>tfoot<\/code><strong> deve<\/strong> seguir o tbody.<\/p>\n<figure id=\"attachment_68227\" aria-describedby=\"caption-attachment-68227\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-68227 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/antigo-widget-de-calend\u00e1rio.png\" alt=\"Antigo widget de calend\u00e1rio\" width=\"1200\" height=\"820\"><figcaption id=\"caption-attachment-68227\" class=\"wp-caption-text\">Antigo widget de calend\u00e1rio<\/figcaption><\/figure>\n<p>O widget do calend\u00e1rio WordPress muda de acordo. A partir do WordPress 5.4, os links de navega\u00e7\u00e3o passam para um elemento de <code>nav<\/code> fora da tabela do calend\u00e1rio.<\/p>\n<p>Foi uma <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/39763\">mudan\u00e7a muito esperada<\/a> tendo em vista que a <code>nav<\/code> \u00e9 o <a href=\"https:\/\/html.spec.whatwg.org\/multipage\/sections.html#the-nav-element\">elemento HTML mais apropriado para links de navega\u00e7\u00e3o<\/a> em qualquer contesto, e tamb\u00e9m pode ajudar a melhorar a acessibilidade de leitores de tela. De acordo com a <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/nav#Usage_notes\">documenta\u00e7\u00e3o do Mozilla<\/a>:<\/p>\n<blockquote><p>Um documento pode ter v\u00e1rios elementos <code>&lt;nav&gt;<\/code>, por exemplo, um para <a href=\"https:\/\/kinsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/\">navega\u00e7\u00e3o no site<\/a> e outro para navega\u00e7\u00e3o intra-p\u00e1gina. aria-labelledby pode ser usado em tal caso para promover a acessibilidade&#8230;<\/p>\n<p>Os agentes do usu\u00e1rio, como leitores de tela direcionados a usu\u00e1rios deficientes, podem usar este elemento para determinar se devem omitir a renderiza\u00e7\u00e3o inicial do conte\u00fado apenas de navega\u00e7\u00e3o.<\/p><\/blockquote>\n<p>Al\u00e9m disso, as seguintes <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/39763#comment:38\" target=\"_blank\" rel=\"noopener noreferrer\">classes CSS foram introduzidas<\/a> em <code>get_calendar()<\/code> para facilitar a segmenta\u00e7\u00e3o:<\/p>\n<ul>\n<li><code>wp-calendar-table<\/code> para o elemento <code>table<\/code>.<\/li>\n<li><code>wp-calendar-nav<\/code> para o elemento de <code>nav<\/code>.<\/li>\n<li><code>wp-calendar-nav-prev<\/code> para o link do m\u00eas anterior, substituindo o <code>#prev<\/code> ID.<\/li>\n<li><code>wp-calendar-nav-next<\/code> para o link do pr\u00f3ximo m\u00eas, substituindo <code>#next<\/code> ID.<\/li>\n<\/ul>\n<p>O snippet abaixo mostra a nova estrutura HTML do calend\u00e1rio:<\/p>\n<pre><code class=\"language-html\">&lt;div class=\"widget widget_calendar\"&gt;\n\t&lt;div class=\"widget-content\"&gt;\n\t\t&lt;div id=\"calendar_wrap\" class=\"calendar_wrap\"&gt;\n\t\t\t&lt;table id=\"wp-calendar\" class=\"wp-calendar-table\"&gt;\n\t\t\t\t&lt;caption&gt;February 2020&lt;\/caption&gt;\n\t\t\t\t&lt;thead&gt;\n\t\t\t\t\t&lt;tr&gt;&lt;!-- Day names --&gt;&lt;\/tr&gt;\n\t\t\t\t&lt;\/thead&gt;\n\t\t\t\t&lt;tbody&gt;\n\t\t\t\t\t&lt;!-- Calendar cells --&gt;\n\t\t\t\t&lt;\/tbody&gt;\n\t\t\t&lt;\/table&gt;\n\t\t\t&lt;nav aria-label=\"Previous and next months\" class=\"wp-calendar-nav\"&gt;\n\t\t\t\t&lt;span class=\"wp-calendar-nav-prev\"&gt;&lt;a href=\"http:\/\/example.com\/?m=201912\"&gt;&laquo; Dec&lt;\/a&gt;&lt;\/span&gt;\n\t\t\t\t&lt;span class=\"pad\"&gt;&nbsp;&lt;\/span&gt;\n\t\t\t\t&lt;span class=\"wp-calendar-nav-next\"&gt;&nbsp;&lt;\/span&gt;\n\t\t\t&lt;\/nav&gt;\n\t\t&lt;\/div&gt;\n\t&lt;\/div&gt;\n&lt;\/div&gt;<\/code><\/pre>\n<p><a href=\"https:\/\/kinsta.com\/pt\/blog\/temas-wordpress-mais-rapidos\/\" target=\"_blank\" rel=\"noopener noreferrer\">Os desenvolvedores de temas<\/a> podem querer mudar suas folhas de estilo de acordo.<\/p>\n<figure id=\"attachment_68228\" aria-describedby=\"caption-attachment-68228\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-68228 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/novo-widget-de-calendario.png\" alt=\"Novo widget de calend\u00e1rio\" width=\"1200\" height=\"870\"><figcaption id=\"caption-attachment-68228\" class=\"wp-caption-text\">Novo widget de calend\u00e1rio<\/figcaption><\/figure>\n<h3 id=\"apply-shortcodes\">C\u00f3digos curtos em PHP Scripts<\/h3>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/13\/wordpress-5-4-introduces-apply-shortcodes-as-an-alias-for-do-shortcode\/\" target=\"_blank\" rel=\"noopener noreferrer\">O WordPress 5.4 introduz<\/a> a fun\u00e7\u00e3o <code>apply_shortcodes()<\/code> como um apelido para <code>do_shortcode()<\/code>, que nos permite <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/do_shortcode\/\" target=\"_blank\" rel=\"noopener noreferrer\">utilizar um atalho em um arquivo PHP<\/a>.<\/p>\n<p>Do ponto de vista sem\u00e2ntico, podemos esperar ver o resultado das fun\u00e7\u00f5es <code>do_*<\/code> simplesmente chamando a pr\u00f3pria fun\u00e7\u00e3o. Mas esse n\u00e3o \u00e9 o caso do c\u00f3digo <code>do_shortcode<\/code>. Para imprimir a sa\u00edda do atalho especificado, o <code>do_shortcode<\/code> tem de ser ecoado:<\/p>\n<pre><code class=\"language-php\">\/\/ Mostra o resultado do c\u00f3digo de atalho\necho do_shortcode( '[shortcode]' . $text . '[\/shortcode]' );<\/code><\/pre>\n<p>O WordPress 5.4 muda um pouco as coisas com a introdu\u00e7\u00e3o de <code>apply_shortcodes()<\/code>, que funciona do mesmo modo que <code>do_shortcode()<\/code>, mas permite que os desenvolvedores construam c\u00f3digos mais leg\u00edveis e semanticamente corretos:<\/p>\n<pre><code class=\"language-php\">\/\/ Mostra o resultado do c\u00f3digo de atalho \necho apply_shortcodes( '[shortcode]' . $text . '[\/shortcode]' );<\/code><\/pre>\n<p>A partir do WordPress 5.4 RC 2, <code>do_shortcode()<\/code> n\u00e3o est\u00e1 planejado para ser depreciado porque \u00e9 amplamente utilizado em plugins de terceiros.<\/p>\n<h3 id=\"favicon\">Melhorias no manuseio de Favicon Handling no WordPress 5.4<\/h3>\n<p>Com o WordPress 5.4, os desenvolvedores de temas podem lidar com solicita\u00e7\u00f5es de <a href=\"https:\/\/kinsta.com\/pt\/blog\/favicon-no-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">favicons<\/a> com muito mais flexibilidade e v\u00e1rias novas fun\u00e7\u00f5es permitem gerenciar favicons da mesma forma que as fun\u00e7\u00f5es relacionadas ao robots.txt. <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/47398#comment:10\" target=\"_blank\" rel=\"noopener noreferrer\">Sergey Biryukov explica<\/a>:<\/p>\n<p>Um pedido para <code>favicon.ico<\/code> deve ser tratado da mesma forma que n\u00f3s tratamos <code>robots.txt<\/code> com <code>do_robots()<\/code>:<\/p>\n<ul>\n<li>Se existir um ficheiro f\u00edsico, n\u00e3o fa\u00e7a nada e deixe o servidor tratar do pedido.<\/li>\n<li>Caso contr\u00e1rio, sirva um \u00edcone de retorno (ver abaixo).<\/li>\n<\/ul>\n<p>Ent\u00e3o, se um arquivo f\u00edsico <code>favicon.ico<\/code> n\u00e3o \u00e9 fornecido, aqui est\u00e1 como o WordPress lida com ele:<\/p>\n<ul>\n<li>Se houver um conjunto de \u00edcones no Customizer, ele redireciona <code>\/favicon.ico<\/code> para aquele \u00edcone espec\u00edfico.<\/li>\n<li>Se n\u00e3o houver um conjunto de \u00edcones, ent\u00e3o ele usa o logotipo do WordPress (<code>wp-admin\/images\/w-logo-blue.png<\/code>) como uma op\u00e7\u00e3o de recurso.<\/li>\n<\/ul>\n<p>Uma m\u00e3o-cheia de novas fun\u00e7\u00f5es e ganchos complementam as fun\u00e7\u00f5es\/anelhetes relacionados com os <code>robots.txt<\/code> correspondentes:<\/p>\n<ul>\n<li>A nova fun\u00e7\u00e3o <code>is_favicon()<\/code> complementa <code>is_robots()<\/code>.<\/li>\n<li>A a\u00e7\u00e3o <code>do_favicon<\/code> complementa o <a href=\"https:\/\/developer.wordpress.org\/reference\/hooks\/do_robots\/\" target=\"_blank\" rel=\"noopener noreferrer\"><code>do_robots<\/code><\/a> e \u00e9 acionada quando o carregador de modelos determina uma solicita\u00e7\u00e3o de favicon.<\/li>\n<li>A fun\u00e7\u00e3o <code>do_favicon()<\/code> est\u00e1 ligada \u00e0 a\u00e7\u00e3o <code>do_favicon<\/code> e <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/do_robots\/\" target=\"_blank\" rel=\"noopener noreferrer\">complementa o <code>do_robots()<\/code><\/a>.<\/li>\n<li>A a\u00e7\u00e3o <code>do_favicon<\/code> complementa o <code>do_robotstxt<\/code> e permite que os desenvolvedores superem o comportamento padr\u00e3o.<\/li>\n<\/ul>\n<p>Leia mais sobre o <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/19\/enhancements-to-favicon-handling-in-wordpress-5-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">manejo de favores<\/a>.<\/p>\n<h3 id=\"custom-fields-to-menu-items\">Novos ganchos para adicionar campos personalizados aos itens do menu<\/h3>\n<p>Com o WordPress 5.4, os desenvolvedores podem usar <a href=\"https:\/\/kinsta.com\/pt\/blog\/hooks-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">dois novos ganchos de a\u00e7\u00e3o<\/a> para adicionar campos personalizados aos itens do menu.<\/p>\n<p>O <code>wp_nav_menu_item_item_custom_fields<\/code> \u00e9 acionado imediatamente antes de um item do menu de navega\u00e7\u00e3o ser adicionado ao editor do menu de administra\u00e7\u00e3o. Veja o exemplo abaixo:<\/p>\n<pre><code class=\"language-php\">function kinsta_add_menu_item_custom_field() {\n\techo '&lt;p class=\"menu-item-custom-field\"&gt;Hey! This is an example for Kinsta blog readers!&lt;\/p&gt;';\n}\nadd_action( 'wp_nav_menu_item_custom_fields', 'kinsta_add_menu_item_custom_field' );<\/code><\/pre>\n<figure id=\"attachment_68229\" aria-describedby=\"caption-attachment-68229\" style=\"width: 448px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-68229 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/campos-personalizados-nos-itens-do-menu-de-navegacao.jpg\" alt=\"Campos personalizados nos itens do menu de navega\u00e7\u00e3o\" width=\"448\" height=\"405\"><figcaption id=\"caption-attachment-68229\" class=\"wp-caption-text\">Campos personalizados nos itens do menu de navega\u00e7\u00e3o<\/figcaption><\/figure>\n<p>O novo gancho de a\u00e7\u00e3o suporta cinco par\u00e2metros que voc\u00ea pode usar para afinar o comportamento do campo personalizado:<\/p>\n<ul>\n<li><code>$item_id<\/code>: o item de menu ID (n\u00famero inteiro).<\/li>\n<li><code>$item<\/code>: o objeto de dados do item de menu (objeto).<\/li>\n<li><code>$depth<\/code>: a profundidade do item do menu (inteiro).<\/li>\n<li><code>$args<\/code>: um objeto de argumentos de item de menu (objeto).<\/li>\n<li><code>$id<\/code>: o ID do Menu de Navega\u00e7\u00e3o (n\u00famero inteiro).<\/li>\n<\/ul>\n<p>O <code>wp_nav_menu_item_item_custom_fields_customize_template<\/code> funciona da mesma forma que o <code>wp_nav_menu_item_custom_fields<\/code>, mas \u00e9 acionado no final do modelo form-fields para os itens do menu de navega\u00e7\u00e3o no Customizer. A imagem abaixo mostra a se\u00e7\u00e3o Menus do Customizer no WordPress 5.4.<\/p>\n<figure id=\"attachment_68230\" aria-describedby=\"caption-attachment-68230\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-68230 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/personalizados-nos-itens-do-menu-de-navegacao.jpg\" alt=\"Campos personalizados nos itens do menu de navega\u00e7\u00e3o\" width=\"300\" height=\"475\"><figcaption id=\"caption-attachment-68230\" class=\"wp-caption-text\">Campos personalizados nos itens do menu de navega\u00e7\u00e3o<\/figcaption><\/figure>\n<h3 id=\"additional-changes-for-developers\">Mudan\u00e7as adicionais para os desenvolvedores<\/h3>\n<p>Outras mudan\u00e7as para desenvolvedores e usu\u00e1rios avan\u00e7ados que v\u00eam com o WordPress 5.4 incluem:<\/p>\n<ul>\n<li>Mais <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/26\/miscellaneous-developer-focused-changes-in-wordpress-5-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">informa\u00e7\u00f5es sobre erros<\/a> que causam falha no login gra\u00e7as a um novo par\u00e2metro <code>$error<\/code> agora suportado pela a\u00e7\u00e3o <code>wp_login_failed<\/code>.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/pt\/blog\/hooks-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Notifica\u00e7\u00e3o administrativa personaliz\u00e1vel<\/a> no <a href=\"https:\/\/kinsta.com\/pt\/hospedagem-wordpress\/multisite\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Multisite,<\/a> dependendo do ID do site.<\/li>\n<li>O novo valor meta do post <code>_source_url<\/code> agora permite <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/26\/miscellaneous-developer-focused-changes-in-wordpress-5-4\/\">armazenar a URL original para arquivos de m\u00eddia<\/a>.<\/li>\n<li>A <a style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\" href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/26\/miscellaneous-developer-focused-changes-in-wordpress-5-4\/\">Barra Admin est\u00e1 agora carregada<\/a> em <code>wp_body_open<\/code> em vez de <code>wp_footer<\/code>.<\/li>\n<li>V\u00e1rias <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/29\/rest-api-changes-in-5-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">mudan\u00e7as no REST API<\/a>.<\/li>\n<\/ul>\n<h2>Como instalar uma vers\u00e3o de desenvolvimento do WordPress<\/h2>\n<p>Se voc\u00ea gostaria de ter certeza que seus temas e plugins s\u00e3o totalmente compat\u00edveis com o WordPress 5.4 ou se voc\u00ea est\u00e1 apenas curioso sobre novos recursos que v\u00eam com a \u00faltima vers\u00e3o do WordPress, voc\u00ea pode instalar a vers\u00e3o de desenvolvimento atual com poucos cliques.<\/p>\n<p>Voc\u00ea tem duas maneiras de <a href=\"https:\/\/make.wordpress.org\/core\/handbook\/testing\/beta-testing\/\" target=\"_blank\" rel=\"noopener noreferrer\">instalar uma vers\u00e3o do WordPress Beta\/RC<\/a>:<\/p>\n<ul>\n<li>Instale o plugin <a href=\"https:\/\/wordpress.org\/plugins\/wordpress-beta-tester\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Beta Tester<\/a> e execute a instala\u00e7\u00e3o no painel de controle de um ambiente WordPress existente.<\/li>\n<li>Baixe e instale o Beta\/RC atual manualmente. Voc\u00ea pode obter o &#8220;<a href=\"https:\/\/wordpress.org\/nightly-builds\/wordpress-latest.zip\" target=\"_blank\" rel=\"noopener noreferrer\">nightly&#8221; build<\/a>, que \u00e9 criado a partir do reposit\u00f3rio Subversion. Se voc\u00ea estiver procurando uma <a href=\"https:\/\/kinsta.com\/pt\/blog\/verificar-a-sua-versao-wordpress\/\">vers\u00e3o espec\u00edfica do WordPress<\/a>, est\u00e1vel ou em desenvolvimento, voc\u00ea pode verificar o <a href=\"https:\/\/wordpress.org\/news\/category\/releases\/\" target=\"_blank\" rel=\"noopener noreferrer\">Arquivo de Categoria de Lan\u00e7amentos<\/a>.<\/li>\n<\/ul>\n<p>Se voc\u00ea decidir instalar o plugin Beta tester, voc\u00ea precisar\u00e1 primeiro configurar uma instala\u00e7\u00e3o regular do WordPress, seja em sua m\u00e1quina local ou em seu <a href=\"https:\/\/kinsta.com\/pt\/docs\/hospedagem-de-wordpress\/ambiente-de-teste\/\" target=\"_blank\" rel=\"noopener noreferrer\">ambiente de teste<\/a>.<\/p>\n<p>Assim que o seu site WordPress estiver instalado e funcionando, navegue at\u00e9<strong> Plugins \u2192 Adicionar novo<\/strong> e procurar pelo plugin do <a href=\"https:\/\/wordpress.org\/plugins\/wordpress-beta-tester\/\">WordPress Beta Tester<\/a>.<\/p>\n<p>O plugin fornece uma maneira r\u00e1pida e f\u00e1cil de testar o WordPress, permitindo instalar e\/ou atualizar o Beta ou Release Candidate atual com o clique de um bot\u00e3o.<\/p>\n<figure id=\"attachment_68231\" aria-describedby=\"caption-attachment-68231\" style=\"width: 2290px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-68231 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/03\/wordpress-beta-tester.jpg\" alt=\"Instalar o plugin do WordPress Beta Tester\" width=\"2290\" height=\"806\"><figcaption id=\"caption-attachment-68231\" class=\"wp-caption-text\">Instalar o plugin do WordPress Beta Tester<\/figcaption><\/figure>\n<p>Ent\u00e3o, <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-instalar-plugins-no-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">instale e ative o plugin como de costume<\/a>.<\/p>\n<p>Navegue at\u00e9<strong> Ferramentas \u2192 Beta Testing<\/strong> e marque a op\u00e7\u00e3o<strong> Bleeding edge nightlies<\/strong> e salve as altera\u00e7\u00f5es.<\/p>\n<p>Depois disso, navegue at\u00e9 a tela do<strong> Painel \u2192 Updates<\/strong> e clique no bot\u00e3o<strong> Update Now<\/strong>.<\/p>\n<figure id=\"attachment_68232\" aria-describedby=\"caption-attachment-68232\" style=\"width: 1638px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-68232 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/tela-de-atualizacoes-do-wordpress.jpg\" alt=\"Tela de Atualiza\u00e7\u00f5es do WordPress\" width=\"1638\" height=\"828\"><figcaption id=\"caption-attachment-68232\" class=\"wp-caption-text\">Tela de Atualiza\u00e7\u00f5es do WordPress<\/figcaption><\/figure>\n<p>O WordPress ir\u00e1 agora baixar e instalar o seguinte pacote:<\/p>\n<pre><code>https:\/\/wordpress.org\/nightly-builds\/wordpress-latest.zip<\/code><\/pre>\n<p>Uma vez conclu\u00edda a instala\u00e7\u00e3o, voc\u00ea ser\u00e1 redirecionado para a p\u00e1gina tempor\u00e1ria do WordPress About.<\/p>\n<figure id=\"attachment_68233\" aria-describedby=\"caption-attachment-68233\" style=\"width: 1458px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-68233 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/progresso-da-atualizacao-do-wordpress.jpg\" alt=\"Progresso da atualiza\u00e7\u00e3o do WordPress\" width=\"1458\" height=\"958\"><figcaption id=\"caption-attachment-68233\" class=\"wp-caption-text\">Progresso da atualiza\u00e7\u00e3o do WordPress<\/figcaption><\/figure>\n<p>E \u00e9 s\u00f3 isso. Agora voc\u00ea est\u00e1 pronto para executar seus testes nas vers\u00f5es WordPress Beta e RC.<\/p>\n<p>Consulte a documenta\u00e7\u00e3o oficial para mais informa\u00e7\u00f5es sobre os <a href=\"https:\/\/make.wordpress.org\/core\/handbook\/testing\/beta\/\" target=\"_blank\" rel=\"noopener noreferrer\">testes do WordPress Beta<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-warning\">\n        <p><strong>As vers\u00f5es de desenvolvimento n\u00e3o se destinam a ser utilizadas na produ\u00e7\u00e3o<\/strong>. Sinta-se \u00e0 vontade para instal\u00e1-las <a href=\"https:\/\/kinsta.com\/pt\/docs\/hospedagem-de-wordpress\/ambiente-de-teste\/\" target=\"_blank\" rel=\"noopener noreferrer\">no seu ambiente de produ\u00e7\u00e3o<\/a> ou <a href=\"https:\/\/kinsta.com\/pt\/blog\/instalar-wordpress-localmente\/\" target=\"_blank\" rel=\"noopener noreferrer\">na sua m\u00e1quina local<\/a>, mas nunca as utilize no seu local de produ\u00e7\u00e3o<\/p>\n<\/aside>\n\n<h2>Resumo<\/h2>\n<p>Com dez vers\u00f5es do plugin Gutenberg fundidas no n\u00facleo, o WordPress 5.4 est\u00e1 principalmente focado no Editor de Blocos. Temos dois novos blocos, atalhos personalizados, melhor usabilidade e acessibilidade, e podemos esperar <a href=\"https:\/\/make.wordpress.org\/core\/2019\/12\/06\/update-9-projects-for-2019\/\" target=\"_blank\" rel=\"noopener noreferrer\">novos desenvolvimentos num futuro pr\u00f3ximo<\/a>.<\/p>\n<p>Mas h\u00e1 ainda mais:<\/p>\n<ul>\n<li>Um widget de estado de sa\u00fade do site foi adicionado ao painel, facilitando ao usu\u00e1rio a verifica\u00e7\u00e3o da sa\u00fade, <a href=\"https:\/\/kinsta.com\/pt\/blog\/seguranca-wordpres\/\" target=\"_blank\" rel=\"noopener noreferrer\">seguran\u00e7a<\/a> e <a href=\"https:\/\/kinsta.com\/pt\/blog\/desempenho-terceiros\/\" target=\"_blank\" rel=\"noopener noreferrer\">desempenho<\/a> do site.<\/li>\n<li>Melhor gerenciamento de foco, navega\u00e7\u00e3o de teclado mais f\u00e1cil e um Guia de Pol\u00edticas de Privacidade mais f\u00e1cil de ler, melhorando a acessibilidade no celular e no desktop.<\/li>\n<li>V\u00e1rias <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/02\/privacy-updates-in-5-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">mudan\u00e7as nas ferramentas de privacidade<\/a> simplificando o UX ao exportar dados pessoais.<\/li>\n<\/ul>\n<figure id=\"attachment_68234\" aria-describedby=\"caption-attachment-68234\" style=\"width: 1244px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-68234 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/novo-widget-de-estado-de-saude-do-site.png\" alt=\"O novo widget de Estado de Sa\u00fade do Site\" width=\"1244\" height=\"370\"><figcaption id=\"caption-attachment-68234\" class=\"wp-caption-text\">O novo widget de Estado de Sa\u00fade do Site<\/figcaption><\/figure>\n<p>Agora \u00e9 a tua vez. Qual \u00e9 a sua opini\u00e3o sobre o WordPress 5.4? Que mudan\u00e7as e caracter\u00edsticas voc\u00ea mais gosta? Diga-nos nos coment\u00e1rios!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 5.4 &#8220;Adderley&#8221; foi lan\u00e7ado em 31 de mar\u00e7o de 2020, e est\u00e1 dispon\u00edvel para download. Ent\u00e3o, \u00e9 hora de mergulharmos fundo nas mais interessantes novidades &#8230;<\/p>\n","protected":false},"author":36,"featured_media":36090,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[74,30],"topic":[1038],"class_list":["post-36055","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-cms","tag-wordpress","topic-atualizacoes-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Introdu\u00e7\u00e3o ao WordPress 5.4 (Blocos, Caracter\u00edsticas, Novas APIs)<\/title>\n<meta name=\"description\" content=\"WordPress 5.4 \u00e9 a \u00faltima vers\u00e3o do WordPress que se concentra principalmente no editor de blocos. Confira todas as novas funcionalidades e melhorias no WordPress 5.4.\" \/>\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-5-4\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introdu\u00e7\u00e3o ao WordPress 5.4 (Blocos, Caracter\u00edsticas, Novas APIs)\" \/>\n<meta property=\"og:description\" content=\"WordPress 5.4 \u00e9 a \u00faltima vers\u00e3o do WordPress que se concentra principalmente no editor de blocos. Confira todas as novas funcionalidades e melhorias no WordPress 5.4.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/\" \/>\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=\"2020-03-11T09:04:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-26T13:37:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/wordpress-5-4.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=\"WordPress 5.4 \u00e9 a \u00faltima vers\u00e3o do WordPress que se concentra principalmente no editor de blocos. Confira todas as novas funcionalidades e melhorias no WordPress 5.4.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/wordpress-5-4.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=\"26 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-5-4\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Introdu\u00e7\u00e3o ao WordPress 5.4 (Blocos, Caracter\u00edsticas, Novas APIs)\",\"datePublished\":\"2020-03-11T09:04:59+00:00\",\"dateModified\":\"2025-02-26T13:37:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/\"},\"wordCount\":4328,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/wordpress-5-4.png\",\"keywords\":[\"CMS\",\"WordPress\"],\"articleSection\":[\"Not\u00edcias WordPress\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/\",\"name\":\"Introdu\u00e7\u00e3o ao WordPress 5.4 (Blocos, Caracter\u00edsticas, Novas APIs)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/wordpress-5-4.png\",\"datePublished\":\"2020-03-11T09:04:59+00:00\",\"dateModified\":\"2025-02-26T13:37:26+00:00\",\"description\":\"WordPress 5.4 \u00e9 a \u00faltima vers\u00e3o do WordPress que se concentra principalmente no editor de blocos. Confira todas as novas funcionalidades e melhorias no WordPress 5.4.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/wordpress-5-4.png\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/wordpress-5-4.png\",\"width\":1460,\"height\":730,\"caption\":\"WordPress 5.4\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/#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\":\"Introdu\u00e7\u00e3o ao WordPress 5.4 (Blocos, Caracter\u00edsticas, Novas APIs)\"}]},{\"@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":"Introdu\u00e7\u00e3o ao WordPress 5.4 (Blocos, Caracter\u00edsticas, Novas APIs)","description":"WordPress 5.4 \u00e9 a \u00faltima vers\u00e3o do WordPress que se concentra principalmente no editor de blocos. Confira todas as novas funcionalidades e melhorias no WordPress 5.4.","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-5-4\/","og_locale":"pt_PT","og_type":"article","og_title":"Introdu\u00e7\u00e3o ao WordPress 5.4 (Blocos, Caracter\u00edsticas, Novas APIs)","og_description":"WordPress 5.4 \u00e9 a \u00faltima vers\u00e3o do WordPress que se concentra principalmente no editor de blocos. Confira todas as novas funcionalidades e melhorias no WordPress 5.4.","og_url":"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2020-03-11T09:04:59+00:00","article_modified_time":"2025-02-26T13:37:26+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/wordpress-5-4.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"WordPress 5.4 \u00e9 a \u00faltima vers\u00e3o do WordPress que se concentra principalmente no editor de blocos. Confira todas as novas funcionalidades e melhorias no WordPress 5.4.","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/wordpress-5-4.png","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Carlo Daniele","Tempo estimado de leitura":"26 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Introdu\u00e7\u00e3o ao WordPress 5.4 (Blocos, Caracter\u00edsticas, Novas APIs)","datePublished":"2020-03-11T09:04:59+00:00","dateModified":"2025-02-26T13:37:26+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/"},"wordCount":4328,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/wordpress-5-4.png","keywords":["CMS","WordPress"],"articleSection":["Not\u00edcias WordPress"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/","url":"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/","name":"Introdu\u00e7\u00e3o ao WordPress 5.4 (Blocos, Caracter\u00edsticas, Novas APIs)","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/wordpress-5-4.png","datePublished":"2020-03-11T09:04:59+00:00","dateModified":"2025-02-26T13:37:26+00:00","description":"WordPress 5.4 \u00e9 a \u00faltima vers\u00e3o do WordPress que se concentra principalmente no editor de blocos. Confira todas as novas funcionalidades e melhorias no WordPress 5.4.","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/wordpress-5-4.png","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/03\/wordpress-5-4.png","width":1460,"height":730,"caption":"WordPress 5.4"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-4\/#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":"Introdu\u00e7\u00e3o ao WordPress 5.4 (Blocos, Caracter\u00edsticas, Novas APIs)"}]},{"@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\/36055","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=36055"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/36055\/revisions"}],"predecessor-version":[{"id":53735,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/36055\/revisions\/53735"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36055\/translations\/en"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36055\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36055\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36055\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36055\/translations\/it"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36055\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36055\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36055\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36055\/translations\/se"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36055\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/36090"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=36055"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=36055"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=36055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}