{"id":38840,"date":"2020-08-09T10:00:39","date_gmt":"2020-08-09T13:00:39","guid":{"rendered":"https:\/\/kinsta.com\/?p=77421"},"modified":"2025-02-17T11:09:32","modified_gmt":"2025-02-17T14:09:32","slug":"novo-wordpress-5-5","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/","title":{"rendered":"O Que H\u00e1 de Novo no WordPress 5.5 &#8211; Um Mergulho Profundo Em Um Lan\u00e7amento (\u00c9pico)"},"content":{"rendered":"<p>O WordPress 5.5 &#8220;Eckstine&#8221; foi lan\u00e7ado, e est\u00e1 na hora de introduzirmos as mudan\u00e7as e caracter\u00edsticas mais not\u00e1veis adicionadas ao Core com o segundo lan\u00e7amento do WordPress do ano.<\/p>\n<p>Hoje em dia, estamos acostumados a ver muitas adi\u00e7\u00f5es ao editor de blocos a cada vers\u00e3o do WordPress. O WordPress 5.5 n\u00e3o \u00e9 exce\u00e7\u00e3o!<\/p>\n<p>Esta vers\u00e3o tamb\u00e9m traz toneladas de mudan\u00e7as n\u00e3o relacionadas com o editor que devem ter um grande impacto na forma como usamos o <a href=\"https:\/\/kinsta.com\/pt\/blog\/sistema-de-gerenciamento-de-conteudo\/\" target=\"_blank\" rel=\"noopener noreferrer\">CMS<\/a>,<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Estamos organizando um webinar gratuito para ilustrar e discutir o que est\u00e1 por vir no WordPress 5.5, <a href=\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/\">certifique-se de se juntar a n\u00f3s!<\/a><\/p>\n<\/aside>\n\n<p>Enquanto o WordPress 5.5 traz muitas mudan\u00e7as ao WordPress Core, v\u00e1rias caracter\u00edsticas esperadas com 5.5 foram adiadas e removidas desta vers\u00e3o por causa de <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/02\/editor-features-for-wordpress-5-5-update\/\" target=\"_blank\" rel=\"noopener noreferrer\">v\u00e1rias quest\u00f5es n\u00e3o resolvidas<\/a>. Portanto, edi\u00e7\u00e3o completa do site, bloco de navega\u00e7\u00e3o, tela de navega\u00e7\u00e3o e tela widget n\u00e3o fazem parte do WordPress 5.5.<\/p>\n<p>Se voc\u00ea quiser ler mais sobre o <a href=\"https:\/\/make.wordpress.org\/core\/5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">ciclo de desenvolvimento do WordPress 5.5<\/a>, verifique os links abaixo:<\/p>\n<ul>\n<li>7 de Julho de 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-beta-1\/\">Beta 1<\/a><\/li>\n<li>14 de Julho de 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-beta-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">Beta 2<\/a><\/li>\n<li>21 de Julho de 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-beta-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">Beta 3<\/a><\/li>\n<li>27 de Julho de 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-beta-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">Beta 4<\/a><\/li>\n<li>28 de Julho de 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-release-candidate\/\" target=\"_blank\" rel=\"noopener noreferrer\">RC 1<\/a><\/li>\n<li>4 de Agosto de 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/08\/wordpress-5-5-release-candidate-2\/\">RC 2<\/a><\/li>\n<li>10 de Agosto 2020: RC 3<\/li>\n<li>10 de Agosto de 2020: Dry run para lan\u00e7amento do WordPress 5.5<\/li>\n<li>11 de agosto de 2020: Lan\u00e7amento final do WordPress 5.5 &#8220;<a href=\"https:\/\/wordpress.org\/news\/2020\/08\/eckstine\/\">Eckstine<\/a>&#8220;<\/li>\n<\/ul>\n<p>Ent\u00e3o, o que h\u00e1 de novo no WordPress 5.5?<\/p>\n\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 The Block Editor<\/h2>\n<p>Com o lan\u00e7amento final do WordPress 5.5, dez vers\u00f5es do plugin <a href=\"https:\/\/kinsta.com\/pt\/blog\/editor-gutenberg-wordpress\/\">Gutenberg<\/a> foram adicionadas ao n\u00facleo, trazendo um grande n\u00famero de melhorias, caracter\u00edsticas, corre\u00e7\u00f5es de bugs que afetam cada aspecto da experi\u00eancia de edi\u00e7\u00e3o, desde a usabilidade at\u00e9 a funcionalidade e o desempenho.<\/p>\n<p>Seria quase imposs\u00edvel mencionar todas essas mudan\u00e7as aqui, portanto, neste post, voc\u00ea encontrar\u00e1 apenas uma sele\u00e7\u00e3o escolhida a dedo de nossas novidades e melhorias favoritas.<\/p>\n<p>Para uma lista mais abrangente de melhorias e recursos adicionados ao editor de blocos com WordPress 5.5, veja os an\u00fancios oficiais dos lan\u00e7amentos dos plugins: <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/12\/whats-new-in-gutenberg-12-february\/\" target=\"_blank\" rel=\"noopener noreferrer\">7.5<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/26\/whats-new-in-gutenberg-26-february\/\" target=\"_blank\" rel=\"noopener noreferrer\">7.6<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/11\/whats-new-in-gutenberg-11-march\/\" target=\"_blank\" rel=\"noopener noreferrer\">7.7<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/26\/whats-new-in-gutenberg-25-march\/\" target=\"_blank\" rel=\"noopener noreferrer\">7.8<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/15\/whats-new-in-gutenberg-15-april\/\" target=\"_blank\" rel=\"noopener noreferrer\">7.9<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/29\/whats-new-in-gutenberg-29-april\/\" target=\"_blank\" rel=\"noopener noreferrer\">8.0<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/05\/13\/whats-new-in-gutenberg-13-may\/\" target=\"_blank\" rel=\"noopener noreferrer\">8.1<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/05\/27\/whats-new-in-gutenberg-27-may\/\" target=\"_blank\" rel=\"noopener noreferrer\">8.2<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/11\/whats-new-in-gutenberg-11-june\/\" target=\"_blank\" rel=\"noopener noreferrer\">8.3<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/24\/whats-new-in-gutenberg-24-june\/\" target=\"_blank\" rel=\"noopener noreferrer\">8.4<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/08\/whats-new-in-gutenberg-8-july\/\" target=\"_blank\" rel=\"noopener noreferrer\">8.5<\/a>.<\/p>\n<p>Dito isto, aqui vamos cobrir as seguintes adi\u00e7\u00f5es trazidas ao editor de blocos com o WordPress 5.5:<\/p>\n<ol>\n<li><a href=\"#new-ui-design\">Novo design UI<\/a><\/li>\n<li><a href=\"#block-design-tools\">Ferramentas de desenho de blocos<\/a><\/li>\n<li><a href=\"#inline-image-editing\">Edi\u00e7\u00e3o de imagens em linha<\/a><\/li>\n<li><a href=\"#block-categories\">Categorias de blocos e novo painel de inser\u00e7\u00e3o de blocos<\/a><\/li>\n<li><a href=\"#block-directory\">O Diret\u00f3rio de Blocos e Plugins de Bloco<\/a><\/li>\n<li><a href=\"#block-patterns\">Novo desenho da IUs<\/a><\/li>\n<\/ol>\n<h3 id=\"new-ui-design\">Novo design UI<\/h3>\n<p>Cada vers\u00e3o do plugin Gutenberg traz pequenas e n\u00e3o t\u00e3o pequenas melhorias que est\u00e3o mudando silenciosamente a experi\u00eancia geral de edi\u00e7\u00e3o. Muitas dessas mudan\u00e7as ser\u00e3o agora fundidas no n\u00facleo do WordPress. Portanto, quando voc\u00ea lan\u00e7ar o editor de blocos no WordPress 5.5 pela primeira vez, uma interface ligeiramente diferente dever\u00e1 chamar sua aten\u00e7\u00e3o. Voc\u00ea vai encontrar:<\/p>\n<ul>\n<li>Uma barra de ferramentas de blocos simplificada<\/li>\n<li><a href=\"https:\/\/kinsta.com\/pt\/blog\/esquemas-de-cores-site\/\" target=\"_blank\" rel=\"noopener noreferrer\">Contraste de cor<\/a> mais forte<\/li>\n<li>Novos \u00edcones<\/li>\n<li>Movimentadores de blocos<\/li>\n<li>Elementos circundantes<\/li>\n<li>Pr\u00e9-visualiza\u00e7\u00e3o do dispositivo<\/li>\n<li>Arrasto e queda melhorados<\/li>\n<li>Estilos de foco em bloco melhorados e unificados em toda a IU<\/li>\n<li>Capacidade de formatar v\u00e1rios blocos ao mesmo tempo<\/li>\n<li>Melhor desempenho<\/li>\n<\/ul>\n<figure id=\"attachment_77434\" aria-describedby=\"caption-attachment-77434\" style=\"width: 1586px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77434 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/formatacao-de-multiplos-blocos.jpg\" alt=\"Formata\u00e7\u00e3o de m\u00faltiplos blocos no WordPress 5.5\" width=\"1586\" height=\"1136\"><figcaption id=\"caption-attachment-77434\" class=\"wp-caption-text\">Formata\u00e7\u00e3o de m\u00faltiplos blocos no WordPress 5.5<\/figcaption><\/figure>\n<p>As mudan\u00e7as mencionadas acima s\u00e3o apenas algumas das muitas mudan\u00e7as que afetam a experi\u00eancia de edi\u00e7\u00e3o.<\/p>\n<figure id=\"attachment_77433\" aria-describedby=\"caption-attachment-77433\" style=\"width: 608px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77433 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/visualizacao-movel-no-wordpress-5-5.jpg\" alt=\"Visualiza\u00e7\u00e3o m\u00f3vel no WordPress 5.5\" width=\"608\" height=\"564\"><figcaption id=\"caption-attachment-77433\" class=\"wp-caption-text\">Visualiza\u00e7\u00e3o m\u00f3vel no WordPress 5.5<\/figcaption><\/figure>\n<p>As mudan\u00e7as adicionais tamb\u00e9m incluem:<\/p>\n<h4>Op\u00e7\u00f5es de Assinatura e Superescrito<\/h4>\n<p>As op\u00e7\u00f5es de formata\u00e7\u00e3o para texto subscrito e superescrito est\u00e3o agora dispon\u00edveis atrav\u00e9s dos controles Rich Text (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/29\/whats-new-in-gutenberg-29-april\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 8.0<\/a>).<\/p>\n<figure id=\"attachment_77432\" aria-describedby=\"caption-attachment-77432\" style=\"width: 1213px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77432 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/barra-de-ferramentas-de-blocos.jpg\" alt=\"A nova barra de ferramentas de blocos com \u00edcones redesenhados, movimentador de blocos e melhor contraste de cores\" width=\"1213\" height=\"664\"><figcaption id=\"caption-attachment-77432\" class=\"wp-caption-text\">A nova barra de ferramentas de blocos com \u00edcones redesenhados, movimentador de blocos e melhor contraste de cores<\/figcaption><\/figure>\n<h4>Sele\u00e7\u00e3o dos blocos de pais<\/h4>\n<p>Um novo bot\u00e3o da barra de ferramentas aparece agora ao pairar sobre o lado esquerdo da barra de ferramentas do bloco. O novo bot\u00e3o permite selecionar os blocos pai em contextos aninhados (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/11\/whats-new-in-gutenberg-11-june\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 8.3<\/a>).<\/p>\n<figure id=\"attachment_77440\" aria-describedby=\"caption-attachment-77440\" style=\"width: 1018px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77440 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/bloco-de-midia-texto.jpg\" alt=\"O seletor pai em um bloco de M\u00eddia &#038; Texto\" width=\"1018\" height=\"384\"><figcaption id=\"caption-attachment-77440\" class=\"wp-caption-text\">O seletor pai em um bloco de M\u00eddia &#038; Texto<\/figcaption><\/figure>\n<h3 id=\"block-design-tools\">Ferramentas de desenho de blocos<\/h3>\n<p>V\u00e1rias ferramentas de projeto foram adicionadas ao plugin Gutenberg nos \u00faltimos meses e agora ser\u00e3o inclu\u00eddas no n\u00facleo com o WordPress 5.5.<\/p>\n<h4>Controle de Altura e Gradientes de Fundo<\/h4>\n<p>Um primeiro conjunto de ferramentas fornece controle sobre dimens\u00f5es e cor de fundo para v\u00e1rios blocos (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/15\/whats-new-in-gutenberg-15-april\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 7.9<\/a>).<\/p>\n<figure id=\"attachment_77427\" aria-describedby=\"caption-attachment-77427\" style=\"width: 1742px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77427 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/configuracoesd-do-gradiente-de-fundo.jpg\" alt=\"Configura\u00e7\u00f5es do gradiente de fundo para o bloco Colunas\" width=\"1742\" height=\"814\"><figcaption id=\"caption-attachment-77427\" class=\"wp-caption-text\">Configura\u00e7\u00f5es do gradiente de fundo para o bloco Colunas<\/figcaption><\/figure>\n<h4>Padding e controle de cores do link<\/h4>\n<p>Duas caracter\u00edsticas adicionais chegaram ao n\u00facleo (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/11\/whats-new-in-gutenberg-11-june\/\">Gutenberg 8.3<\/a>), mas no momento em que foram escritas ainda est\u00e3o marcadas como experimentais:<\/p>\n<ul>\n<li>Controle de estofamento para bloco de cobertura.<\/li>\n<li>Controle de cores de link para Par\u00e1grafo, T\u00edtulo, Grupo, Colunas e Blocos de M\u00eddia e Texto.<\/li>\n<\/ul>\n<p>O controle de estofamento e controle de cores do link est\u00e3o desligados por padr\u00e3o e os desenvolvedores t\u00eam que declarar explicitamente o suporte a eles, como <a href=\"https:\/\/developer.wordpress.org\/block-editor\/developers\/themes\/theme-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">explicado no Manual do Editor de Blocos<\/a>.<\/p>\n<p>Se voc\u00ea quiser adicionar controles de acolchoamento para o bloco Cover block a seus temas, basta adicionar a seguinte linha \u00e0s <a href=\"https:\/\/kinsta.com\/pt\/blog\/tema-filho-no-wordpress\/#the-functions-file\" target=\"_blank\" rel=\"noopener noreferrer\">fun\u00e7\u00f5es de seu tema.php<\/a>:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'experimental-custom-spacing' );<\/code><\/pre>\n<p>Se voc\u00ea quiser ativar o controle de cores de link para Par\u00e1grafo, T\u00edtulo, Grupo, Colunas e Blocos de M\u00eddia e Texto, basta adicionar a seguinte linha ao arquivo de fun\u00e7\u00f5es do seu tema:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'experimental-link-color' );<\/code><\/pre>\n<h4>Unidades personalizadas e alturas de linha personalizadas<\/h4>\n<p>Esta nova caracter\u00edstica permite definir valores <code>px<\/code>, <code>em<\/code>, <code>rem<\/code>, <code>vw<\/code> e altura <code>vh<\/code> para o bloco Cover (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/15\/whats-new-in-gutenberg-15-april\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 7.9<\/a>). Tamb\u00e9m \u00e9 suportado, mas \u00e9 omitido devido \u00e0 imprevisibilidade da renderiza\u00e7\u00e3o das alturas percentuais.<\/p>\n<p>Com o <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/20888\" target=\"_blank\" rel=\"noopener noreferrer\">controle de altura aprimorado<\/a>, voc\u00ea pode saltar valores em 10 segurando o <code>Shift<\/code> enquanto pressiona <code>up<\/code> ou <code>down<\/code>.<\/p>\n<figure id=\"attachment_77446\" aria-describedby=\"caption-attachment-77446\" style=\"width: 279px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77446 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/o-novo-controle-de-unidade.jpg\" alt=\"O novo Controle de Unidade\" width=\"279\" height=\"309\"><figcaption id=\"caption-attachment-77446\" class=\"wp-caption-text\">O novo Controle de Unidade<\/figcaption><\/figure>\n<p>Os desenvolvedores podem adicionar <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/27\/new-block-tools-on-wordpress-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">suporte \u00e0s unidades personalizadas<\/a> definindo a bandeira de suporte das <code>custom-units<\/code>:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'custom-units' );<\/code><\/pre>\n<p>Voc\u00ea tamb\u00e9m pode definir unidades personalizadas espec\u00edficas:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'custom-units', 'rem', 'em' );<\/code><\/pre>\n<p>Os desenvolvedores tamb\u00e9m podem adicionar alturas de linha personalizadas para cabe\u00e7alho e par\u00e1grafos definindo a bandeira de suporte de <code>custom-line-height<\/code>:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'custom-line-height' );<\/code><\/pre>\n<h3 id=\"inline-image-editing\">Edi\u00e7\u00e3o de imagens em linha<\/h3>\n<p>Um novo recurso de edi\u00e7\u00e3o foi adicionado ao editor de blocos com <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/24\/whats-new-in-gutenberg-24-june\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 8.4<\/a> permitindo aos usu\u00e1rios editar <a href=\"https:\/\/kinsta.com\/pt\/blog\/otimizar-imagens-para-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">imagens<\/a> diretamente do bloco de imagens.<\/p>\n<p>Agora ele foi fundido ao n\u00facleo e, a partir do WordPress 5.5, voc\u00ea pode cortar, girar, fazer zoom e ajustar as posi\u00e7\u00f5es das imagens sem a necessidade de lan\u00e7ar a <a href=\"https:\/\/kinsta.com\/pt\/blog\/biblioteca-midia-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Biblioteca de M\u00eddia<\/a>, resultando em uma experi\u00eancia de edi\u00e7\u00e3o mais r\u00e1pida.<\/p>\n<p>Se voc\u00ea usar para <a href=\"https:\/\/kinsta.com\/pt\/blog\/plugins-galeria-fotos-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">publicar toneladas de fotos<\/a>, sem d\u00favida voc\u00ea vai gostar deste recurso.<\/p>\n<figure id=\"attachment_77430\" aria-describedby=\"caption-attachment-77430\" style=\"width: 1280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77430 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/edicao-de-imagens-em-linha.jpg\" alt=\"Edi\u00e7\u00e3o de imagens em linha no WordPress 5.5\" width=\"1280\" height=\"1116\"><figcaption id=\"caption-attachment-77430\" class=\"wp-caption-text\">Edi\u00e7\u00e3o de imagens em linha no WordPress 5.5<\/figcaption><\/figure>\n<p>Basta clicar no bot\u00e3o Cortar na barra de ferramentas de imagem e voc\u00ea ter\u00e1 acesso \u00e0s novas funcionalidades de edi\u00e7\u00e3o. Quando voc\u00ea estiver satisfeito com suas personaliza\u00e7\u00f5es, aplique suas altera\u00e7\u00f5es e pronto.<\/p>\n<p>O WordPress <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/20\/editing-images-in-the-block-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">salvar\u00e1 uma nova imagem como anexo<\/a> na Biblioteca de M\u00eddia e copiar\u00e1 detalhes da imagem original (t\u00edtulo, descri\u00e7\u00e3o, legenda, texto alt, e dados EXIF). Isto lhe d\u00e1 controle completo sobre as novas vers\u00f5es da imagem.<\/p>\n<h3 id=\"block-categories\">Categorias de blocos e novo painel de inser\u00e7\u00e3o de blocos<\/h3>\n<p>Um painel de inser\u00e7\u00e3o de blocos redesenhado mostra blocos e padr\u00f5es por categorias, melhorando significativamente a experi\u00eancia de edi\u00e7\u00e3o e tornando os blocos e padr\u00f5es mais f\u00e1ceis de encontrar (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/11\/whats-new-in-gutenberg-11-june\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 8.3<\/a>).<\/p>\n<figure id=\"attachment_77436\" aria-describedby=\"caption-attachment-77436\" style=\"width: 1364px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77436 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/blocos-e-abas-padroes-no-novo-inseridor-de-blocos.jpg\" alt=\"Blocos e abas Padr\u00f5es no novo inseridor de blocos\" width=\"1364\" height=\"1044\"><figcaption id=\"caption-attachment-77436\" class=\"wp-caption-text\">Blocos e abas Padr\u00f5es no novo inseridor de blocos<\/figcaption><\/figure>\n<h3 id=\"block-directory\">O Diret\u00f3rio de Blocos e Plugins de Bloco<\/h3>\n<p>Com a implementa\u00e7\u00e3o <a href=\"https:\/\/wordpress.org\/plugins\/browse\/block\/\" target=\"_blank\" rel=\"noopener noreferrer\">do diret\u00f3rio de blocos<\/a>, voc\u00ea pode encontrar, instalar e adicionar blocos de terceiros diretamente do inseridor de blocos.<\/p>\n<p>Quando voc\u00ea procurar por um bloco, se ainda n\u00e3o o tiver instalado, ser\u00e1 solicitado a voc\u00ea <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/24\/whats-new-in-gutenberg-24-june\/\" target=\"_blank\" rel=\"noopener noreferrer\">uma lista de plugins dispon\u00edveis no Plugin Directory<\/a>. Esses plugins s\u00e3o chamados de &#8220;plugins de bloco&#8221; e voc\u00ea pode adicion\u00e1-los ao seu editor com um \u00fanico clique.<\/p>\n<figure id=\"attachment_77442\" aria-describedby=\"caption-attachment-77442\" style=\"width: 350px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77442 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/bloco-de-terceiros-da-comunidade.jpg\" alt=\"Um bloco de terceiros da comunidade WordPress\" width=\"350\" height=\"694\"><figcaption id=\"caption-attachment-77442\" class=\"wp-caption-text\">Um bloco de terceiros da comunidade WordPress<\/figcaption><\/figure>\n<p>Gra\u00e7as a este novo recurso fant\u00e1stico, voc\u00ea pode agora construir seus pr\u00f3prios blocos e <a href=\"https:\/\/kinsta.com\/blog\/publish-plugin-wordpress-plugin-directory\/\" target=\"_blank\" rel=\"noopener noreferrer\">public\u00e1-los no Diret\u00f3rio de Plugins,<\/a> tornando suas cria\u00e7\u00f5es dispon\u00edveis para toda a <a href=\"https:\/\/kinsta.com\/pt\/aprenda\/historia-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">comunidade WordPress<\/a>.<\/p>\n<p>A boa not\u00edcia \u00e9 que, para criar seus blocos personalizados, voc\u00ea n\u00e3o precisa ser um <a href=\"https:\/\/kinsta.com\/pt\/blog\/tutoriais-de-php\/\" target=\"_blank\" rel=\"noopener noreferrer\">guru PHP<\/a>. Voc\u00ea s\u00f3 precisaria de alguns conhecimentos de JavaScript.<\/p>\n<p>N\u00e3o tem certeza de como come\u00e7ar a desenvolver seus pr\u00f3prios blocos? A fant\u00e1stica comunidade WordPress o cobriu com um <a href=\"https:\/\/developer.wordpress.org\/block-editor\/tutorials\/block-tutorial\/\" target=\"_blank\" rel=\"noopener noreferrer\">tutorial passo a passo f\u00e1cil<\/a>.<\/p>\n<p>A primeira vers\u00e3o do tutorial de blocos j\u00e1 est\u00e1 dispon\u00edvel no Manual Oficial do Editor de Blocos para ajud\u00e1-lo a aprender os conceitos b\u00e1sicos do desenvolvimento de blocos. Voc\u00ea pode ler mais sobre o <a href=\"https:\/\/make.wordpress.org\/plugins\/2020\/07\/11\/you-can-now-add-your-own-plugins-to-the-block-directory\/\" target=\"_blank\" rel=\"noopener noreferrer\">diret\u00f3rio de blocos e o desenvolvimento de plugins de blocos<\/a> no blog Make WordPress Plugins.<\/p>\n<h3 id=\"block-patterns\">Padr\u00f5es de blocos<\/h3>\n<p>Em mar\u00e7o de 2020, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/11\/whats-new-in-gutenberg-11-march\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 7.7<\/a> e <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/26\/whats-new-in-gutenberg-25-march\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 7.8<\/a> introduziram padr\u00f5es de blocos e o <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/21074\" target=\"_blank\" rel=\"noopener noreferrer\">API de padr\u00f5es de blocos<\/a> para <a href=\"https:\/\/kinsta.com\/pt\/blog\/temas-wordpress-mais-rapidos\/\" target=\"_blank\" rel=\"noopener noreferrer\">temas<\/a> e <a href=\"https:\/\/kinsta.com\/pt\/topicos\/plugins-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugins<\/a>.<\/p>\n<p><strong>Os padr\u00f5es de blocos s\u00e3o layouts de blocos predefinidos, permitindo aos usu\u00e1rios adicionar rapidamente estruturas complexas de blocos aninhados a suas p\u00e1ginas. <\/strong>Sua inten\u00e7\u00e3o \u00e9 ajudar <a href=\"https:\/\/kinsta.com\/pt\/topicos\/estrategia-de-conteudo\/\" target=\"_blank\" rel=\"noopener noreferrer\">escritores de conte\u00fado<\/a> e administradores de sites a superar a &#8220;s\u00edndrome da p\u00e1gina em branco&#8221; e construir layouts profissionais e visualiza\u00e7\u00f5es avan\u00e7adas com facilidade.<\/p>\n<p>Devemos ver os padr\u00f5es de blocos no seu melhor com edi\u00e7\u00e3o completa no local.<\/p>\n<p>Uma explica\u00e7\u00e3o clara do que se pretende com os padr\u00f5es de blocos <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/17335#issuecomment-541448895\" target=\"_blank\" rel=\"noopener noreferrer\">vem de Mathias Ventura<\/a>, arquiteto l\u00edder do projeto Gutenberg:<\/p>\n<blockquote><p>Um esclarecimento &#8211; a configura\u00e7\u00e3o de &#8220;padr\u00f5es de blocos&#8221; \u00e9 menos sobre pe\u00e7as de modelo (que s\u00e3o estruturalmente significativas) e mais sobre elementos de design geral feitos de blocos menores. Uma vez inseridos, eles n\u00e3o s\u00e3o armazenados separadamente. Por exemplo, uma imagem de &#8220;capa&#8221; que combina alguns blocos para conseguir um visual espec\u00edfico que, de outra forma, levaria algum trabalho a ser realizado pelos usu\u00e1rios. Pense nisso mais como uma cole\u00e7\u00e3o de desenhos que podem ser adicionados em qualquer lugar sem necessariamente representar uma parte reutiliz\u00e1vel de um modelo tem\u00e1tico.<\/p><\/blockquote>\n<p>Diferente das pe\u00e7as do modelo, os padr\u00f5es de blocos s\u00e3o elementos de design que devem ajudar os administradores do site e os criadores de conte\u00fado a acelerar e melhorar sua experi\u00eancia de edi\u00e7\u00e3o.<\/p>\n<p>Lan\u00e7ado com <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/11\/whats-new-in-gutenberg-11-march\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 7.7<\/a>, a princ\u00edpio os Padr\u00f5es de Bloco apareceram em um plugin de barra lateral. Mais tarde, com o <a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/29\/whats-new-in-gutenberg-29-april\/\" target=\"_blank\" rel=\"noopener noreferrer\">lan\u00e7amento do Gutenberg 8.0<\/a>, eles passaram para um <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/20951\" target=\"_blank\" rel=\"noopener noreferrer\">inseridor de blocos remodelado<\/a>, agora aparecendo como um painel colocado no lado esquerdo do editor, como mostrado na imagem abaixo:<\/p>\n<figure id=\"attachment_77429\" aria-describedby=\"caption-attachment-77429\" style=\"width: 2102px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77429 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/padrao-da-galeria-em-wordpress-5-5.jpg\" alt=\"O Padr\u00e3o da Galeria em WordPress 5.5\" width=\"2102\" height=\"1180\"><figcaption id=\"caption-attachment-77429\" class=\"wp-caption-text\">O Padr\u00e3o da Galeria no WordPress 5.5<\/figcaption><\/figure>\n<p>Em seu est\u00e1gio inicial, os padr\u00f5es de blocos v\u00eam com um conjunto muito limitado de padr\u00f5es. De qualquer forma, elas trazem um enorme aprimoramento \u00e0 experi\u00eancia de edi\u00e7\u00e3o e, espera-se, mais seria acrescentado no futuro pr\u00f3ximo.<\/p>\n<p>Como blocos regulares, os padr\u00f5es s\u00e3o pesquis\u00e1veis e v\u00eam organizados nas seguintes categorias:<\/p>\n<ul>\n<li>Texto<\/li>\n<li>Her\u00f3i<\/li>\n<li>Colunas<\/li>\n<li>Bot\u00f5es<\/li>\n<li>Galeria<\/li>\n<li>Caracter\u00edsticas<\/li>\n<li>Depoimentos<\/li>\n<li>N\u00e3o categorizado<\/li>\n<\/ul>\n<figure id=\"attachment_77437\" aria-describedby=\"caption-attachment-77437\" style=\"width: 2070px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77437 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/caracter\u00edsticas-numeradas.jpg\" alt=\"O padr\u00e3o de caracter\u00edsticas numeradas no WordPress 5.5\" width=\"2070\" height=\"1220\"><figcaption id=\"caption-attachment-77437\" class=\"wp-caption-text\">O padr\u00e3o de caracter\u00edsticas numeradas no WordPress 5.5<\/figcaption><\/figure>\n<p>Al\u00e9m dos padr\u00f5es de blocos integrados, os <a href=\"https:\/\/kinsta.com\/pt\/blog\/salario-de-um-desenvolvedor-wordpress\/\">desenvolvedores do WordPress<\/a> podem fornecer seus temas e plugins com padr\u00f5es personalizados, aproveitando uma API totalmente nova.<\/p>\n<p>Voc\u00ea pode registrar seus padr\u00f5es personalizados usando a fun\u00e7\u00e3o <code>register_block_pattern<\/code> e <code>register_block_pattern_category<\/code> para categorias.<\/p>\n<p><code>register_block_pattern<\/code> aceita dois argumentos:<\/p>\n<ol>\n<li>O nome do padr\u00e3o.<\/li>\n<li>Um conjunto de propriedades de padr\u00f5es.<\/li>\n<\/ol>\n<p>As propriedades incluem o seguinte:<\/p>\n<ul>\n<li><code>title<\/code><\/li>\n<li><code>content<\/code><\/li>\n<li><code>description<\/code><\/li>\n<li><code>categories<\/code><\/li>\n<li><code>keywords<\/code><\/li>\n<li><code>viewportWidth<\/code><\/li>\n<\/ul>\n<p><code>register_block_pattern_category<\/code> leva tamb\u00e9m dois argumentos:<\/p>\n<ol>\n<li>O nome da categoria do padr\u00e3o.<\/li>\n<li>Um conjunto de propriedades.<\/li>\n<\/ol>\n<p>A API tamb\u00e9m fornece duas fun\u00e7\u00f5es para desregistrar padr\u00f5es e categorias: <code>unregister_block_pattern<\/code> e <code>unregister_pattern_category<\/code>.<\/p>\n<p>A maneira como voc\u00ea pode construir seus pr\u00f3prios padr\u00f5es de blocos \u00e9 bastante simples. Por exemplo, copie e cole o seguinte c\u00f3digo em um plugin personalizado ou em um <a href=\"https:\/\/kinsta.com\/pt\/blog\/tema-filho-no-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">arquivo de fun\u00e7\u00f5es de um tema infantil<\/a>, depois mude o nome do padr\u00e3o de acordo com suas prefer\u00eancias<\/p>\n<pre><code class=\"language-php\">add_action( 'init', function(){\n\n\tregister_block_pattern_category( \n\t\t'kinsta', \n\t\tarray( 'label' =&gt; __( 'Kinsta stuff', 'kinsta-pattern' ) ) );\n\n\tregister_block_pattern(\n\t'kinsta-pattern\/my-custom-pattern',\n\tarray(\n\t\t'title'\t\t\t=&gt; __( 'Two Kinsta buttons', 'kinsta-pattern' ),\n\t\t'description'\t=&gt; _x( 'Two nice buttons.', 'Kinsta Buttons', 'kinsta-pattern' ),\n\t\t'content'\t\t=&gt; \"&lt;!-- wp:buttons {\\\"align\\\":\\\"center\\\"} --&gt;\\n&lt;div class=\\\"wp-block-buttons aligncenter\\\"&gt;&lt;!-- wp:button {\\\"backgroundColor\\\":\\\"very-dark-gray\\\",\\\"borderRadius\\\":0} --&gt;\\n&lt;div class=\\\"wp-block-button\\\"&gt;&lt;a class=\\\"wp-block-button__link has-background has-very-dark-gray-background-color no-border-radius\\\"&gt;\" . esc_html__( 'Button One', 'kinsta-pattern' ) . \"&lt;\/a&gt;&lt;\/div&gt;\\n&lt;!-- \/wp:button --&gt;\\n\\n&lt;!-- wp:button {\\\"textColor\\\":\\\"very-dark-gray\\\",\\\"borderRadius\\\":0,\\\"className\\\":\\\"is-style-outline\\\"} --&gt;\\n&lt;div class=\\\"wp-block-button is-style-outline\\\"&gt;&lt;a class=\\\"wp-block-button__link has-text-color has-very-dark-gray-color no-border-radius\\\"&gt;\" . esc_html__( 'Button Two', 'kinsta-pattern' ) . \"&lt;\/a&gt;&lt;\/div&gt;\\n&lt;!-- \/wp:button --&gt;&lt;\/div&gt;\\n&lt;!-- \/wp:buttons --&gt;\",\n\t\t'categories'\t=&gt; array( 'kinsta' ),\n\t)\n\t);\n});<\/code><\/pre>\n<p>O c\u00f3digo acima \u00e9 uma simples personaliza\u00e7\u00e3o do trecho original do <a href=\"https:\/\/developer.wordpress.org\/block-editor\/developers\/block-api\/block-patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">Bloco de Refer\u00eancia API<\/a>. Como voc\u00ea pode ver, n\u00e3o \u00e9 necess\u00e1rio JavaScript.<\/p>\n<figure id=\"attachment_77431\" aria-describedby=\"caption-attachment-77431\" style=\"width: 2156px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77431 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/um-padrao-de-blocos-personalizados.jpg\" alt=\"Um padr\u00e3o de blocos personalizados\" width=\"2156\" height=\"1014\"><figcaption id=\"caption-attachment-77431\" class=\"wp-caption-text\">Um padr\u00e3o de blocos personalizados<\/figcaption><\/figure>\n<p>Veja tamb\u00e9m <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/16\/block-patterns-in-wordpress-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Block Patterns no WordPress 5.5<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Por favor, note que os padr\u00f5es s\u00e3o uma caracter\u00edstica experimental e a API pode mudar com futuras vers\u00f5es do plugin Gutenberg<\/p>\n<\/aside>\n\n<h2>Carregamento pregui\u00e7oso de imagem nativa no WordPress Core<\/h2>\n<p>O &#8216;<a href=\"https:\/\/kinsta.com\/pt\/blog\/lazy-load-no-wordpress\/\">carregamento pregui\u00e7oso<\/a>&#8216; \u00e9 uma t\u00e9cnica de otimiza\u00e7\u00e3o que <a href=\"https:\/\/kinsta.com\/pt\/blog\/caminho-de-renderizacao-critica\/\">adia o carregamento de recursos n\u00e3o cr\u00edticos<\/a>. Isto significa que o navegador \u00e9 instru\u00eddo a carregar o conte\u00fado vis\u00edvel na p\u00e1gina e diferir o download e a renderiza\u00e7\u00e3o das imagens colocadas abaixo da dobra <a href=\"https:\/\/kinsta.com\/pt\/blog\/bloqueio-de-renderizacao-no-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">at\u00e9 que elas sejam realmente necess\u00e1rias<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Quando se trata de <a href=\"https:\/\/kinsta.com\/pt\/aprenda\/acelerar-o-seu-site-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">desempenho da web<\/a>, a <a href=\"https:\/\/kinsta.com\/pt\/blog\/otimizar-imagens-para-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">otimiza\u00e7\u00e3o de imagens <\/a>\u00e9 um dos aspectos chave para os administradores do site. Em m\u00e9dia, as imagens ainda s\u00e3o uma grande parte de uma p\u00e1gina web e a otimiza\u00e7\u00e3o de imagens pode ajudar a proporcionar uma melhor experi\u00eancia ao usu\u00e1rio para leitores e clientes. Lembre-se: <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-seo\/#38-optimize-your-websites-speed\" target=\"_blank\" rel=\"noopener noreferrer\">a velocidade da p\u00e1gina \u00e9 tamb\u00e9m um fator importante no ranking<\/a><\/p>\n<\/aside>\n\n<p>Antes do <a href=\"https:\/\/addyosmani.com\/blog\/lazy-loading\/\" target=\"_blank\" rel=\"noopener noreferrer\">carregamento pregui\u00e7oso nativo<\/a>, os desenvolvedores web podiam <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/lazy-loading-guidance\/images-and-video\/\" target=\"_blank\" rel=\"noopener noreferrer\">carregar os ativos via JavaScript<\/a>, usando o <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/lazy-loading-guidance\/images-and-video\/#using_intersection_observer\" target=\"_blank\" rel=\"noopener noreferrer\">IntersectionObserver API<\/a> ou usando <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/lazy-loading-guidance\/images-and-video\/#using_event_handlers_the_most_compatible_way\" target=\"_blank\" rel=\"noopener noreferrer\">os manipuladores de eventos<\/a> de <code>scroll<\/code>, <code>resize<\/code> e <code>orientationchange<\/code>.<\/p>\n<p>Mas como o <a href=\"https:\/\/html.spec.whatwg.org\/multipage\/embedded-content.html#attr-img-loading\" target=\"_blank\" rel=\"noopener noreferrer\">carregamento pregui\u00e7oso se tornou um padr\u00e3o<\/a>, n\u00e3o precisamos mais escrever c\u00f3digos personalizados ou usar <a href=\"https:\/\/kinsta.com\/pt\/blog\/bibliotecas-javascript\/\">bibliotecas JavaScript<\/a> e as <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/img#attr-loading\" target=\"_blank\" rel=\"noopener noreferrer\">imagens de carregamento pregui\u00e7oso<\/a> podem ser implementadas usando o novo atributo de <code>loading<\/code> nas tags <code>img<\/code> e <code>iframe<\/code>.<\/p>\n<figure id=\"attachment_77426\" aria-describedby=\"caption-attachment-77426\" style=\"width: 2542px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77426 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/lazy-loading.jpg\" alt=\"Carregamento pregui\u00e7oso via atributo para imagens e iframes\" width=\"2542\" height=\"796\"><figcaption id=\"caption-attachment-77426\" class=\"wp-caption-text\">Carregamento pregui\u00e7oso via atributo para imagens e iframes (Fonte: <a href=\"https:\/\/caniuse.com\/#feat=loading-lazy-attr\">caniuse.com<\/a>)<\/figcaption><\/figure>\n<p>O atributo de <code>loading<\/code> determina se o navegador deve carregar um recurso imediatamente ou esperar at\u00e9 que algumas condi\u00e7\u00f5es sejam cumpridas. Atualmente, ele suporta os seguintes valores:<\/p>\n<ul>\n<li><code>lazy<\/code>: esperar at\u00e9 que algumas condi\u00e7\u00f5es sejam cumpridas<\/li>\n<li><code>eager<\/code>: carregue o recurso imediatamente<\/li>\n<\/ul>\n<figure id=\"attachment_77451\" aria-describedby=\"caption-attachment-77451\" style=\"width: 1434px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77451 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/configuracoes-de-carregamento.png\" alt=\"Configura\u00e7\u00f5es de carregamento pregui\u00e7oso em Chrome\" width=\"1434\" height=\"336\"><figcaption id=\"caption-attachment-77451\" class=\"wp-caption-text\">Configura\u00e7\u00f5es de carregamento pregui\u00e7oso em Chrome(dispon\u00edvel em chrome:\/\/ bandeiras\/#enable-lazy-image-load)<\/figcaption><\/figure>\n<p>No momento desta reda\u00e7\u00e3o, o carregamento nativo pregui\u00e7oso \u00e9 suportado pela Microsoft Edge, <a href=\"https:\/\/www.ghacks.net\/2020\/02\/15\/firefox-75-gets-lazy-loading-support-for-images\/\" target=\"_blank\" rel=\"noopener noreferrer\">Firefox<\/a>, <a href=\"https:\/\/github.com\/scott-little\/lazyload\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Chrome<\/a>, navegador Opera, navegador Android, e Chrome para Android.<\/p>\n<figure id=\"attachment_77460\" aria-describedby=\"caption-attachment-77460\" style=\"width: 1762px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77460 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/configuracoes-de-carregamento-preguicoso-em-autoptimize.jpg\" alt=\"Configura\u00e7\u00f5es de carregamento pregui\u00e7oso em Autoptimize\" width=\"1762\" height=\"1256\"><figcaption id=\"caption-attachment-77460\" class=\"wp-caption-text\">Configura\u00e7\u00f5es de carregamento pregui\u00e7oso em Autoptimize<\/figcaption><\/figure>\n<p>Antes do WordPress 5.5, o carregamento pregui\u00e7oso s\u00f3 era poss\u00edvel no WordPress com um <a href=\"https:\/\/kinsta.com\/pt\/blog\/lazy-load-no-wordpress\/#lazy-loading-plugins\" target=\"_blank\" rel=\"noopener noreferrer\">plugin de otimiza\u00e7\u00e3o<\/a>\u00a0como<a href=\"https:\/\/kinsta.com\/pt\/blog\/configuracoes-do-autoptimize\/\" target=\"_blank\" rel=\"noopener noreferrer\">Autoptimize<\/a>, BJ Lazy Load, ou outros. Agora ele faz parte do n\u00facleo do WordPress e n\u00e3o vai requerer a instala\u00e7\u00e3o de plugins adicionais!<\/p>\n<h3>Carregamento nativo pregui\u00e7oso no WordPress<\/h3>\n<p>Como Felix Arntz <a href=\"https:\/\/make.wordpress.org\/core\/2020\/01\/29\/lazy-loading-images-in-wordpress-core\/\" target=\"_blank\" rel=\"noopener noreferrer\">relatou em um antigo post no blog Make WordPress Core blog,<\/a> uma implementa\u00e7\u00e3o JavaScript de carregamento pregui\u00e7oso no WordPress foi inicialmente proposta h\u00e1 alguns anos, mas nunca se tornou parte do Core. A nova implementa\u00e7\u00e3o de carregamento de imagem pregui\u00e7osa nativa remove qualquer preocupa\u00e7\u00e3o de compatibilidade. Assim, o novo recurso poderia ser <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/lazy-loading-images-in-5-5\/\">fundido com seguran\u00e7a no Core com o WordPress 5.5<\/a>.<\/p>\n<p>De acordo com Felix, o carregamento pregui\u00e7oso de imagens nativas no WordPress teria um impacto ben\u00e9fico no <a href=\"https:\/\/kinsta.com\/pt\/blog\/desempenho-do-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">desempenho do site<\/a> e na experi\u00eancia do usu\u00e1rio para um grande n\u00famero de sites WordPress que n\u00e3o fazem uso de plugins de carregamento pregui\u00e7oso:<\/p>\n<blockquote><p>&#8230; sem exigir nenhum conhecimento t\u00e9cnico ou mesmo consci\u00eancia da carga pregui\u00e7osa como um conceito. A ado\u00e7\u00e3o do novo atributo de carga \u00e9 uma grande chance para o WordPress liderar o caminho para uma web mais r\u00e1pida em geral.<\/p><\/blockquote>\n<p>A fim de evitar mudan\u00e7as de layout, o <code>loading=\"lazy\"<\/code> ser\u00e1 automaticamente adicionado \u00e0s tags <code>img<\/code> <strong>com atributos de <code>width<\/code> e <code>height<\/code><\/strong>e isso s\u00f3 \u00e9 poss\u00edvel se a imagem estiver dispon\u00edvel para WordPress como anexo e incluir uma classe <code>wp-image-$id<\/code>.<\/p>\n<p>O carregamento pregui\u00e7oso \u00e9 uma otimiza\u00e7\u00e3o obrigat\u00f3ria para cada <a href=\"https:\/\/kinsta.com\/pt\/docs\/hospedagem-de-wordpress\/como-comecar-wordpress\/instalacao-manual-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">instala\u00e7\u00e3o e website WordPress <\/a>com uma quantidade consider\u00e1vel de imagens. Notas de F\u00e9lix:<\/p>\n<blockquote><p>Isto economizar\u00e1 drasticamente largura de banda em ambos os servidores, bem como nos agentes do usu\u00e1rio em sites onde as imagens mais abaixo da p\u00e1gina costumavam ser carregadas imediatamente, mesmo no caso de o usu\u00e1rio nunca rolar em dire\u00e7\u00e3o a eles.<\/p><\/blockquote>\n<p>A carga pregui\u00e7osa nativa no WordPress funciona com as seguintes imagens:<\/p>\n<ul>\n<li>Imagens no conte\u00fado do post (<code>o_content<\/code>).<\/li>\n<li>Imagens em trechos postais (<code>the_excerpt<\/code>).<\/li>\n<li>Imagens em widgets de texto (<code>widget_text_content<\/code>).<\/li>\n<li>Imagens de avatares feitas via <code>get_avatar()<\/code>.<\/li>\n<li>Imagens modelo usando <code>wp_get_attachment_image<\/code><\/li>\n<\/ul>\n<p>Com a primeira implementa\u00e7\u00e3o, a carga pregui\u00e7osa suporta apenas imagens, mas podemos esperar um futuro aumento da carga pregui\u00e7osa nas etiquetas do <code>iframe<\/code>.<\/p>\n<h3>Carregamento pregui\u00e7oso para desenvolvedores WordPress<\/h3>\n<p>Os desenvolvedores podem anular o comportamento padr\u00e3o usando v\u00e1rios novos filtros. Entre esses filtros, <code>wp_lazy_loading_enabled<\/code> e <code>wp_img_tag_add_loading_attr<\/code> s\u00e3o os mais \u00fateis para os desenvolvedores:<\/p>\n<ul>\n<li><code>wp_lazy_enabled_enabled<\/code> liga e desliga o atributo de carga. Este filtro pode ser aplicado globalmente ou por tag.<\/li>\n<li><code>wp_img_tag_add_load_attr<\/code> filtra o valor do atributo de carga e fornece uma maneira de controlar a carga pregui\u00e7osa por imagem.<\/li>\n<\/ul>\n<p>O exemplo a seguir mostra como desativar globalmente a carga pregui\u00e7osa:<\/p>\n<pre><code class=\"language-php\">add_filter( 'wp_lazy_loading_enabled', '__return_false' );<\/code><\/pre>\n<p>Tamb\u00e9m podemos desativar o carregamento pregui\u00e7oso para uma etiqueta espec\u00edfica. No exemplo abaixo, o carregamento pregui\u00e7oso \u00e9 desativado em imagens <code>the_content<\/code> (leia mais em <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/lazy-loading-images-in-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Make WordPress Core<\/a>):<\/p>\n<pre><code class=\"language-php\">add_filter(\n\t'wp_lazy_loading_enabled',\n\tfunction( $default, $tag_name, $context ){\n\t\tif ( 'img' === $tag_name && 'the_content' === $context ){\n\t\t\treturn false;\n\t\t}\n\t\treturn $default;\n\t},\n\t10,\n\t3\n);<\/code><\/pre>\n<ul>\n<li><code>$default<\/code>: O valor padr\u00e3o booleano (verdadeiro).<\/li>\n<li><code>$tag_name<\/code>: O nome da etiqueta dos elementos a serem carregados pregui\u00e7osamente.<\/li>\n<li><code>$context<\/code>: Um par\u00e2metro opcional especificando o contexto da imagem (veja a lista acima).<\/li>\n<\/ul>\n<p>Observe que, no momento desta reda\u00e7\u00e3o, o par\u00e2metro <code>$tag_name<\/code> s\u00f3 suporta a tag <code>img<\/code>. De qualquer forma, como mencionado acima, mais tags devem ser adicionadas a futuras implementa\u00e7\u00f5es.<\/p>\n<p>Se voc\u00ea quiser um controle mais granular sobre o carregamento pregui\u00e7oso da imagem no WordPress, voc\u00ea pode seguir duas abordagens diferentes, dependendo do contexto.<\/p>\n<p>Se voc\u00ea estiver trabalhando no conte\u00fado (ou seja, <code>the_content<\/code>, <code>the_excerpt<\/code>, <code>widget_text_content<\/code>), voc\u00ea poderia usar o filtro <code>wp_img_tag_add_load_attr<\/code>. O exemplo seguinte mostra como desativar o carregamento pregui\u00e7oso em uma imagem espec\u00edfica:<\/p>\n<pre><code class=\"language-php\">add_filter(\n\t'wp_img_tag_add_loading_attr',\n\tfunction( $value, $image, $context ){\n\t\tif ( 'the_content' === $context ){\n\t\t\t$image_url = wp_get_attachment_image_url( 67, 'medium' );\n\t\t\tif ( false !== strpos( $image, ' src=\"' . $image_url . '\"' ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t\treturn $value;\n\t},\n\t10,\n\t3\n);<\/code><\/pre>\n<p>Os desenvolvedores de temas tamb\u00e9m podem controlar imagens atrav\u00e9s do <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_get_attachment_image\/\" target=\"_blank\" rel=\"noopener noreferrer\">wp_get_attachment_image<\/a>. Neste cen\u00e1rio, voc\u00ea pode simplesmente definir o valor do atributo de <code>loading <\/code>da imagem como <code>false<\/code>:<\/p>\n<pre><code class=\"language-php\">echo wp_get_attachment_image(\n\t67,\n\t'medium',\n\tfalse,\n\tarray( 'loading' =&gt; false ),\n);<\/code><\/pre>\n<figure id=\"attachment_77435\" aria-describedby=\"caption-attachment-77435\" style=\"width: 1726px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77435 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/primeira-imagem-na-galeria-acima-nao-e-preguicosa.jpg\" alt=\"A primeira imagem na galeria acima n\u00e3o \u00e9 pregui\u00e7osa\" width=\"1726\" height=\"1196\"><figcaption id=\"caption-attachment-77435\" class=\"wp-caption-text\">A primeira imagem na galeria acima n\u00e3o \u00e9 pregui\u00e7osa<\/figcaption><\/figure>\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\">Native lazy-loading images is coming to <a href=\"https:\/\/twitter.com\/hashtag\/WordPress?src=hash&amp;ref_src=twsrc%5Etfw\">#WordPress<\/a> 5.5, for faster sites and less waste of network resources! And it&#39;s accompanied by further image improvements which reduce those annoying layout shifts that make you accidentally click on the wrong things. <a href=\"https:\/\/t.co\/e7g2s9uSPk\">https:\/\/t.co\/e7g2s9uSPk<\/a><\/p>\n<p>&mdash; Felix Arntz (@felixarntz) <a href=\"https:\/\/twitter.com\/felixarntz\/status\/1283167725313880064?ref_src=twsrc%5Etfw\">July 14, 2020<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p>Voc\u00ea encontrar\u00e1 mais informa\u00e7\u00f5es sobre o <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/lazy-loading-images-in-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">carregamento de imagens pregui\u00e7osas no WordPress 5.5<\/a> no blog Make WordPress Core.<\/p>\n<h2>Atualiza\u00e7\u00f5es Autom\u00e1ticas para Plugins e Temas<\/h2>\n<p>Uma das maiores preocupa\u00e7\u00f5es dos propriet\u00e1rios de sites \u00e9 a <a href=\"https:\/\/kinsta.com\/pt\/blog\/seguranca-wordpres\/\" target=\"_blank\" rel=\"noopener noreferrer\">seguran\u00e7a do site <\/a>e manter seu software atualizado \u00e9 uma recomenda\u00e7\u00e3o comum que todo propriet\u00e1rio de site deve levar em conta.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/pt\/blog\/atualizacoes-automaticas-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">As atualiza\u00e7\u00f5es autom\u00e1ticas do WordPress <\/a>est\u00e3o dispon\u00edveis como uma caracter\u00edstica desde o WordPress 3.7. Agora, o problema aqui \u00e9 que enquanto as atualiza\u00e7\u00f5es autom\u00e1ticas s\u00e3o ativadas por padr\u00e3o para manuten\u00e7\u00e3o e lan\u00e7amentos de seguran\u00e7a, antes do WordPress 5.5, muitos propriet\u00e1rios de sites n\u00e3o aproveitavam as atualiza\u00e7\u00f5es autom\u00e1ticas para plugins e temas.<\/p>\n<p>O motivo \u00e9 que esta caracter\u00edstica exigia conhecimento b\u00e1sico do desenvolvimento do WordPress. De fato, os desenvolvedores poderiam afinar suas prefer\u00eancias de atualiza\u00e7\u00e3o definindo <a href=\"https:\/\/kinsta.com\/pt\/blog\/atualizacoes-automaticas-wordpress\/#background-updates-wp-config\" target=\"_blank\" rel=\"noopener noreferrer\">uma ou mais constantes no wp-config.php<\/a> ou <a href=\"https:\/\/kinsta.com\/pt\/blog\/atualizacoes-automaticas-wordpress\/#background-updates-api-filters\" target=\"_blank\" rel=\"noopener noreferrer\">usando um filtro em um plugin<\/a>.<\/p>\n<p>Agora com o WordPress 5.5, os administradores do site podem ativar e desativar o plugin e a atualiza\u00e7\u00e3o autom\u00e1tica do tema com um \u00fanico clique diretamente no <a href=\"https:\/\/kinsta.com\/pt\/blog\/painel-administrativo-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">painel de controle do WordPress<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>As atualiza\u00e7\u00f5es autom\u00e1ticas de plugin e tema s\u00e3o desativadas por padr\u00e3o.<\/p>\n<\/aside>\n\n<p>As atualiza\u00e7\u00f5es autom\u00e1ticas de plugins podem ser ativadas e desativadas clicando no link que aparece na coluna<strong> Atualiza\u00e7\u00f5es Autom\u00e1ticas<\/strong> agora dispon\u00edvel na<strong> tela de Plugins<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77438 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/possibilitando-atualizacoes-automaticas-para-plugins.jpg\" alt=\"Possibilitando atualiza\u00e7\u00f5es autom\u00e1ticas para plugins\" width=\"1746\" height=\"914\"><\/p>\n<p>Possibilitando atualiza\u00e7\u00f5es autom\u00e1ticas para pluginsSe voc\u00ea quiser ativar atualiza\u00e7\u00f5es autom\u00e1ticas para seu tema, navegue at\u00e9<strong> Apar\u00eancia &gt; Temas,<\/strong> depois passe o mouse sobre seu tema e clique em<strong> Detalhes do<\/strong> Tema. Em seguida, clique no novo link <strong>Habilitar Atualiza\u00e7\u00f5es Autom\u00e1ticas<\/strong> e pronto.<\/p>\n<figure id=\"attachment_77444\" aria-describedby=\"caption-attachment-77444\" style=\"width: 1624px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77444 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/atualizacoes-automaticas-tema.jpg\" alt=\"Possibilitando atualiza\u00e7\u00f5es autom\u00e1ticas para um \u00fanico tema\" width=\"1624\" height=\"800\"><figcaption id=\"caption-attachment-77444\" class=\"wp-caption-text\">Possibilitando atualiza\u00e7\u00f5es autom\u00e1ticas para um \u00fanico tema<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Por padr\u00e3o, somente usu\u00e1rios com capacidades de <code>update_plugins<\/code> e <code>update_themes<\/code> podem gerenciar as atualiza\u00e7\u00f5es autom\u00e1ticas de plugins e temas nas instala\u00e7\u00f5es regulares do WordPress. Em <a href=\"https:\/\/kinsta.com\/pt\/hospedagem-wordpress\/multisite\/\">Multisite<\/a>, atualiza\u00e7\u00f5es autom\u00e1ticas est\u00e3o dispon\u00edveis para administradores de rede no painel de controle da rede (leia mais sobre as <a href=\"https:\/\/kinsta.com\/pt\/blog\/funcoes-usuario-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">fun\u00e7\u00f5es do usu\u00e1rio do WordPress e os limites aqui<\/a>)<\/p>\n<\/aside>\n\n<p>A nova IU de autoatualiza\u00e7\u00e3o para plugins e temas vem junto com v\u00e1rias <a href=\"https:\/\/kinsta.com\/pt\/blog\/hooks-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">fun\u00e7\u00f5es e ganchos<\/a> dispon\u00edveis para que os desenvolvedores possam personalizar a experi\u00eancia de autoatualiza\u00e7\u00e3o.<\/p>\n<h3>Fun\u00e7\u00f5es de autoatualiza\u00e7\u00e3o e filtros para desenvolvedores de plugins e temas<\/h3>\n<p>Uma nova fun\u00e7\u00e3o e v\u00e1rios filtros permitem que <a href=\"https:\/\/kinsta.com\/pt\/blog\/contrate-um-desenvolvedor-do-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">os desenvolvedores do WordPress <\/a>personalizem muitos aspectos das atualiza\u00e7\u00f5es autom\u00e1ticas de plugins e temas.<\/p>\n<h4>Verificar atualiza\u00e7\u00e3o autom\u00e1tica do UI<\/h4>\n<p>A nova fun\u00e7\u00e3o <code>wp_is_auto_update_enabled_for_type()<\/code> WordPress verifica se a IU de atualiza\u00e7\u00e3o autom\u00e1tica est\u00e1 habilitada para um determinado tipo. A nova fun\u00e7\u00e3o mant\u00e9m um \u00fanico argumento ($type) que determina o tipo de atualiza\u00e7\u00e3o a ser verificado (<code>'theme'<\/code> ou <code>'plugin'<\/code>) e retorna verdadeiro ou falso de acordo.<\/p>\n<p>A nova IU de autoatualiza\u00e7\u00e3o pode ser desativada para plugins ou temas gra\u00e7as a dois novos filtros: <code>plugins_auto_update_enabled<\/code> e <code>themes_auto_update_enabled<\/code>. Veja o exemplo abaixo:<\/p>\n<pre><code class=\"language-php\">\/\/ Disable plugins auto-update UI elements.\nadd_filter( 'plugins_auto_update_enabled', '__return_false' );\n\n\/\/ Disable themes auto-update UI elements.\nadd_filter( 'themes_auto_update_enabled', '__return_false' );<\/code><\/pre>\n<p>Os filtros acima est\u00e3o documentados em <em>wp-admin\/includes\/update.php<\/em>.<\/p>\n<h4>Personaliza\u00e7\u00e3o de Links de Atualiza\u00e7\u00e3o Autom\u00e1tica<\/h4>\n<p>Os desenvolvedores de plug-ins e temas podem personalizar a sa\u00edda HTML dos links de atualiza\u00e7\u00e3o autom\u00e1tica.<\/p>\n<p>O filtro <code>plugin_auto_update_setting_html<\/code> permite a troca personalizada de links e lapsos de tempo entre duas tentativas de atualiza\u00e7\u00e3o.<\/p>\n<p>A fun\u00e7\u00e3o de chamada de retorno mant\u00e9m os argumentos das \u00e1rvores:<\/p>\n<ul>\n<li><code>$html<\/code>: O HTML do conte\u00fado da coluna de atualiza\u00e7\u00e3o autom\u00e1tica do plugin, incluindo a altern\u00e2ncia de links de a\u00e7\u00e3o de atualiza\u00e7\u00e3o autom\u00e1tica e tempo para a pr\u00f3xima atualiza\u00e7\u00e3o.<\/li>\n<li><code>$plugin_file<\/code>: Caminho para o arquivo de plugins em rela\u00e7\u00e3o ao diret\u00f3rio de plugins.<\/li>\n<li><code>$plugin_data<\/code>: Um conjunto de dados de plugin.<\/li>\n<\/ul>\n<p>Agora, se voc\u00ea quiser personalizar o r\u00f3tulo do texto do link de atualiza\u00e7\u00e3o autom\u00e1tica, voc\u00ea pode usar o filtro como mostrado no snippet a seguir.<\/p>\n<pre><code class=\"language-php\">add_filter( 'plugin_auto_update_setting_html', function( $html, $plugin_file, $plugin_data ){\n\tif ( 'kinsta-plugin\/kinsta-plugin.php' === $plugin_file ) {\n\t\t$html = __( 'Custom HTML', 'kinsta-plugin' );\n\t}\n\treturn $html;\t\n\t}, \n\t10, \n\t3 \n);<\/code><\/pre>\n<p>A imagem abaixo mostra o resultado na tela.<\/p>\n<figure id=\"attachment_77428\" aria-describedby=\"caption-attachment-77428\" style=\"width: 1616px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77428 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/link-de-atualizacao-automatica.jpg\" alt=\"HTML personalizado para um link de atualiza\u00e7\u00e3o autom\u00e1tica\" width=\"1616\" height=\"660\"><figcaption id=\"caption-attachment-77428\" class=\"wp-caption-text\">HTML personalizado para um link de atualiza\u00e7\u00e3o autom\u00e1tica<\/figcaption><\/figure>\n<p>Este filtro \u00e9 documentado em <em>wp-admin\/includes\/class-wp-plugins-list-table.php<\/em>.<\/p>\n<p>Em sites \u00fanicos, voc\u00ea pode personalizar o modelo JS do link de atualiza\u00e7\u00e3o autom\u00e1tica por meio do filtro de modelo de filtro de modelo de <code>theme_auto_update_setting_template<\/code>. O <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/15\/controlling-plugin-and-theme-auto-updates-ui-in-wordpress-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">post do blog que introduz plugins e autoatualiza\u00e7\u00f5es tem\u00e1ticas<\/a> fornece o seguinte exemplo para este filtro:<\/p>\n<pre><code class=\"language-php\">function myplugin_auto_update_setting_template( $template ) {\n    $text = __( 'Auto-updates are not available for this theme.', 'my-plugin' );\n \n    return \"&lt;# if ( [ 'my-theme', 'twentytwenty' ].includes( data.id ) ) { #&gt;\n        &lt;p&gt;$text&lt;\/p&gt;\n        &lt;# } else { #&gt;\n        $template\n        &lt;# } #&gt;\";\n}\nadd_filter( 'theme_auto_update_setting_template', 'myplugin_auto_update_setting_template' );<\/code><\/pre>\n<p>\u00c9 recomendado verificar o tema alvo usando o par\u00e2metro data.id.<\/p>\n<p>Se voc\u00ea estiver trabalhando em uma <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-multisite\/\" target=\"_blank\" rel=\"noopener noreferrer\">instala\u00e7\u00e3o multisite do WordPress<\/a>, ent\u00e3o voc\u00ea precisa do filtro <code>theme_auto_update_setting_html<\/code>, que lhe permite personalizar os links Automatic Updates da tela Temas da mesma forma que a tela Plugins.<\/p>\n<p>Finalmente, dois filtros adicionais controlam todas as atualiza\u00e7\u00f5es autom\u00e1ticas para cada tema e plugin, incluindo temas e plugins que devem ser instalados no futuro.<\/p>\n<p>Estes filtros, dispon\u00edveis desde o WordPress 3.7, substituem todas as configura\u00e7\u00f5es de atualiza\u00e7\u00e3o autom\u00e1tica em seu painel do WordPress. Voc\u00ea pode ler mais sobre isso em nossas <a href=\"https:\/\/kinsta.com\/pt\/blog\/atualizacoes-automaticas-wordpress\/#background-updates-api-filters\" target=\"_blank\" rel=\"noopener noreferrer\">Atualiza\u00e7\u00f5es Autom\u00e1ticas de Mergulho Profundo no WordPress<\/a>. Para uma vis\u00e3o mais profunda das Atualiza\u00e7\u00f5es Autom\u00e1ticas para plugins e temas, leia mais <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/15\/controlling-plugin-and-theme-auto-updates-ui-in-wordpress-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">neste post do blog<\/a>.<\/p>\n<h4>Notifica\u00e7\u00f5es autom\u00e1ticas por e-mail e informa\u00e7\u00f5es sobre sa\u00fade do site<\/h4>\n<p>Desde o WordPress 5.5, uma notifica\u00e7\u00e3o por e-mail \u00e9 enviada ap\u00f3s qualquer tentativa de atualiza\u00e7\u00e3o autom\u00e1tica.<\/p>\n<p>O filtro <code>auto_plugin_theme_update_email<\/code> hook filtra os e-mails enviados ap\u00f3s uma atualiza\u00e7\u00e3o autom\u00e1tica de fundo. Veja o <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/controlling-plugin-and-theme-auto-update-email-notifications-and-site-health-infos-in-wp-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">post do blog dev-notes<\/a> para um exemplo de uso.<\/p>\n<p>As notifica\u00e7\u00f5es por e-mail de atualiza\u00e7\u00e3o autom\u00e1tica tamb\u00e9m podem ser desativadas usando dois novos filtros:<\/p>\n<pre><code class=\"language-php\">\/\/ Disable auto-update email notifications for plugins.\nadd_filter( 'auto_plugin_update_send_email', '__return_false' );\n\n\/\/ Disable auto-update email notifications for themes.\nadd_filter( 'auto_theme_update_send_email', '__return_false' );<\/code><\/pre>\n<p>As informa\u00e7\u00f5es de atualiza\u00e7\u00e3o autom\u00e1tica de plugins e temas tamb\u00e9m s\u00e3o exibidas na <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-5-2\/#site-health-check\" target=\"_blank\" rel=\"noopener noreferrer\">guia Informa\u00e7\u00f5es de sa\u00fade do site<\/a>.<\/p>\n<figure id=\"attachment_77441\" aria-describedby=\"caption-attachment-77441\" style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77441 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/informacoes-de-saude-d-site.jpg\" alt=\"A aba Informa\u00e7\u00f5es de sa\u00fade do site mostra o status do plugin e da atualiza\u00e7\u00e3o autom\u00e1tica do tema\" width=\"1600\" height=\"886\"><figcaption id=\"caption-attachment-77441\" class=\"wp-caption-text\">A aba Informa\u00e7\u00f5es de sa\u00fade do site mostra o status do plugin e da atualiza\u00e7\u00e3o autom\u00e1tica do tema<\/figcaption><\/figure>\n<p>Os desenvolvedores podem personalizar o texto que aparece nesta tela usando os filtros <code>plugin_auto_update_debug_string<\/code> e <code>theme_auto_update_debug_string<\/code>. Mais informa\u00e7\u00f5es e v\u00e1rios exemplos est\u00e3o <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/controlling-plugin-and-theme-auto-update-email-notifications-and-site-health-infos-in-wp-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">dispon\u00edveis aqui<\/a>.<\/p>\n<h2>Mapa do site principal extens\u00edvel<\/h2>\n<p><a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-seo\/#19-set-up-a-sitemap\" target=\"_blank\" rel=\"noopener noreferrer\">Um mapa do site<\/a> \u00e9 simplesmente uma lista de <a href=\"https:\/\/kinsta.com\/pt\/blog\/o-que-e-uma-url\/\">URLs<\/a> que permite aos mecanismos de busca rastrear rapidamente seu site.<\/p>\n<p>Os sitesmaps s\u00e3o bastante similares aos <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-robots-txt\/\" target=\"_blank\" rel=\"noopener noreferrer\">robots.txt<\/a>, com a diferen\u00e7a que um arquivo robots.txt exclui o conte\u00fado de ser indexado, enquanto um sitemap fornece uma <a href=\"https:\/\/kinsta.com\/pt\/blog\/submeter-seu-site-aos-mecanismos-de-pesquisa\/\" target=\"_blank\" rel=\"noopener noreferrer\">lista de URLs a serem indexadas pelos mecanismos de busca<\/a>.<\/p>\n<p>Antes do WordPress 5.5, os sites s\u00f3 podiam ser adicionados a sites WordPress <a href=\"https:\/\/kinsta.com\/pt\/blog\/sitemap-wordpress\/#plugin\" target=\"_blank\" rel=\"noopener noreferrer\">usando um plugin<\/a> ou <a href=\"https:\/\/kinsta.com\/pt\/blog\/sitemap-wordpress\/#manual\" target=\"_blank\" rel=\"noopener noreferrer\">outras ferramentas<\/a>.<\/p>\n<p>Agora, o WordPress 5.5 traz <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/10\/merge-announcement-extensible-core-sitemaps\/\" target=\"_blank\" rel=\"noopener noreferrer\">um nov\u00edssimo recurso XML para o WordPress Core<\/a>.<\/p>\n<p>O novo recurso acrescenta funcionalidades b\u00e1sicas, mas vem com um bom n\u00famero de ganchos e filtros que permitem aos desenvolvedores de plugins ampliar ainda mais as funcionalidades embutidas.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/pt\/blog\/o-que-significa-seo\/#create-an-xml-sitemap\" target=\"_blank\" rel=\"noopener noreferrer\">Os mapas de sites XML <\/a>s\u00e3o ativados por padr\u00e3o (a menos que voc\u00ea desencoraje os mecanismos de busca de indexar seu site) e fornecem os seguintes tipos de objetos:<\/p>\n<ul>\n<li>P\u00e1gina inicial<\/li>\n<li>P\u00e1gina de postagens<\/li>\n<li>Principais tipos de correio (P\u00e1ginas e Correios)<\/li>\n<li>Tipos de correio personalizados<\/li>\n<li>Taxonomias centrais (Tags e Categorias)<\/li>\n<li>Taxonomias personalizadas<\/li>\n<li>Arquivos dos autores<\/li>\n<\/ul>\n<p>O \u00edndice do sitemap est\u00e1 dispon\u00edvel em<em> \/wp-sitemap.xml<\/em>, que cont\u00e9m um m\u00e1ximo de 2.000 URLs. Quando o limite m\u00e1ximo \u00e9 atingido, ent\u00e3o um novo arquivo de mapa do site \u00e9 adicionado.<\/p>\n<figure id=\"attachment_77447\" aria-describedby=\"caption-attachment-77447\" style=\"width: 1470px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77447 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/exemplo-de-mapa-do-site-principal-do-wordpress.jpg\" alt=\"Exemplo de mapa do site principal do WordPress\" width=\"1470\" height=\"758\"><figcaption id=\"caption-attachment-77447\" class=\"wp-caption-text\">Exemplo de mapa do site principal do WordPress<\/figcaption><\/figure>\n<p>Como mencionado anteriormente, os desenvolvedores de plugins podem personalizar seus mapas de site usando uma ou mais das muitas a\u00e7\u00f5es e filtros dispon\u00edveis. Para uma lista abrangente de sitesmaps relacionados, veja a <a href=\"https:\/\/wordpress.org\/plugins\/core-sitemaps\/\" target=\"_blank\" rel=\"noopener noreferrer\">documenta\u00e7\u00e3o de plugins<\/a> e o <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/10\/merge-announcement-extensible-core-sitemaps\/\" target=\"_blank\" rel=\"noopener noreferrer\">post introdut\u00f3rio no blog<\/a>.<\/p>\n<p>Como exemplo, voc\u00ea pode desativar programmaticamente os sitesmaps centrais usando o filtro <code>wp_sitemaps_enabled<\/code>:<\/p>\n<pre><code class=\"language-php\">add_filter( 'wp_sitemaps_enabled', '__return_false' );<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Para consist\u00eancia com filtros similares, o filtro <code>wp_sitemaps_is_enabled<\/code> foi renomeado para <code>wp_sitemaps_enabled<\/code> (#<a href=\"https:\/\/core.trac.wordpress.org\/ticket\/50428\" target=\"_blank\" rel=\"noopener noreferrer\">50428<\/a>)<\/p>\n<\/aside>\n\n<p>Os mapas principais do site n\u00e3o devem entrar em conflito com nenhum plugin de mapa do site que voc\u00ea possa ter instalado em seu site. De acordo com <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/10\/merge-announcement-extensible-core-sitemaps\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pascal Birchler em Make WordPress Core<\/a>:<\/p>\n<blockquote><p>A caracter\u00edstica principal do sitemaps foi constru\u00edda de forma robusta e facilmente extens\u00edvel. Se por alguma raz\u00e3o dois sitesmaps s\u00e3o expostos em um site (um por n\u00facleo, um por plugin), isto n\u00e3o resulta em nenhuma conseq\u00fc\u00eancia negativa para a capacidade de descoberta do site.<\/p><\/blockquote>\n<p>Como parte do recurso XML Sitemaps, uma nova fun\u00e7\u00e3o esc_xml() <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/21\/new-esc_xml-function-in-wordpress-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">escapa das cadeias de caracteres para os blocos XML<\/a>. A fun\u00e7\u00e3o e o filtro correspondente est\u00e3o documentados em <em>wp-includes\/formatting.php<\/em>.<\/p>\n<p>No momento desta reda\u00e7\u00e3o, o novo sitemap n\u00e3o suporta sitemaps de imagem\/v\u00eddeo\/not\u00edcias e provavelmente isto n\u00e3o ir\u00e1 mudar no futuro. De qualquer forma, novos filtros e ganchos que permitem aos desenvolvedores adicionar este recurso podem ser adicionados em vers\u00f5es futuras.<\/p>\n<p>Para mais informa\u00e7\u00f5es sobre sitesmaps extens\u00edveis, veja a <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/22\/new-xml-sitemaps-functionality-in-wordpress-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">introdu\u00e7\u00e3o do desenvolvedor aos sitesmaps<\/a> que cobre novas classes, fun\u00e7\u00f5es, ganchos e filtros.<\/p>\n<h2>Passagem de argumentos para arquivos Template<\/h2>\n<p>Antes do WordPress 5.5, s\u00f3 era poss\u00edvel passar dados para arquivos de modelos atrav\u00e9s de vari\u00e1veis globais, vari\u00e1veis de consulta e algumas outras op\u00e7\u00f5es n\u00e3o otimizadas. Agora, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/17\/passing-arguments-to-template-files-in-wordpress-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">come\u00e7ando com o WordPress 5.5<\/a>, um par\u00e2metro <code>$args<\/code> foi adicionado \u00e0s fun\u00e7\u00f5es de carregamento de modelos (os ganchos correspondentes foram atualizados de acordo):<\/p>\n<ul>\n<li><code>get_header()<\/code><\/li>\n<li><code>get_footer()<\/code><\/li>\n<li><code>get_sidebar()<\/code><\/li>\n<li><code>get_template_part()<\/code><\/li>\n<li><code>locate_template()<\/code><\/li>\n<li><code>load_template()<\/code><\/li>\n<\/ul>\n<p>Os desenvolvedores de temas podem agora definir uma vari\u00e1vel em um arquivo modelo e torn\u00e1-lo acess\u00edvel em qualquer parte do modelo inclu\u00eddo, simplesmente passando uma s\u00e9rie de argumentos.<\/p>\n<p>Agora, enquanto esta caracter\u00edstica abre novas e amplas oportunidades para desenvolvedores de temas, Justin Tadlock na WP Tavern coloca uma <a href=\"https:\/\/wptavern.com\/theme-authors-can-pass-data-to-template-files-in-wordpress-5-5\" target=\"_blank\" rel=\"noopener noreferrer\">boa quest\u00e3o<\/a>:<\/p>\n<blockquote><p>Uma pergunta permanece: <em>a chegada deste recurso \u00e9 tarde demais? <\/em>Com o WordPress no caminho certo para reformular todo o sistema tem\u00e1tico para se integrar com o pr\u00f3ximo recurso de edi\u00e7\u00e3o completa do site, este recurso ser\u00e1 \u00fatil apenas nos pr\u00f3ximos meses?<\/p><\/blockquote>\n<p>Um bom ponto vem de <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/17\/passing-arguments-to-template-files-in-wordpress-5-5\/#comment-38999\" target=\"_blank\" rel=\"noopener noreferrer\">John Blackbourne<\/a>:<\/p>\n<blockquote><p>Mesmo em um futuro com a edi\u00e7\u00e3o completa do site, ainda h\u00e1 muita necessidade de pe\u00e7as modelo. Os tipos de blocos dinamicamente renderizados podem e fazem bom uso de pe\u00e7as de modelo estruturadas, por exemplo. Eles n\u00e3o s\u00e3o mutuamente exclusivos, e sempre haver\u00e1 temas com opini\u00f5es que n\u00e3o fazem uso extensivo de blocos para layout.<\/p><\/blockquote>\n<p>Finalmente chegamos a <a href=\"https:\/\/profiles.wordpress.org\/enricosorcinelli\/\" target=\"_blank\" rel=\"noopener noreferrer\">Enrico Sorcinelli<\/a>, WP Core Contributor, que compartilhou conosco seus pensamentos:<\/p>\n<blockquote><p>Se voc\u00ea me pergunta se chegamos tarde demais, do meu ponto de vista nunca \u00e9 tarde demais! Acredito que no futuro os desenvolvedores do tema podem se beneficiar desta oportunidade, o que n\u00e3o exclui que ela possa ser usada em simbiose com a abordagem emergente de edi\u00e7\u00e3o completa do site (por exemplo, para blocos com renderiza\u00e7\u00e3o din\u00e2mica).<\/p><\/blockquote>\n<p>Talvez seja simplesmente muito cedo para dizer como exatamente este recurso se combinaria com a edi\u00e7\u00e3o completa do site, mas uma coisa parece certa: o desenvolvimento futuro trar\u00e1 grandes oportunidades de construir melhores sites tanto para usu\u00e1rios quanto para desenvolvedores.<\/p>\n<h2>Atualiza\u00e7\u00e3o de Plugins e Temas a partir de um arquivo . zip<\/h2>\n<p>Eu sei o que voc\u00ea est\u00e1 pensando: pode parecer bastante &#8220;inesperado&#8221; ver este recurso aparecer em conjunto com as atualiza\u00e7\u00f5es autom\u00e1ticas. No entanto, faz sentido.<\/p>\n<p>Antes do WordPress 5.5, quando faltava um recurso de atualiza\u00e7\u00e3o com um clique, os administradores do site s\u00f3 podiam <a href=\"https:\/\/kinsta.com\/pt\/blog\/atualizar-manualmente-plugin-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">carregar atualiza\u00e7\u00f5es de plugins\/tema via FTP\/SFTP<\/a> ou gerenciador de arquivos (<a href=\"https:\/\/kinsta.com\/pt\/blog\/ftp-vs-sftp\/\">saiba a diferen\u00e7a entre FTP e SFTP<\/a>). Isso era verdade principalmente com plugins\/temas personalizados ou com extens\u00f5es hospedadas em mercados de terceiros.<\/p>\n<p>A partir do WordPress 5.5, voc\u00ea pode <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/9757\" target=\"_blank\" rel=\"noopener noreferrer\">atualizar plugins e temas carregando um pacote . zip<\/a> de seu computador dentro de seu painel do WordPress.<\/p>\n<p>Se voc\u00ea quiser atualizar um plugin, navegue at\u00e9<strong> Plugins &gt; Adicionar nova<\/strong> tela e clique no bot\u00e3o Upload<strong> Plugin. <\/strong>Ent\u00e3o, se voc\u00ea tiver o plugin instalado em seu site, uma nova tela permite saber que &#8220;Este plugin j\u00e1 est\u00e1 instalado&#8221; e mostra a vers\u00e3o atual e os detalhes da vers\u00e3o carregada.<\/p>\n<figure id=\"attachment_77439\" aria-describedby=\"caption-attachment-77439\" style=\"width: 1660px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77439 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/este-plugin-ja-esta-instalado.jpg\" alt=\"Este plugin j\u00e1 est\u00e1 instalado\" width=\"1660\" height=\"1114\"><figcaption id=\"caption-attachment-77439\" class=\"wp-caption-text\">Este plugin j\u00e1 est\u00e1 instalado<\/figcaption><\/figure>\n<p>O processo \u00e9 bastante semelhante com atualiza\u00e7\u00f5es de temas.<\/p>\n<p>Navegue at\u00e9 a tela<strong> Appearance &gt; Themes<\/strong>, depois clique em <strong>Add New,<\/strong> depois em <strong>Upload Theme. <\/strong>Se voc\u00ea j\u00e1 tem o tema instalado em seu site WordPress, uma nova tela lhe permite saber que &#8220;Este tema j\u00e1 est\u00e1 instalado&#8221; e mostra a vers\u00e3o atual e os detalhes da vers\u00e3o carregada.<\/p>\n<figure id=\"attachment_77445\" aria-describedby=\"caption-attachment-77445\" style=\"width: 1660px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77445 size-full\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/este-tema-ja-esta-instalado.jpg\" alt=\"Este tema j\u00e1 est\u00e1 instalado\" width=\"1660\" height=\"1114\"><figcaption id=\"caption-attachment-77445\" class=\"wp-caption-text\">Este tema j\u00e1 est\u00e1 instalado<\/figcaption><\/figure>\n<h2>Melhorias adicionais para desenvolvedores que v\u00eam com o WordPress 5.5<\/h2>\n<p>Al\u00e9m do que j\u00e1 cobrimos at\u00e9 agora, alguns acr\u00e9scimos merecem a aten\u00e7\u00e3o de um desenvolvedor.<\/p>\n<h3>Nova fun\u00e7\u00e3o wp_get_environment_type()<\/h3>\n<p>Uma <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/24\/new-wp_get_environment_type-function-in-wordpress-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">nova fun\u00e7\u00e3o <code>wp_get_environment_type()<\/code><\/a> permite detectar o tipo de ambiente atual de um website, permitindo aos desenvolvedores adaptar as funcionalidades de plugin e tema ao ambiente atual.<\/p>\n<p>Por padr\u00e3o, <code>wp_get_environment_type()<\/code> retorna a <code>production<\/code>. Outros valores suportados s\u00e3o o <code>developement<\/code> e <code>staging<\/code>. De qualquer forma, os desenvolvedores podem definir tipos de ambiente adicionais, se necess\u00e1rio.<\/p>\n<p>H\u00e1 tr\u00eas m\u00e9todos dispon\u00edveis para definir um tipo de ambiente de website. A partir de uma ordem de prioridade, voc\u00ea pode usar:<\/p>\n<ul>\n<li><code>WP_ENVIRONMENT_TYPE<\/code> Vari\u00e1vel de ambiente PHP.<\/li>\n<li><code>WP_ENVIRONMENT_TYPE<\/code> constante.<\/li>\n<li><code>wp_get_environment_type<\/code> filtro.<\/li>\n<\/ul>\n<p>Como exemplo, se voc\u00ea quiser <a href=\"https:\/\/kinsta.com\/pt\/docs\/hospedagem-de-wordpress\/ambiente-de-teste\/\">configurar seu ambiente de teste <\/a>, voc\u00ea pode definir a constante WP_ENVIRONMENT_TYPE em <a href=\"https:\/\/kinsta.com\/pt\/blog\/wp-config-php\/\">seu arquivo wp-config.php<\/a> como mostrado abaixo:<\/p>\n<pre><code class=\"language-php\">define( 'WP_ENVIRONMENT_TYPE', 'staging' );<\/code><\/pre>\n<p>Se o tipo de ambiente for desenvolvimento, o <code>WP_DEBUG<\/code> ser\u00e1 automaticamente definido como <code>true<\/code> mesmo que voc\u00ea n\u00e3o o tenha definido explicitamente.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Todos os anfitri\u00f5es s\u00e3o obrigados a suportar este recurso e devem configurar seus ambientes de testes de acordo. Kinsta j\u00e1 suporta a fun\u00e7\u00e3o <code>wp_get_environment_type()<\/code><\/p>\n<\/aside>\n\n<h3>Altera\u00e7\u00f5es do REST API no WordPress 5.5<\/h3>\n<p>O WordPress 5.5 tamb\u00e9m traz muitas mudan\u00e7as para o <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-rest-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">REST API<\/a>. Veremos <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/16\/new-and-modified-rest-api-endpoints-in-wordpress-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">v\u00e1rios novos pontos finais<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/16\/rest-api-parameter-json-schema-changes-in-wordpress-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">novos par\u00e2metros e mudan\u00e7as no esquema JSON<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/22\/rest-api-changes-in-wordpress-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">novas fun\u00e7\u00f5es e mais aperfei\u00e7oamentos<\/a>.<\/p>\n<p>Aqui est\u00e1 uma r\u00e1pida lista de novos pontos finais:<\/p>\n<h4>Tipos de blocos<\/h4>\n<p>Um novo ponto final permite obter todos os tipos de blocos registrados:<\/p>\n<ul>\n<li><code>GET \/wp\/v2\/block-types<\/code> devolver\u00e1 todos os tipos de blocos registrados.<\/li>\n<li><code>GET \/wp\/v2\/block-types\/core<\/code> devolver\u00e1 todos os blocos dentro do namespace <code>core<\/code>.<\/li>\n<li><code>GET \/wp\/v2\/block-types\/core\/quote<\/code> retornar\u00e1 a defini\u00e7\u00e3o do bloco de <code>quote<\/code> block.<\/li>\n<\/ul>\n<h4>Plugins<\/h4>\n<p>Um novo ponto final permite gerenciar os plugins:<\/p>\n<ul>\n<li><code>GET \/wp\/v2\/plugins<\/code> will return a list of all installed plugins.<\/li>\n<li><code>GET \/wp\/v2\/plugins\/plugin-name\/plugin-name<\/code> will return information about the specified plugin.<\/li>\n<li><code>POST \/wp\/v2\/plugins { slug: \"plugin-name\" }<\/code> installs the specified plugin from the Plugins Directory<\/li>\n<li><code>PUT \/wp\/v2\/plugins\/plugin-name\/plugin-name { status: \"active\" }<\/code> activates the specified plugin<\/li>\n<li><code>DELETE \/wp\/v2\/plugins\/plugin-name\/plugin-name<\/code> deletes an inactive plugin.<\/li>\n<\/ul>\n<h4>Diret\u00f3rio de blocos<\/h4>\n<p>Um novo ponto final permite a busca no diret\u00f3rio de blocos:<\/p>\n<ul>\n<li><code>GET \/wp\/v2\/block-directory\/search?term=block-name<\/code> pesquisa no diret\u00f3rio de blocos por <code>block-name<\/code><\/li>\n<\/ul>\n<h4>Edi\u00e7\u00e3o de imagens<\/h4>\n<p>Emparelhando com o novo recurso de edi\u00e7\u00e3o de imagem em linha, um novo ponto final permite editar anexos de imagem na Biblioteca de M\u00eddia:<\/p>\n<p><code>POST \/wp\/v2\/media\/5\/edit<\/code> edita a imagem com ID 5<\/p>\n<p>Veja <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/22\/rest-api-changes-in-wordpress-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">as notas do WordPress Core dev dev<\/a> para uma vis\u00e3o mais pr\u00f3xima de todas as mudan\u00e7as na API REST que vem com o WordPress 5.5.<\/p>\n<h2>Resumo<\/h2>\n<p>Estamos entusiasmados com todas estas novas caracter\u00edsticas e melhorias que o WordPress 5.5 traz em um \u00fanico lan\u00e7amento.<\/p>\n<p>Ele mostra a enorme quantidade de trabalho acontecendo nos bastidores e n\u00f3s apreciamos profundamente todos os esfor\u00e7os e compromissos de cada contribuinte central.<\/p>\n<p>Se as mudan\u00e7as listadas acima n\u00e3o forem suficientes para voc\u00ea, aqui est\u00e3o outras melhorias adicionais que voc\u00ea deve verificar com o WordPress 5.5:<\/p>\n<ul>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/15\/dashicons-in-wordpress-5-5-the-final-update\/\" target=\"_blank\" rel=\"noopener noreferrer\">65 novos \u00edcones adicionados<\/a> \u00e0 fonte de \u00edcones Dashicons no WordPress Core<\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/09\/accessibility-improvements-to-widgets-outputting-lists-of-links-in-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Listas de melhoria de acessibilidade de links em widgets<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/10\/new-css-styles-for-buttons-with-disabled-state-in-wp-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Novos estilos de CSS para bot\u00f5es desativados<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/27\/opcode-cache-invalidation-in-wordpress-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Invalida\u00e7\u00e3o do c\u00f3digo Opcode Cache<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/26\/wordpress-5-5-better-fine-grained-control-of-redirect_guess_404_permalink\/\">Melhor controle do <code>redirect_guess_404_permalink()<\/code><\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/php-related-improvements-changes-wordpress-5-5-edition\/\" target=\"_blank\" rel=\"noopener noreferrer\">Melhorias relacionadas ao PHP<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/23\/codebase-language-improvements-in-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mudan\u00e7as na base de c\u00f3digo<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/28\/themes-changes-related-to-get_custom_logo-in-wordpress-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mudan\u00e7as nas fun\u00e7\u00f5es do logotipo e filtro personalizados<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/block-api-updates-in-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Atualiza\u00e7\u00f5es de API do bloco<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/filtering-archive-pages-headings-in-wordpress-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Filtros de cabe\u00e7alho de p\u00e1gina de arquivo<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/themes-field-guide-wordpress-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Adicionando \u00edcones em Vinte e Vinte<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/28\/themes-changes-related-to-get_custom_logo-in-wordpress-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">E muitos mais<\/a><\/li>\n<\/ul>\n<p>N\u00e3o deixe de <a href=\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">participar do nosso webinar gratuito<\/a> totalmente dedicado ao WordPress 5.5!<\/p>\n<p>Agora \u00e9 a sua vez. Quais s\u00e3o as caracter\u00edsticas e\/ou melhorias que voc\u00ea mais gosta no WordPress 5.5? E quais caracter\u00edsticas voc\u00ea gostaria que fossem <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/31\/wordpress-5-6-whats-on-your-wishlist\/\" target=\"_blank\" rel=\"noopener noreferrer\">adicionadas ao WordPress 5.6<\/a>? Compartilhe suas id\u00e9ias na se\u00e7\u00e3o de coment\u00e1rios abaixo!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O WordPress 5.5 &#8220;Eckstine&#8221; foi lan\u00e7ado, e est\u00e1 na hora de introduzirmos as mudan\u00e7as e caracter\u00edsticas mais not\u00e1veis adicionadas ao Core com o segundo lan\u00e7amento do &#8230;<\/p>\n","protected":false},"author":36,"featured_media":38868,"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-38840","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>O Que H\u00e1 de Novo no Wordpress 5.5 - Um Mergulho Profundo Em Um Lan\u00e7amento (\u00c9pico)<\/title>\n<meta name=\"description\" content=\"WordPress 5.5 \u00e9 a \u00faltima vers\u00e3o do WordPress e traz toneladas de mudan\u00e7as para o n\u00facleo. Confira todas as novas caracter\u00edsticas e melhorias no WordPress 5.5.\" \/>\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\/novo-wordpress-5-5\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O Que H\u00e1 de Novo no Wordpress 5.5 - Um Mergulho Profundo Em Um Lan\u00e7amento (\u00c9pico)\" \/>\n<meta property=\"og:description\" content=\"WordPress 5.5 \u00e9 a \u00faltima vers\u00e3o do WordPress e traz toneladas de mudan\u00e7as para o n\u00facleo. Confira todas as novas caracter\u00edsticas e melhorias no WordPress 5.5.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/\" \/>\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-08-09T13:00:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-17T14:09:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wordpress-5-5.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"WordPress 5.5 \u00e9 a \u00faltima vers\u00e3o do WordPress e traz toneladas de mudan\u00e7as para o n\u00facleo. Confira todas as novas caracter\u00edsticas e melhorias no WordPress 5.5.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wordpress-5-5.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"33 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"O Que H\u00e1 de Novo no WordPress 5.5 &#8211; Um Mergulho Profundo Em Um Lan\u00e7amento (\u00c9pico)\",\"datePublished\":\"2020-08-09T13:00:39+00:00\",\"dateModified\":\"2025-02-17T14:09:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/\"},\"wordCount\":5972,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wordpress-5-5.jpg\",\"keywords\":[\"CMS\",\"WordPress\"],\"articleSection\":[\"Not\u00edcias WordPress\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/\",\"name\":\"O Que H\u00e1 de Novo no Wordpress 5.5 - Um Mergulho Profundo Em Um Lan\u00e7amento (\u00c9pico)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wordpress-5-5.jpg\",\"datePublished\":\"2020-08-09T13:00:39+00:00\",\"dateModified\":\"2025-02-17T14:09:32+00:00\",\"description\":\"WordPress 5.5 \u00e9 a \u00faltima vers\u00e3o do WordPress e traz toneladas de mudan\u00e7as para o n\u00facleo. Confira todas as novas caracter\u00edsticas e melhorias no WordPress 5.5.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wordpress-5-5.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wordpress-5-5.jpg\",\"width\":1460,\"height\":730,\"caption\":\"WordPress 5.5\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#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 5.5 &#8211; Um Mergulho Profundo Em Um Lan\u00e7amento (\u00c9pico)\"}]},{\"@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 5.5 - Um Mergulho Profundo Em Um Lan\u00e7amento (\u00c9pico)","description":"WordPress 5.5 \u00e9 a \u00faltima vers\u00e3o do WordPress e traz toneladas de mudan\u00e7as para o n\u00facleo. Confira todas as novas caracter\u00edsticas e melhorias no WordPress 5.5.","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\/novo-wordpress-5-5\/","og_locale":"pt_PT","og_type":"article","og_title":"O Que H\u00e1 de Novo no Wordpress 5.5 - Um Mergulho Profundo Em Um Lan\u00e7amento (\u00c9pico)","og_description":"WordPress 5.5 \u00e9 a \u00faltima vers\u00e3o do WordPress e traz toneladas de mudan\u00e7as para o n\u00facleo. Confira todas as novas caracter\u00edsticas e melhorias no WordPress 5.5.","og_url":"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2020-08-09T13:00:39+00:00","article_modified_time":"2025-02-17T14:09:32+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wordpress-5-5.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"WordPress 5.5 \u00e9 a \u00faltima vers\u00e3o do WordPress e traz toneladas de mudan\u00e7as para o n\u00facleo. Confira todas as novas caracter\u00edsticas e melhorias no WordPress 5.5.","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wordpress-5-5.jpg","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Carlo Daniele","Tempo estimado de leitura":"33 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"O Que H\u00e1 de Novo no WordPress 5.5 &#8211; Um Mergulho Profundo Em Um Lan\u00e7amento (\u00c9pico)","datePublished":"2020-08-09T13:00:39+00:00","dateModified":"2025-02-17T14:09:32+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/"},"wordCount":5972,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wordpress-5-5.jpg","keywords":["CMS","WordPress"],"articleSection":["Not\u00edcias WordPress"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/","url":"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/","name":"O Que H\u00e1 de Novo no Wordpress 5.5 - Um Mergulho Profundo Em Um Lan\u00e7amento (\u00c9pico)","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wordpress-5-5.jpg","datePublished":"2020-08-09T13:00:39+00:00","dateModified":"2025-02-17T14:09:32+00:00","description":"WordPress 5.5 \u00e9 a \u00faltima vers\u00e3o do WordPress e traz toneladas de mudan\u00e7as para o n\u00facleo. Confira todas as novas caracter\u00edsticas e melhorias no WordPress 5.5.","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wordpress-5-5.jpg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wordpress-5-5.jpg","width":1460,"height":730,"caption":"WordPress 5.5"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/novo-wordpress-5-5\/#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 5.5 &#8211; Um Mergulho Profundo Em Um Lan\u00e7amento (\u00c9pico)"}]},{"@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\/38840","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=38840"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/38840\/revisions"}],"predecessor-version":[{"id":48738,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/38840\/revisions\/48738"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/38840\/translations\/en"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/38840\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/38840\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/38840\/translations\/fr"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/38840\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/38840\/translations\/it"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/38840\/translations\/dk"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/38840\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/38840\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/38840\/translations\/se"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/38840\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/38868"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=38840"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=38840"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=38840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}