{"id":26253,"date":"2022-01-26T12:00:52","date_gmt":"2022-01-26T15:00:52","guid":{"rendered":"\/tutoriais\/?p=26253"},"modified":"2026-03-10T13:00:58","modified_gmt":"2026-03-10T16:00:58","slug":"wordpress-5-9","status":"publish","type":"post","link":"\/pt\/tutoriais\/wordpress-5-9","title":{"rendered":"WordPress 5.9: tudo para a edi\u00e7\u00e3o completa do seu site"},"content":{"rendered":"<p>O <a href=\"https:\/\/make.wordpress.org\/core\/5-9\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WordPress 5.9<\/strong><\/a> trouxe novos recursos e melhorias que tornaram a personaliza&ccedil;&atilde;o completa do seu site ainda mais f&aacute;cil. Essa nova vers&atilde;o foi lan&ccedil;ada em 25 de janeiro de 2022.<\/p><p>O lan&ccedil;amento anterior, WordPress 5.8, j&aacute; contava com a edi&ccedil;&atilde;o completa do site com a integra&ccedil;&atilde;o do <a href=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/gutenberg-pros-e-contras\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>editor de cblocos Gutenberg<\/strong><\/a> para a cria&ccedil;&atilde;o de posts e p&aacute;ginas. A vers&atilde;o 5.9 conta com essa funcionalidade ainda mais desenvolvida, com o editor de tema em blocos com mais recursos e mudan&ccedil;as.<\/p><p>Este artigo ir&aacute; explorar os novos recursos, mudan&ccedil;as e corre&ccedil;&otilde;es de erros desse lan&ccedil;amento. O <a href=\"https:\/\/wordpress.org\/news\/2021\/12\/wordpress-5-9-beta-3\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>WordPress 5.9 vers&atilde;o Beta<\/strong><\/a> est&aacute; dispon&iacute;vel para ser testado, portanto, voc&ecirc; pode test&aacute;-lo em um site para ver quais recursos, lan&ccedil;amentos e melhorias que v&ecirc;m por a&iacute;.<\/p><h2 class=\"wp-block-heading\" id=\"h-uma-breve-visao-geral-dos-novos-recursos-e-mudancas\"><strong>Uma Breve Vis&atilde;o Geral dos Novos Recursos e Mudan&ccedil;as<\/strong><\/h2><p>Os novos recursos e melhorias no design e na interface do usu&aacute;rio visam tornar poss&iacute;vel o web design intr&iacute;nseco <a href=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/tutorial-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>no WordPress<\/strong><\/a>. O WordPress 5.9 conta com os seguintes recursos:<\/p><ul class=\"wp-block-list\">\n<li><strong>Editor de temas em blocos<\/strong> &ndash; um novo jeito de personalizar os temas do WordPress<\/li>\n\n\n\n<li><strong>Melhorias no Design e na Interface do Usu&aacute;rio (UX)<\/strong> &mdash; novos recursos para o editor de blocos, como a visualiza&ccedil;&atilde;o em lista e o modo foco.<\/li>\n\n\n\n<li><strong>Interface de estilos globais<\/strong> &mdash; uma nova interface, de design mais enxuta para alterar os estilos globais de um tema.<\/li>\n\n\n\n<li><strong>Padr&atilde;o<\/strong> &mdash; um conjunto de blocos que te permite criar uma nova se&ccedil;&atilde;o de p&aacute;gina em poucos cliques.<\/li>\n\n\n\n<li><strong>Ferramentas de design<\/strong>&mdash; v&aacute;rias op&ccedil;&otilde;es de design.<\/li>\n\n\n\n<li><strong>Tema Twenty-Twenty Two<\/strong> &mdash; um novo tema padr&atilde;o do WordPress, criado para trabalhar melhor com o novo editor de blocos.<\/li>\n\n\n\n<li><strong>Lazy Loading (carregamento pregui&ccedil;oso)<\/strong> &mdash; mudan&ccedil;as nas configura&ccedil;&otilde;es do lazy loading para acelerar as p&aacute;ginas.<\/li>\n\n\n\n<li><strong>Seletor de idioma na p&aacute;gina de login<\/strong> &mdash; &eacute; poss&iacute;vel selecionar um idioma para a p&aacute;gina de login com um menu suspenso.<\/li>\n\n\n\n<li><strong>Refrator de bloco de galeria<\/strong> &mdash; todas as imagens no bloco de galeria ser&atilde;o classificadas como um bloco de imagem.<\/li>\n\n\n\n<li><strong>Testes PHPUnit<\/strong> &mdash; uma atualiza&ccedil;&atilde;o para o framework de teste PHPUnit para permitir a compatibilidade com v&aacute;rias vers&otilde;es PHP.<\/li>\n\n\n\n<li><strong>Nova compatibilidade e suporte<\/strong> &mdash; WordPress 5.9 ser&aacute; compat&iacute;vel com PHP 8.1. jQuery 3 e incorpora&ccedil;&atilde;o do Pinterest.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-editor-de-temas-em-blocos\"><strong>Editor de Temas em Blocos<\/strong><\/h2><p>Um dos destaques no WordPress 5.9 &eacute; o novo <a href=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/editar-tema-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>editor de tema<\/strong><\/a> em blocos Gutenberg. Basicamente, este recurso pode substituir o antigo Personalizado do WordPress. Quando voc&ecirc; abrir a se&ccedil;&atilde;o de Apar&ecirc;ncia no painel admin do WordPress, ver&aacute; o <strong>Editor<\/strong> em vez do <strong>Personalizar<\/strong>.<\/p><div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"403\" height=\"90\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/aparencia-painel-admin-WP-1.png\" alt=\"Menu painel admin WordPress 5.9\" class=\"wp-image-26237\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/aparencia-painel-admin-WP-1.png 403w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/aparencia-painel-admin-WP-1-300x67.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/aparencia-painel-admin-WP-1-150x33.png 150w\" sizes=\"(max-width: 403px) 100vw, 403px\" \/><\/figure><\/div><p>A interface &eacute; similar &agrave; p&aacute;gina do Gutenberg e editor de posts do WordPress 5.8. Voc&ecirc; pode criar ou editar temas usando blocos do WordPress com elementos de tema, como cabe&ccedil;alho e rodap&eacute; com seus pr&oacute;prios elementos.<\/p><div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/editor-de-tema-em-blocos-WordPress5-9-1-1024x454.png\" alt=\"Editor de tema em blocos WordPress 5.9. Tema Twenty-Twenty Two\" class=\"wp-image-26239\" width=\"768\" height=\"341\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/editor-de-tema-em-blocos-WordPress5-9-1.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/editor-de-tema-em-blocos-WordPress5-9-1-300x133.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/editor-de-tema-em-blocos-WordPress5-9-1-150x67.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/editor-de-tema-em-blocos-WordPress5-9-1-768x341.png 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/editor-de-tema-em-blocos-WordPress5-9-1-1536x681.png 1536w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure><\/div><p>Outros novos blocos de tema incluem navega&ccedil;&atilde;o, t&iacute;tulo do site, e logo do site. O bloco de navega&ccedil;&atilde;o, por exemplo, agora tem acessibilidade de teclado incorporado e op&ccedil;&otilde;es de menu responsivo.<\/p><div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Blocos-editor-de-temas-WordPress-5-9.png\" alt=\"\" class=\"wp-image-26240\" width=\"417\" height=\"457\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Blocos-editor-de-temas-WordPress-5-9.png 417w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Blocos-editor-de-temas-WordPress-5-9-274x300.png 274w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Blocos-editor-de-temas-WordPress-5-9-137x150.png 137w\" sizes=\"(max-width: 417px) 100vw, 417px\" \/><\/figure><\/div><p>Com o lan&ccedil;amento oficial do editor de temas em blocos, podemos esperar ver mais temas de blocos no WordPress no futuro.<\/p><h2 class=\"wp-block-heading\" id=\"h-melhorias-no-design-e-na-interface-do-usuario-ux\"><strong>Melhorias no Design e na Interface do Usu&aacute;rio (UX)<\/strong><\/h2><p>A nova vers&atilde;o do WordPress tamb&eacute;m traz melhorias na interface e na experi&ecirc;ncia do usu&aacute;rio. A visualiza&ccedil;&atilde;o em lista ter&aacute; a op&ccedil;&atilde;o de arrastar e soltar elementos para reorganizar o conte&uacute;do de forma mais simples.<\/p><div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/melhorias-editor-de-temas-em-bloco-WordPress-5-9-1-1024x521.png\" alt=\"Visualiza&ccedil;&atilde;o em lista editor de tema em blocos WordPress 5.9\" class=\"wp-image-26242\" width=\"768\" height=\"391\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/melhorias-editor-de-temas-em-bloco-WordPress-5-9-1-1024x521.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/melhorias-editor-de-temas-em-bloco-WordPress-5-9-1-300x153.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/melhorias-editor-de-temas-em-bloco-WordPress-5-9-1-150x76.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/melhorias-editor-de-temas-em-bloco-WordPress-5-9-1-768x391.png 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/melhorias-editor-de-temas-em-bloco-WordPress-5-9-1.png 1244w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure><\/div><p>Os itens na lista tamb&eacute;m s&atilde;o retr&aacute;teis, o que facilita o gerenciamento de conte&uacute;dos mais complexos com v&aacute;rios blocos. Al&eacute;m disso, &eacute; poss&iacute;vel adicionar um elemento &acirc;ncora HTML a qualquer bloco para uma navega&ccedil;&atilde;o mais r&aacute;pida.<\/p><p>O editor de temas tamb&eacute;m tem um modo de foco para cabe&ccedil;alho e rodap&eacute;. Esse recurso pode ser acessado da parte superior do painel do editor e mostrar&aacute; somente a parte que voc&ecirc; deseja editar.<\/p><h2 class=\"wp-block-heading\" id=\"h-estilos-de-tema-global\"><strong>Estilos de Tema Global<\/strong><\/h2><p>O WordPress 5.8 trouxe o <strong>tema .json<\/strong>, um arquivo localizado no diret&oacute;rio principal do tema que permite que voc&ecirc; configure os estilos padr&otilde;es do tema com o m&iacute;nimo de CSS.<\/p><p>WordPress 5.9 apresenta a interface dos estilos globais. O recurso possibilita a altera&ccedil;&atilde;o de estilos globais no editor de temas sem afetar o conte&uacute;do do arquivo do <strong>tema .json<\/strong>.<\/p><p>A interface pode ser acessada ao clicar no <strong>c&iacute;rculo preto e branco<\/strong> no canto superior direito do editor. O painel aparecer&aacute; no lado direito e o usu&aacute;rio poder&aacute; alterar a fonte, o esquema de cores, e o preenchimento do site todo.<\/p><p>Tem tamb&eacute;m uma op&ccedil;&atilde;o de definir um estilo para blocos espec&iacute;ficos. Por exemplo, voc&ecirc; pode definir tipografia e cor diferentes para os blocos de bot&otilde;es.<\/p><div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Estilos-globais-editor-de-tema-em-blocos-WordPress-5-9-1024x414.png\" alt=\"Estilos globais no editor de tema em blocos WordPress 5.9\" class=\"wp-image-26243\" width=\"768\" height=\"311\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Estilos-globais-editor-de-tema-em-blocos-WordPress-5-9.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Estilos-globais-editor-de-tema-em-blocos-WordPress-5-9-300x121.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Estilos-globais-editor-de-tema-em-blocos-WordPress-5-9-150x61.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Estilos-globais-editor-de-tema-em-blocos-WordPress-5-9-768x310.png 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Estilos-globais-editor-de-tema-em-blocos-WordPress-5-9-1536x620.png 1536w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure><\/div><p><\/p><h2 class=\"wp-block-heading\" id=\"h-insercao-e-criacao-de-padrao\"><strong>Inser&ccedil;&atilde;o e Cria&ccedil;&atilde;o de Padr&atilde;o<\/strong><\/h2><p>Esse recurso possibilita adicionar um padr&atilde;o &mdash; um pacote de blocos &mdash; para criar facilmente uma nova se&ccedil;&atilde;o no site. Por exemplo, criar uma se&ccedil;&atilde;o para um formul&aacute;rio de inscri&ccedil;&atilde;o ao inserir o padr&atilde;o pr&eacute;-definido em vez de adicionar novos blocos um por um.<\/p><p>Clique no &iacute;cone de mais (+) no canto superior esquerdo do editor e selecione a aba <strong>Padr&otilde;es<\/strong>. Use o menu retr&aacute;til para escolher uma categoria ou clique no bot&atilde;o Explorar para ver a disponibilidade de padr&otilde;es.<\/p><div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Padroes-de-criacao-e-insercao-WordPress-5-9-1024x495.png\" alt=\"Padr&atilde;o de inser&ccedil;&atilde;o e cria&ccedil;&atilde;o do editor de tema em blocos do WordPress 5.9\" class=\"wp-image-26244\" width=\"768\" height=\"371\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Padroes-de-criacao-e-insercao-WordPress-5-9.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Padroes-de-criacao-e-insercao-WordPress-5-9-300x145.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Padroes-de-criacao-e-insercao-WordPress-5-9-150x72.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Padroes-de-criacao-e-insercao-WordPress-5-9-768x371.png 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Padroes-de-criacao-e-insercao-WordPress-5-9-1536x742.png 1536w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure><\/div><p><\/p><p><\/p><h2 id=\"h-novas-ferramentas-de-design\"><strong>Novas Ferramentas de Design<\/strong><\/h2><p>O WordPress 5.9 traz v&aacute;rias atualiza&ccedil;&otilde;es para as ferramentas de design, que podem ser acessadas do painel de configura&ccedil;&otilde;es de bloco. Para cada tipo de bloco, h&aacute; diferentes ferramentas de design e op&ccedil;&otilde;es de personaliza&ccedil;&atilde;o. Veja a seguir algumas das principais novidades:<\/p><ul class=\"wp-block-list\">\n<li><strong>Pagina&ccedil;&atilde;o<\/strong> &mdash; op&ccedil;&otilde;es para alterar os estilos de seta, orienta&ccedil;&atilde;o de texto, e apresenta&ccedil;&atilde;o em bloco.<\/li>\n\n\n\n<li><strong>Navega&ccedil;&atilde;o<\/strong> &mdash; op&ccedil;&otilde;es para controlar o espa&ccedil;o entre os elementos de navega&ccedil;&atilde;o.<\/li>\n\n\n\n<li><strong>Bot&otilde;es<\/strong> &mdash; op&ccedil;&otilde;es para ajustar a justifica&ccedil;&atilde;o da apresenta&ccedil;&atilde;o e selecionar o alinhamento horizontal ou vertical.<\/li>\n\n\n\n<li><strong>Imagem destacada<\/strong> &mdash; foram adicionadas op&ccedil;&otilde;es de dimens&atilde;o e escala.<\/li>\n\n\n\n<li><strong>Borda<\/strong> &mdash; diversas op&ccedil;&otilde;es de design para borda, como estilo da borda, cor e propriedades de raio foram adicionadas no WordPress 5.8. Na vers&atilde;o 5.9, tamb&eacute;m ser&atilde;o adicionados temas infantis.<\/li>\n\n\n\n<li><strong>Filtro duot&ocirc;nico<\/strong> &mdash; essa op&ccedil;&atilde;o agora est&aacute; dispon&iacute;vel para imagem destacada e bloco de galeria.<\/li>\n<\/ul><p><\/p><h2 id=\"h-novo-tema-padrao-twenty-twenty-two\"><strong>Novo Tema Padr&atilde;o Twenty-Twenty Two<\/strong><\/h2><p>Todo o ano, o WordPress lan&ccedil;a um novo tema padr&atilde;o e 2022 n&atilde;o poderia ser diferente. O novo WordPress 5.9 vem com o tema de bloco padr&atilde;o <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/06\/introducing-twenty-twenty-two\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Twenty-Twenty Two<\/strong><\/a>.<\/p><p>Esse tema de bloco foi projetado para uma edi&ccedil;&atilde;o completa do site. Os desenvolvedores do tema focaram em tornar o tema edit&aacute;vel pelo <strong>tema .json<\/strong> e o novo editor que n&atilde;o usasse tanto o CSS.<\/p><p>O Twenty-Twenty Two tem uma vasta gama de modelos de p&aacute;gina, incluindo p&aacute;ginas de erro 404, p&aacute;ginas de posts &uacute;nicos e p&aacute;ginas de arquivos. As partes do modelo tamb&eacute;m contam com um rodap&eacute; e tr&ecirc;s diferentes tipos de cabe&ccedil;alhos &mdash; padr&atilde;o, escuro com um estilo pequeno, e escuro com estilo grande.<\/p><div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Modelos-editor-de-tema-em-blocos-WordPress-5-9-1-1024x537.png\" alt=\"\" class=\"wp-image-26247\" width=\"768\" height=\"403\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Modelos-editor-de-tema-em-blocos-WordPress-5-9-1-1024x537.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Modelos-editor-de-tema-em-blocos-WordPress-5-9-1-300x157.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Modelos-editor-de-tema-em-blocos-WordPress-5-9-1-150x79.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Modelos-editor-de-tema-em-blocos-WordPress-5-9-1-768x403.png 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Modelos-editor-de-tema-em-blocos-WordPress-5-9-1-1536x805.png 1536w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Modelos-editor-de-tema-em-blocos-WordPress-5-9-1.png 1736w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure><\/div><p>Por ser um novo tema de bloco, o Twenty-Twenty Two tamb&eacute;m tem v&aacute;rios padr&otilde;es, cobrindo cabe&ccedil;alhos, rodap&eacute;s, p&aacute;ginas e colunas. No total, h&aacute; mais de 70 padr&otilde;es que possibilitam uma edi&ccedil;&atilde;o completa do seu site.<\/p><p>Tem interesse em instalar esse tema? Leia nosso <strong><a href=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/como-instalar-temas-do-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">tutorial<\/a><\/strong>.<\/p><h2 class=\"wp-block-heading\" id=\"h-lazy-loading-de-imagens\"><strong>Lazy Loading de Imagens <\/strong><\/h2><p>E equipe do WordPress descobriu que n&atilde;o usar o lazy loading (carregamento pregui&ccedil;oso) na primeira imagem da p&aacute;gina <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/15\/refining-wordpress-cores-lazy-loading-implementation\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>melhora a m&eacute;dia de Maior Renderiza&ccedil;&atilde;o de Conte&uacute;do <\/strong><\/a><strong>(do ingl&ecirc;s <em>Largest Contentful Paint<\/em>)<\/strong> em 7% sem adicionar o tamanho m&eacute;dio da imagem.<\/p><p>&Eacute; bem prov&aacute;vel que o WordPress 5.9 traga essa mudan&ccedil;a, modificando o recurso de lazy loading de imagem para <a href=\"\/tutorials\/speed-up-wordpress\"><strong>otimizar a velocidade da p&aacute;gina<\/strong><\/a>. Desta forma, ainda h&aacute; discuss&otilde;es sobre a possibilidade de as <a href=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/imagem-destacada-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>imagens destacadas<\/strong><\/a> fazerem parte ou n&atilde;o desta melhoria.<\/p><h2 class=\"wp-block-heading\" id=\"h-opcoes-de-idioma-na-tela-de-login\"><strong>Op&ccedil;&otilde;es de Idioma na Tela de Login<\/strong><\/h2><p>O WordPress 5.9 possibilitar&aacute; que os usu&aacute;rios selecionem o seu idioma na p&aacute;gina de login. A escolha do idioma tamb&eacute;m ser&aacute; aplicada &agrave;s p&aacute;ginas derivadas, como p&aacute;gina de recupera&ccedil;&atilde;o de senha e cadastro do usu&aacute;rio. Para ativar esse recurso, os usu&aacute;rios precisam instalar mais de um idioma do site.<\/p><div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Pagina-de-login-do-WordPress-5-9-com-selecionador-de-idioma.png\" alt=\"P&aacute;gina de login do WordPress 5.9 com selecionador de idioma\" class=\"wp-image-26248\" width=\"710\" height=\"581\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Pagina-de-login-do-WordPress-5-9-com-selecionador-de-idioma.png 947w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Pagina-de-login-do-WordPress-5-9-com-selecionador-de-idioma-300x245.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Pagina-de-login-do-WordPress-5-9-com-selecionador-de-idioma-150x123.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/Pagina-de-login-do-WordPress-5-9-com-selecionador-de-idioma-768x628.png 768w\" sizes=\"(max-width: 710px) 100vw, 710px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-refrator-de-bloco-de-galeria\"><strong>Refrator de bloco de galeria<\/strong><\/h2><p>O <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/20\/gallery-block-refactor-dev-note\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>refrator de bloco de galeria<\/strong><\/a> &eacute; uma das melhorias mais esperadas do WordPress 5.9, mesmo que ainda esteja em fase de desenvolvimento.<\/p><p>Na vers&atilde;o anterior do WordPress, o bloco de galeria n&atilde;o tratava as imagens internas de forma individual. Isso significa que n&atilde;o seria poss&iacute;vel adicionar texto alternativo, links, ou bordas personalizadas a cada imagem.<\/p><p>O bloco de galeria melhorado tratar&aacute; cada imagem como um bloco individual, ou seja, eles ter&atilde;o uma ferramenta de design similar &agrave; imagem de bloco, incluindo texto alternativo e links para cada imagem.<\/p><p>Al&eacute;m disso, a propriedade de raio de borda personaliz&aacute;vel e o filtro duot&ocirc;nico tamb&eacute;m podem ser aplicados a cada uma das imagens adicionadas.<\/p><div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/refrator-de-bloco-de-galeria.png\" alt=\"\" class=\"wp-image-26249\" width=\"768\" height=\"388\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/refrator-de-bloco-de-galeria.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/refrator-de-bloco-de-galeria-300x151.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/refrator-de-bloco-de-galeria-150x76.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/01\/refrator-de-bloco-de-galeria-768x388.png 768w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-teste-phpunit\"><strong>Teste PHPUnit<\/strong><\/h2><p>O <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/27\/changes-to-the-wordpress-core-php-test-suite\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>framework de teste PHPUnit<\/strong><\/a> ser&aacute; atualizado no WordPress 5.9. Isso gra&ccedil;as &agrave; introdu&ccedil;&atilde;o e deprecia&ccedil;&atilde;o dos recursos em PHP, principalmente o rec&eacute;m-lan&ccedil;ado <strong>PHP 8.1<\/strong>.&nbsp;<\/p><p>Por exemplo, o tipo de retorno vazio foi introduzido no PHP 7.1. Qualquer teste nas vers&otilde;es inferiores &agrave; 8.1 do PHP ser&aacute; afetado caso os principais colaboradores adicionem esse recurso ao PHPUnit.<\/p><p>Da mesma forma, se os principais colaboradores mantiverem os testes em vers&otilde;es mais antigas do PHP, os testes no PHP 8.0 e PHP 8.1 se tornar&atilde;o cada vez mais dif&iacute;ceis.<\/p><p>A solu&ccedil;&atilde;o para esse problema encontra-se na biblioteca de<em> Polyfills<\/em> PHPUnit. O pacote de teste do n&uacute;cleo do WordPress agora pode ser executado das vers&otilde;es 5.7.21 &agrave; 9.5.10, permitindo testes contra todas as vers&otilde;es do PHP sem problemas.<\/p><p><\/p><h2 id=\"h-nova-compatibilidade-e-suporte-no-wordpress-5-9\"><strong>Nova Compatibilidade e Suporte no WordPress 5.9<\/strong><\/h2><p>A nova vers&atilde;o do WordPress tamb&eacute;m fornece v&aacute;rias atualiza&ccedil;&otilde;es de compatibilidade com outros softwares, linguagens de programa&ccedil;&atilde;o e plataformas de redes sociais. Confira as tr&ecirc;s principais atualiza&ccedil;&otilde;es de compatibilidade:<\/p><ul class=\"wp-block-list\">\n<li><strong>jQuery 3<\/strong> &mdash; depois de v&aacute;rios atrasos, os principais colaboradores do WordPress planejam lan&ccedil;ar a atualiza&ccedil;&atilde;o para a compatibilidade do jQuery 3 com o WordPress 5.9.<\/li>\n\n\n\n<li><strong>PHP 8.1<\/strong>&nbsp;&ndash; a nova vers&atilde;o do WordPress ser&aacute; compat&iacute;vel com o PHP 8.1, lan&ccedil;ado em novembro de 2021. Por&eacute;m, &eacute; importante verificar se os seus temas e plugins s&atilde;o compat&iacute;veis antes de executar o seu site WordPress no PHP 8.1.<\/li>\n\n\n\n<li><strong>Ativar incorpora&ccedil;&atilde;o para o Pinterest<\/strong> &mdash; o WordPress 5.9 permitir&aacute; uma f&aacute;cil e simples incorpora&ccedil;&atilde;o do Pinterest com adi&ccedil;&atilde;o de blocos dedicados.&nbsp; Basta adicionar o bloco &agrave; p&aacute;gina ou ao post e colar a URL do Pinterest desejada.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/pt\/alojamento-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner.png\" alt=\"\" class=\"wp-image-44638\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-768x225.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p><\/p><h2 id=\"h-correcoes-de-erros-do-wordpress-5-9\"><strong>Corre&ccedil;&otilde;es de Erros do WordPress 5.9<\/strong><\/h2><p>Os principais colaboradores do WordPress est&atilde;o trabalhando para corrigir v&aacute;rios erros reportados nas vers&otilde;es anteriores. Eles finalizar&atilde;o a lista pr&oacute;ximo &agrave; data de lan&ccedil;amento, mas voc&ecirc; pode conferir algumas das corre&ccedil;&otilde;es dos erros mais esperadas abaixo:<\/p><ul class=\"wp-block-list\">\n<li><strong>Erro do modo escuro<\/strong> &mdash; o WordPress 5.9 corrige o erro da tela de <strong>Widget<\/strong> ao usar o modo escuro. O erro faz com que o texto use uma cor cinza em um fundo branco, o que dificulta a visualiza&ccedil;&atilde;o do conte&uacute;do.<\/li>\n\n\n\n<li><strong>Tela tr&ecirc;mula na p&aacute;gina de tema<\/strong> &mdash; esse erro aparece em <strong>Apar&ecirc;ncia<\/strong>-&gt; p&aacute;gina de <strong>Temas<\/strong>. A tela do navegador pode tremer se o mouse passar por cima de uma miniatura de tema.<\/li>\n\n\n\n<li><strong>Blocos reutiliz&aacute;veis desaparecidos<\/strong>&mdash; desde o WordPress 5.7, muitos usu&aacute;rios tiveram problemas com o desaparecimento dos blocos reutiliz&aacute;veis. Embora muitas haja v&aacute;rias sugest&otilde;es para que esse erro seja corrigido, uma corre&ccedil;&atilde;o definitiva desse erro deve chegar com o WordPress 5.9.<\/li>\n<\/ul><p><\/p><h2 id=\"h-como-atualizar-para-o-wordpress-5-9\"><strong>Como Atualizar para o WordPress 5.9<\/strong><\/h2><p>Depois de lan&ccedil;ada a atualiza&ccedil;&atilde;o do WordPress 5.9 em 25 de janeiro de 2022, &eacute; preciso atualizar o n&uacute;cleo do software para utilizar os novos recursos e melhorias de seguran&ccedil;a. H&aacute; v&aacute;rias formas de <a href=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/como-atualizar-o-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>atualizar o WordPress<\/strong><\/a>:<\/p><ul class=\"wp-block-list\">\n<li><strong>Com o hPanel<\/strong> &mdash; os usu&aacute;rios da hospedagem <a href=\"https:\/\/www.hostinger.com.br\/hospedagem-de-sites?session=1029069398f2527c32e8e1ca9ce225&amp;_ga=2.64555052.248967445.1643026636-1692816620.1632856392&amp;_gac=1.123179385.1639671407.Cj0KCQiA5OuNBhCRARIsACgaiqXpdmQ82rs6XyyevsbDMwakyfPzMv7XcYgGen2CPxCtzPRcd9baetUaAlD6EALw_wcB\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>compartilhada<\/strong><\/a> e dos <a href=\"\/pt\/alojamento-cloud\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>servi&ccedil;os de host de cloud<\/strong><\/a> da Hostinger podem atualizar o n&uacute;cleo do software do WordPress no hPanel. Para atualizar, basta ir at&eacute; <strong>WordPress<\/strong> -&gt; <strong>Painel<\/strong>, l&aacute; haver&aacute; uma notifica&ccedil;&atilde;o e um bot&atilde;o para realizar a atualiza&ccedil;&atilde;o em apenas alguns cliques.<\/li>\n\n\n\n<li><strong>Atualizar o WordPress pelo painel admin <\/strong>&mdash; <a href=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wordpress-login-guia-rapido-acessar-site\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>fa&ccedil;a o login no seu painel do WordPress<\/strong><\/a> e v&aacute; at&eacute;<strong> Painel <\/strong>-&gt;<strong> Atualiza&ccedil;&otilde;es. <\/strong>&nbsp;Se voc&ecirc; vir a mensagem:<strong> Atualiza&ccedil;&atilde;o do WordPress dispon&iacute;vel<\/strong>,clique no bot&atilde;o para instalar a atualiza&ccedil;&atilde;o<strong>.<\/strong><\/li>\n\n\n\n<li><strong>Atualiza&ccedil;&atilde;o manual<\/strong><a href=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/como-configurar-o-cliente-filezilla\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong> com o cliente FTP<\/strong><\/a>&mdash; fa&ccedil;a o download da vers&atilde;o mais recente do WordPress e extraia os arquivos. Use um cliente FTP para substituir os arquivos WordPress e as pastas principais <strong>wp-includes<\/strong> e <strong>wp-admin<\/strong>. Depois de concluir o processo, v&aacute; at&eacute; <strong>yoursite.com\/wp-admin\/upgrade.php<\/strong> para verificar se o WordPress foi atualizado com sucesso.<\/li>\n\n\n\n<li><strong>Com<\/strong>o <a href=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/como-se-conectar-servidor-vps-usando-terminal-ssh\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WP-CLI<\/strong><\/a> &mdash; esse m&eacute;todo requer <a href=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/como-se-conectar-servidor-vps-usando-terminal-ssh\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>acesso SSH<\/strong><\/a> ao seu diret&oacute;rio root <strong>public_html<\/strong>. Depois de acessar o diret&oacute;rio, insira o comando wp core update para iniciar a atualiza&ccedil;&atilde;o.<\/li>\n<\/ul><p><\/p><h2 id=\"h-conclusao\"><strong>Conclus&atilde;o<\/strong><\/h2><p>O WordPress 5.9 levar&aacute; a experi&ecirc;ncia de edi&ccedil;&atilde;o de sites para outro n&iacute;vel com o editor de tema em blocos, v&aacute;rias novas ferramentas de edi&ccedil;&atilde;o e melhorias na experi&ecirc;ncia do usu&aacute;rio (UX). Al&eacute;m disso, o novo tema padr&atilde;o Twenty-Twenty Two tamb&eacute;m um ponto de partida perfeito para novos usu&aacute;rios WordPress, pois ele conta com v&aacute;rias op&ccedil;&otilde;es de modelo e de padr&atilde;o.<\/p><p>O WordPress 5.9 tamb&eacute;m trar&aacute; recursos para melhorar o desenvolvimento e design de sites, incluindo corre&ccedil;&otilde;es de erros e novas ferramentas de compatibilidade.<\/p><p>Voc&ecirc; pode experimentar os novos recursos do WordPress 5.9 antes da sua data de lan&ccedil;amento ou antes de instal&aacute;-lo oficialmente no seu site. Para isso, instale o plugin <a href=\"https:\/\/wordpress.org\/plugins\/wordpress-beta-tester\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>WordPress Beta Tester<\/strong><\/a> e selecione a op&ccedil;&atilde;o Bleeding Edge. Outra forma de obter a vers&atilde;o beta &eacute; <a href=\"https:\/\/wordpress.org\/news\/2021\/12\/wordpress-5-9-beta-2\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>baixar diretamente o arquivo .zip<\/strong><\/a> e instal&aacute;-lo manualmente.<\/p><p>Recomendamos fazer o teste da vers&atilde;o beta do WordPress 5.9 em um novo site WordPress ou instal&aacute;-la em um subdom&iacute;nio para evitar problemas com o seu site principal. Ajude no processo de desenvolvimento enviando um relat&oacute;rio de erro execut&aacute;vel para a se&ccedil;&atilde;o dos f&oacute;runs de suporte <a href=\"https:\/\/wordpress.org\/support\/forum\/alphabeta\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Alpha\/Beta<\/strong><\/a> ou para <a href=\"https:\/\/core.trac.wordpress.org\/newticket\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>WordPress Trac<\/strong><\/a>.<\/p><p>Fique de olho nas <a href=\"https:\/\/wordpress.org\/news\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>not&iacute;cias WordPress<\/strong><\/a> para saber mais sobre o lan&ccedil;amento do WordPress 5.9.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O WordPress 5.9 trouxe novos recursos e melhorias que tornaram a personaliza&ccedil;&atilde;o completa do seu site ainda mais f&aacute;cil. Essa nova vers&atilde;o foi lan&ccedil;ada em 25 de janeiro de 2022. O lan&ccedil;amento anterior, WordPress 5.8, j&aacute; contava com a edi&ccedil;&atilde;o completa do site com a integra&ccedil;&atilde;o do editor de cblocos Gutenberg para a cria&ccedil;&atilde;o de [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/pt\/tutoriais\/wordpress-5-9\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":270,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"","rank_math_description":"O WordPress 5.9 traz novos recursos e melhorias para tornar a edi\u00e7\u00e3o completa do seu site ainda mais f\u00e1cil. Confira as novidades!","rank_math_focus_keyword":"WordPress 5.9","footnotes":""},"categories":[4911],"tags":[7356,7355,4798,7354],"class_list":["post-26253","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-atualizacao-wordpress","tag-edicao-de-sites","tag-wordpress","tag-wordpress-5-9"],"hreflangs":[{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/wordpress-5-9","default":1},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wordpress-5-9","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/26253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/users\/270"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/comments?post=26253"}],"version-history":[{"count":15,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/26253\/revisions"}],"predecessor-version":[{"id":39624,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/26253\/revisions\/39624"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/media?parent=26253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/categories?post=26253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/tags?post=26253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}