{"id":29936,"date":"2022-11-09T20:29:56","date_gmt":"2022-11-09T23:29:56","guid":{"rendered":"\/tutoriais\/?p=29936"},"modified":"2024-12-17T15:22:54","modified_gmt":"2024-12-17T18:22:54","slug":"imagem-destacada-wordpress-nao-aparece","status":"publish","type":"post","link":"\/br\/tutoriais\/imagem-destacada-wordpress-nao-aparece\/","title":{"rendered":"Imagem destacada do WordPress n\u00e3o aparece: poss\u00edveis motivos e 7 solu\u00e7\u00f5es"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Uma <a href=\"\/br\/tutoriais\/imagem-destacada-wordpress\/\"><strong>imagem destacada do WordPress<\/strong><\/a><strong> <\/strong>aparece como uma miniatura para um post ou p&aacute;gina do seu site. O prop&oacute;sito de uma imagem em destaque &eacute; chamar a aten&ccedil;&atilde;o do visitante e oferecer uma pr&eacute;-visualiza&ccedil;&atilde;o do conte&uacute;do da publica&ccedil;&atilde;o. Ter uma imagem destacada para representar o seu post tamb&eacute;m acrescenta um ponto de interesse visual para seu <a href=\"\/br\/tutoriais\/criar-site-wordpress\/\"><strong>site WordPress<\/strong><\/a>, beneficiando seus esfor&ccedil;os de SEO com rela&ccedil;&atilde;o &agrave; otimiza&ccedil;&atilde;o para os mecanismos de busca.<\/p><p class=\"wp-block-paragraph\">Uma imagem em destaque n&atilde;o deve ser confundida com as primeiras imagens dos posts de seu blog. Como a finalidade de uma imagem destacada &eacute; promover seu conte&uacute;do, ela geralmente fica vis&iacute;vel na sua lista de blog posts ou na p&aacute;gina de arquivos &mdash; al&eacute;m de ser exibida quando voc&ecirc; compartilha sua publica&ccedil;&atilde;o do WordPress em redes sociais.<\/p><p class=\"wp-block-paragraph\">Este artigo vai tratar do problema espec&iacute;fico de quando uma imagem destacada do WordPress n&atilde;o aparece no site. Vamos oferecer sete solu&ccedil;&otilde;es para corrigir esse erro e apresentar maneiras de configurar a exibi&ccedil;&atilde;o autom&aacute;tica de uma imagem em destaque nos seus posts do WordPress.<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/WordPress-Security-Checklist(pt-br).pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-30402\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-por-que-minha-imagem-destacada-nao-aparece-no-wordpress\"><strong>Por Que Minha Imagem Destacada N&atilde;o Aparece no WordPress?<\/strong><\/h2><p class=\"wp-block-paragraph\">Abaixo indicamos alguns dos motivos mais comuns pelos quais uma imagem destacada n&atilde;o aparece no WordPress:<\/p><ul class=\"wp-block-list\">\n<li>Um erro HTTP causado pelo limite de mem&oacute;ria do WordPress ter sido atingido.&nbsp;<\/li>\n\n\n\n<li>Conflitos entre temas e plugins do WordPress.&nbsp;<\/li>\n\n\n\n<li>Um plugin de <em>lazy loading<\/em> est&aacute; impedindo a exibi&ccedil;&atilde;o da imagem destacada.<\/li>\n\n\n\n<li>Seu atual tema do WordPress n&atilde;o suporta a funcionalidade de imagem em destaque.<\/li>\n\n\n\n<li>As permiss&otilde;es para visualizar imagens destacadas est&atilde;o bloqueadas para seu usu&aacute;rio.<\/li>\n\n\n\n<li>A fun&ccedil;&atilde;o de imagem em destaque est&aacute; desabilitada nas configura&ccedil;&otilde;es do seu painel de administra&ccedil;&atilde;o.<\/li>\n\n\n\n<li>A imagem est&aacute; incorretamente posicionada no template da p&aacute;gina do site.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Em alguns casos, as ferramentas de desenvolvedor do navegador podem detectar a causa do problema, especialmente se esta for um erro de JavaScript ou um conflito entre plugins. Sendo assim, recomendamos que voc&ecirc; confira nosso artigo sobre como <a href=\"\/br\/tutoriais\/como-inspecionar-elemento-e-alterar-estilo\/\"><strong>inspecionar elementos<\/strong><\/a> utilizando as ferramentas de desenvolvedor do navegador &mdash; caso voc&ecirc; esteja utilizando o Google Chrome.<\/p><h2 class=\"wp-block-heading\" id=\"h-nbsp-como-corrigir-o-problema-7-solucoes-para-quando-a-imagem-destacada-do-wordpress-nao-aparece\"><strong>&nbsp;Como Corrigir o Problema: 7 Solu&ccedil;&otilde;es para Quando a Imagem Destacada do WordPress N&atilde;o Aparece<\/strong><\/h2><p class=\"wp-block-paragraph\">Dependendo da causa do erro, h&aacute; diferentes maneiras para corrigir o problema da imagem do WordPress n&atilde;o ser exibida numa publica&ccedil;&atilde;o do seu site. Recomendamos essas sete poss&iacute;veis solu&ccedil;&otilde;es &mdash; verifique qual &eacute; mais adequada para aplicar em seu site WordPress.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-1-corrija-o-erro-http-quando-fizer-o-upload-de-uma-imagem-destacada-nbsp\"><strong>1. Corrija o Erro HTTP Quando Fizer o Upload de uma Imagem Destacada&nbsp;<\/strong><\/h3><p class=\"wp-block-paragraph\">Se voc&ecirc; se deparou com um <a href=\"\/br\/tutoriais\/como-corrigir-erro-de-http-wordpress\/\"><strong>erro HTTP<\/strong><\/a> no momento em que carregou a imagem destacada no WordPress, h&aacute; duas poss&iacute;veis explica&ccedil;&otilde;es para o problema.<\/p><p class=\"wp-block-paragraph\">Para come&ccedil;ar, voc&ecirc; pode ter ultrapassado o limite de mem&oacute;ria PHP, o que impede que seu site WordPress rode os scripts necess&aacute;rios para exibir as imagens em destaque. J&aacute; que o limite de mem&oacute;ria padr&atilde;o do WordPress &eacute; de apenas 32 MB, aumentar a quantidade desse recurso pode resolver o problema.<\/p><p class=\"wp-block-paragraph\">A segunda poss&iacute;vel explica&ccedil;&atilde;o para o erro &eacute; que a imagem destacada que voc&ecirc; deseja exibir est&aacute; ultrapassando o tamanho <a href=\"\/br\/tutoriais\/como-aumentar-o-limite-de-upload-php\/\"><strong>limite de upload PHP<\/strong><\/a>. O provedor de hospedagem de um site &eacute; geralmente quem configura esse recurso, ent&atilde;o o valor limite pode variar.<\/p><p class=\"wp-block-paragraph\">Caso esse recurso n&atilde;o esteja configurado para permitir o tamanho m&aacute;ximo de upload, isso pode ser o que est&aacute; impedindo que voc&ecirc; carregue imagens destacadas no WordPress. Abaixo indicamos como resolver estas quest&otilde;es:<\/p><p class=\"wp-block-paragraph\"><strong>Aumente o Limite de Mem&oacute;ria do WordPress<\/strong><\/p><p class=\"wp-block-paragraph\">Este m&eacute;todo de solu&ccedil;&atilde;o exige que voc&ecirc; modifique seu arquivo <strong>.htaccess<\/strong> ou seu arquivo <strong>wp-config.php<\/strong>. Ambos s&atilde;o acess&iacute;veis atrav&eacute;s de um <a href=\"\/br\/tutoriais\/como-configurar-o-cliente-filezilla\/\"><strong>cliente FTP<\/strong><\/a> ou pelo <a href=\"\/br\/tutoriais\/como-utilizar-o-gerenciador-de-arquivos-hostinger\/\"><strong>Gerenciador de Arquivos<\/strong><\/a> da Hostinger.&nbsp;<\/p><p class=\"wp-block-paragraph\">Se voc&ecirc; optar por modificar o <a href=\"\/br\/tutoriais\/criar-arquivo-htaccess-wordpress\/\"><strong>arquivo .htaccess<\/strong><\/a>, basta adicionar este fragmento de c&oacute;digo nas linhas finais do arquivo:<\/p><pre class=\"wp-block-preformatted\">php_value memory_limit 256M<\/pre><p class=\"wp-block-paragraph\">Como alternativa, voc&ecirc; pode modificar o arquivo de configura&ccedil;&otilde;es do site. Para isso, localize o arquivo <strong>wp-config.php<\/strong> no seu diret&oacute;rio raiz. Encontre a linha de c&oacute;digo que cont&eacute;m a palavra <strong>WP_MEMORY_LIMIT<\/strong> e altere o valor indicado para <strong>256M<\/strong>. Se esta linha de limite de mem&oacute;ria n&atilde;o existir em seu arquivo, basta inserir o c&oacute;digo indicado logo acima da linha <strong>\/* That&rsquo;s all, stop editing! Happy publishing. *\/<\/strong> ou <strong>\/* That&rsquo;s all, stop editing! Happy blogging. *\/<\/strong>. O c&oacute;digo &eacute;:<\/p><pre class=\"wp-block-preformatted\">define ( &lsquo;WP_MEMORY_LIMIT&rsquo;, &lsquo;256M&rsquo; );<\/pre><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"895\" height=\"549\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-37.png\/public\" alt=\"Arquivo wp-config com destaque para a linha WP_MEMORY_LIMIT\" class=\"wp-image-47855\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-37.png\/w=895,fit=scale-down 895w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-37.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-37.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-37.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 895px) 100vw, 895px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Os usu&aacute;rios da Hostinger podem alterar o limite de mem&oacute;ria mais facilmente atrav&eacute;s do <a href=\"\/br\/tutoriais\/hpanel\/\"><strong>hPanel<\/strong><\/a>. Abaixo indicamos o passo-a-passo:<\/p><ol class=\"wp-block-list\">\n<li>A partir do seu painel de <a href=\"\/br\/hospedagem-wordpress\">hosting WordPress<\/a>, acesse o menu <strong>Avan&ccedil;ado &rarr; Configura&ccedil;&atilde;o PHP<\/strong>.<\/li>\n\n\n\n<li>Localize a aba de <strong>Op&ccedil;&otilde;es PHP<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"277\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-1.jpeg\/w=1024,h=1024,fit=scale-down\" alt=\"Op&ccedil;&otilde;es PHP no menu de Configura&ccedil;&atilde;o PHP do hPanel\" class=\"wp-image-47856\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-1.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-1.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-1.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-1.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Navegue pela p&aacute;gina at&eacute; encontrar a configura&ccedil;&atilde;o de limite de mem&oacute;ria, intitulada <strong>memoryLimit<\/strong>. Clique no menu suspenso e selecione o maior valor dispon&iacute;vel.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"735\" height=\"99\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-38.png\/public\" alt=\"Sele&ccedil;&atilde;o do recurso memoryLimit nas op&ccedil;&otilde;es PHP do hPanel\" class=\"wp-image-47857\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-38.png\/w=735,fit=scale-down 735w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-38.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-38.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 735px) 100vw, 735px\" \/><\/figure>\n<\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Por fim, clique em <strong>Salvar<\/strong>.<\/li>\n<\/ol><p class=\"wp-block-paragraph\"><strong>Modifique o Limite do PHP Maximum Upload Size<\/strong><\/p><p class=\"wp-block-paragraph\">Para alterar o valor do tamanho m&aacute;ximo de uploads PHP, adicione o seguinte fragmento de c&oacute;digo ao final do seu arquivo <strong>.htaccess<\/strong>:<\/p><pre class=\"wp-block-preformatted\">php_value upload_max_filesize 256M\nphp_value post_max_size 256M<\/pre><p class=\"wp-block-paragraph\">Os usu&aacute;rios da Hostinger podem fazer isso mais rapidamente atrav&eacute;s do painel de hospedagem, acessando o menu de <strong>Configura&ccedil;&atilde;o PHP<\/strong>. Novamente, acesse a aba de <strong>Op&ccedil;&otilde;es PHP<\/strong> pelo hPanel e selecione os maiores valores dispon&iacute;veis nas op&ccedil;&otilde;es de <strong>uploadMaxFilesize<\/strong> e <strong>postMaxSize<\/strong>. N&atilde;o se esque&ccedil;a de salvar as altera&ccedil;&otilde;es antes de sair da p&aacute;gina.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"725\" height=\"91\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-39.png\/public\" alt=\"Sele&ccedil;&atilde;o do recurso uploadMaxFileSize nas op&ccedil;&otilde;es PHP do hPanel\" class=\"wp-image-47858\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-39.png\/w=725,fit=scale-down 725w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-39.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-39.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 725px) 100vw, 725px\" \/><\/figure>\n<\/div><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"726\" height=\"96\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-40.png\/public\" alt=\"Sele&ccedil;&atilde;o do recurso postMaxSize nas op&ccedil;&otilde;es PHP do hPanel\" class=\"wp-image-47859\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-40.png\/w=726,fit=scale-down 726w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-40.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-40.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 726px) 100vw, 726px\" \/><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-2-solucione-conflitos-de-plugins-ou-temas\"><strong>2. Solucione Conflitos de Plugins ou Temas<\/strong><\/h3><p class=\"wp-block-paragraph\">A maior parte dos temas do WordPress possui configura&ccedil;&otilde;es diferentes para imagens destacadas. Alguns temas do WordPress exigem uma configura&ccedil;&atilde;o manual a ser feita pelo administrador do site, enquanto outros exibem as imagens em destaque de forma autom&aacute;tica.<\/p><p class=\"wp-block-paragraph\">Recomendamos que voc&ecirc; verifique as configura&ccedil;&otilde;es do seu tema do WordPress ou entre em contato com a equipe de suporte do tema para receber assist&ecirc;ncia especializada.<\/p><p class=\"wp-block-paragraph\">J&aacute; no caso dos plugins, c&oacute;digos desatualizados costumam ser a raz&atilde;o mais comum por tr&aacute;s de conflitos entre plugins. Plugins que possuem acesso &agrave; sua biblioteca de m&iacute;dias tamb&eacute;m podem impedir que as imagens destacadas sejam exibidas corretamente.&nbsp;<\/p><p class=\"wp-block-paragraph\">Primeiramente, tente atualizar todos os seus plugins, garantindo que possui instalada em seu site a vers&atilde;o mais recente de cada um deles. Se isso resolver o erro, voc&ecirc; j&aacute; sabe que a causa do problema era um plugin desatualizado. Caso contr&aacute;rio, desative todos os seus plugins, e ent&atilde;o volte a ativ&aacute;-los um de cada vez.&nbsp;<\/p><p class=\"wp-block-paragraph\">Depois de cada reativa&ccedil;&atilde;o, verifique o site para ver se o erro persiste. Quando ativar um plugin e o erro voltar a aparecer, voc&ecirc; j&aacute; sabe qual deles &eacute; o culpado. Remova qualquer plugin problem&aacute;tico do seu site WordPress, caso encontre algum.&nbsp;<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"981\" height=\"454\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-41.png\/public\" alt=\"Banner do plugin Health Check &amp; Troubleshooting\" class=\"wp-image-47860\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-41.png\/w=981,fit=scale-down 981w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-41.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-41.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-41.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 981px) 100vw, 981px\" \/><\/figure><p class=\"wp-block-paragraph\">Se as suas imagens destacadas ainda n&atilde;o estiverem aparecendo corretamente, recomendamos a instala&ccedil;&atilde;o do plugin <a href=\"https:\/\/wordpress.org\/plugins\/health-check\/\" target=\"_blank\" rel=\"noopener\"><strong>Health Check<\/strong><\/a>. Esse plugin &eacute; gratuito, e ele detecta erros comuns de configura&ccedil;&atilde;o e conflitos j&aacute; conhecidos entre temas e plugins. Al&eacute;m disso, essa ferramenta realiza diagn&oacute;sticos e resolu&ccedil;&otilde;es de problemas para criar uma sess&atilde;o WordPress sem falhas.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-3-desabilite-o-recurso-de-lazy-loading\"><strong>3. Desabilite o Recurso de Lazy Loading<\/strong><\/h3><p class=\"wp-block-paragraph\">O recurso de <em>lazy loading<\/em>, ou carregamento lento, ajuda a impulsionar o desempenho de um site, melhorando a experi&ecirc;ncia de navega&ccedil;&atilde;o em dispositivos m&oacute;veis e otimizando a m&eacute;trica de <a href=\"\/br\/tutoriais\/largest-contentful-paint\/\"><strong>largest contentful paint (LCP)<\/strong><\/a>. De todo modo, alguns plugins com essa funcionalidade tratam as imagens destacadas como qualquer outra imagem do seu site, bloqueando a exibi&ccedil;&atilde;o delas em alguns casos.&nbsp;<\/p><p class=\"wp-block-paragraph\">O primeiro passo para resolver este problema &eacute; verificar se o seu site WordPress possui plugins equipados com o recurso de <a href=\"https:\/\/web.dev\/lazy-loading\/\" target=\"_blank\" rel=\"noopener\"><strong><em>lazy loading<\/em><\/strong><\/a>. Al&eacute;m dos plugins espec&iacute;ficos de <em>lazy loading<\/em>, preste aten&ccedil;&atilde;o &agrave;s ferramentas mais gerais de otimiza&ccedil;&atilde;o e aos plugins de otimiza&ccedil;&atilde;o de sites, j&aacute; que esses recursos geralmente contam com a funcionalidade de <em>lazy loading<\/em>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1025\" height=\"596\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-42.png\/public\" alt=\"Captura de tela de uma explica&ccedil;&atilde;o do que &eacute; lazy loading do blog do site Conversion\" class=\"wp-image-47861\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-42.png\/w=1025,fit=scale-down 1025w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-42.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-42.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-42.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1025px) 100vw, 1025px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Depois de desabilitar o recurso de carregamento lento nesses plugins, limpe o cache e confira se esse m&eacute;todo resolveu o problema da n&atilde;o exibi&ccedil;&atilde;o da imagem destacada.<\/p><p class=\"wp-block-paragraph\">Se voc&ecirc; precisa manter essa funcionalidade ativa em seu site, recomendamos desabilitar o lazy loading para a primeira imagem de seus posts. Alguns plugins oferecem a op&ccedil;&atilde;o de excluir certas imagens desse recurso, permitindo que voc&ecirc; tenha os benef&iacute;cios dele sem afetar suas imagens destacadas. Revise a documenta&ccedil;&atilde;o do plugin que estiver utilizando, ou entre em contato com seu time de suporte e desenvolvimento para ter uma assist&ecirc;ncia especializada.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-ajuste-as-configuracoes-do-painel-wordpress-nbsp\"><strong>4. Ajuste as Configura&ccedil;&otilde;es do Painel WordPress&nbsp;<\/strong><\/h3><p class=\"wp-block-paragraph\">Configura&ccedil;&otilde;es incorretas no painel do WordPress podem causar o problema das imagens destacadas n&atilde;o aparecerem nos seus posts e p&aacute;ginas, nem no editor do WordPress. A boa not&iacute;cia &eacute; que ambos os casos t&ecirc;m solu&ccedil;&otilde;es simples.<\/p><p class=\"wp-block-paragraph\">Acesse seu painel de administra&ccedil;&atilde;o do WordPress e clique em <strong>Op&ccedil;&otilde;es de Tela<\/strong>. Selecione a op&ccedil;&atilde;o de <strong>Imagem Destacada<\/strong> para exibir uma coluna de imagens em destaque em suas listas de p&aacute;ginas e posts.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"244\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-2.jpeg\/w=1024,h=1024,fit=scale-down\" alt=\"Menu de posts WordPress com destaque para o bot&atilde;o op&ccedil;&otilde;es de tela\" class=\"wp-image-47862\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-2.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-2.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-2.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-2.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\">A aba de <strong>Imagem Destacada<\/strong> agora deve aparecer no seu editor de conte&uacute;do. Clique no bot&atilde;o de <strong>Definir imagem destacada<\/strong> e escolha a foto que desejar a partir da sua biblioteca de m&iacute;dias.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"373\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-3.jpeg\/w=1024,h=1024,fit=scale-down\" alt=\"Editor de posts do WordPress com destaque para o campo de definir imagem detacada\" class=\"wp-image-47863\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-3.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-3.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-3.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-3.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Se a op&ccedil;&atilde;o de <strong>Imagem destacada<\/strong> n&atilde;o aparecer na tela, provavelmente seu tema atual n&atilde;o suporta esta funcionalidade de imagens em destaque. A melhor coisa a se fazer nesses casos &eacute; entrar em contato com o time de desenvolvimento do tema para receber alguma assist&ecirc;ncia. Para resolver essa quest&atilde;o manualmente, siga para o <strong>passo 7<\/strong> deste guia.<\/p><h3 class=\"wp-block-heading\" id=\"h-5-configure-as-permissoes-de-usuario-referentes-as-imagens-destacadas-nbsp\"><strong>5. Configure as Permiss&otilde;es de Usu&aacute;rio Referentes &agrave;s Imagens Destacadas&nbsp;<\/strong><\/h3><p class=\"wp-block-paragraph\">Por padr&atilde;o, o WordPress oferece seis fun&ccedil;&otilde;es ou pap&eacute;is de usu&aacute;rio para gerenciar os acessos e a&ccedil;&otilde;es das pessoas dentro do site. &Agrave;s vezes, pode ser que voc&ecirc; n&atilde;o tenha a permiss&atilde;o de usu&aacute;rio necess&aacute;ria para poder visualizar ou fazer o upload de imagens destacadas, o que leva ao erro em quest&atilde;o.<\/p><p class=\"wp-block-paragraph\">Muitos plugins de permiss&otilde;es para usu&aacute;rios permitem que voc&ecirc; altere as capacidades que v&ecirc;m definidas por padr&atilde;o com cada fun&ccedil;&atilde;o de usu&aacute;rio no WordPress. Abaixo listamos o passo-a-passo para atribuir permiss&otilde;es de visualiza&ccedil;&atilde;o e upload de imagens destacadas para um papel de usu&aacute;rio espec&iacute;fico utilizando o plugin <a href=\"https:\/\/wordpress.org\/plugins\/user-role-editor\/\" target=\"_blank\" rel=\"noopener\"><strong>User Role Editor<\/strong><\/a>:<\/p><ol class=\"wp-block-list\">\n<li><a href=\"\/br\/tutoriais\/como-instalar-plugins-wordpress\/\"><strong>Instale<\/strong><\/a> e ative o plugin.<\/li>\n\n\n\n<li>A partir do seu painel do WordPress, navegue at&eacute; o menu de usu&aacute;rios <strong>Users <\/strong>&rarr; <strong>User Role Editor<\/strong>.<\/li>\n\n\n\n<li>Pelo menu suspenso, selecione o papel do usu&aacute;rio cujas permiss&otilde;es voc&ecirc; deseja modificar. Neste exemplo, vamos alterar as permiss&otilde;es do autor, ent&atilde;o selecionamos o usu&aacute;rio <strong>Author<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1189\" height=\"496\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-43.png\/w=1024,h=1024,fit=scale-down\" alt=\"Tela de configura&ccedil;&otilde;es do plugin User Role Editor com destaque para o menu suspenso com a op&ccedil;&atilde;o Author selecionada\" class=\"wp-image-47865\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-43.png\/w=1189,fit=scale-down 1189w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-43.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-43.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-43.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-43.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1189px) 100vw, 1189px\" \/><\/figure>\n<\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Marque a op&ccedil;&atilde;o de <strong>upload_files<\/strong> e clique em <strong>Update <\/strong>para atualizar as configura&ccedil;&otilde;es. Agora, os usu&aacute;rios WordPress que possuem a fun&ccedil;&atilde;o de autor ter&atilde;o acesso &agrave; biblioteca de m&iacute;dias e poder&atilde;o fazer o upload e configurar imagens destacadas em seu site.&nbsp;<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1189\" height=\"496\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-44.png\/w=1024,h=1024,fit=scale-down\" alt=\"Sele&ccedil;&atilde;o da op&ccedil;&atilde;o upload_files no plugin User Role Editor\" class=\"wp-image-47866\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-44.png\/w=1189,fit=scale-down 1189w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-44.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-44.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-44.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-44.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1189px) 100vw, 1189px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Voc&ecirc; tamb&eacute;m pode utilizar este plugin para criar novas fun&ccedil;&otilde;es personalizadas para os usu&aacute;rios, aplicando as permiss&otilde;es de sua prefer&ecirc;ncia.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-6-resolva-a-nao-exibicao-das-imagens-destacadas-na-sua-pagina-de-galeria-de-blog-posts\"><strong>6. Resolva a N&atilde;o Exibi&ccedil;&atilde;o das Imagens Destacadas na sua P&aacute;gina de Galeria de Blog Posts<\/strong><\/h3><p class=\"wp-block-paragraph\">Para atrair a aten&ccedil;&atilde;o dos visitantes, muitos blogs possuem uma imagem destacada que &eacute; exibida ao lado de cada post na p&aacute;gina da galeria de publica&ccedil;&otilde;es do blog. A lista de posts mais recentes de um blog &eacute; feita por meio do bloco <strong>Latest Posts <\/strong>ou <strong>Posts mais recentes<\/strong> oferecido pelo editor <a href=\"http:\/\/tutoriais\/gutenberg-pros-e-contras\"><strong>Gutenberg<\/strong><\/a> do WordPress, e &eacute; colocada dentro da p&aacute;gina inicial designada.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1365\" height=\"552\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-45.png\/w=1024,h=1024,fit=scale-down\" alt=\"Exemplo de posts mais recentes em uma p&aacute;gina de site teste do WordPress\" class=\"wp-image-47867\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-45.png\/w=1365,fit=scale-down 1365w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-45.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-45.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-45.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-45.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure><p class=\"wp-block-paragraph\">Os passos indicados abaixo te indicam como configurar pelo editor do WordPress um modo de exibi&ccedil;&atilde;o de uma p&aacute;gina de galeria que mostre as miniaturas dos seus posts:<\/p><ol class=\"wp-block-list\">\n<li>Primeiramente, voc&ecirc; precisa criar a p&aacute;gina do blog que deseja definir como sua p&aacute;gina inicial para a galeria. Acesse o menu <strong>P&aacute;ginas &rarr; Adicionar nova<\/strong> a partir do seu painel de administra&ccedil;&atilde;o do WordPress.<\/li>\n\n\n\n<li>Depois de adicionar o t&iacute;tulo da p&aacute;gina, j&aacute; no editor de blocos, posicione o bloco de Posts Mais Recentes em qualquer lugar da p&aacute;gina.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"384\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-4.jpeg\/w=1024,h=1024,fit=scale-down\" alt=\"Adicionando o bloco de posts mais recentes no editor Gutenberg do WordPress\" class=\"wp-image-47868\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-4.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-4.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-4.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-4.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"3\" class=\"wp-block-list\">\n<li>Abra a aba <strong>Bloco<\/strong> e habilite a op&ccedil;&atilde;o para <strong>Mostrar imagem destacada<\/strong>. Fique &agrave; vontade para ajustar outros detalhes, como as dimens&otilde;es, alinhamento e outras configura&ccedil;&otilde;es da imagem em destaque conforme sua prefer&ecirc;ncia. Assim que concluir o processo, clique em <strong>Publicar<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"378\" height=\"601\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-46.png\/public\" alt=\"Ativando a op&ccedil;&atilde;o de Mostrar Imagem Destacada pelo editor Gutenberg do WordPress\" class=\"wp-image-47869\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-46.png\/w=378,fit=scale-down 378w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-46.png\/w=189,fit=scale-down 189w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-46.png\/w=94,fit=scale-down 94w\" sizes=\"(max-width: 378px) 100vw, 378px\" \/><\/figure>\n<\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Retorne ao painel de administra&ccedil;&atilde;o do WordPress e navegue at&eacute; o menu <strong>Configura&ccedil;&otilde;es &rarr; Leitura<\/strong>. Configure a op&ccedil;&atilde;o de <strong>Exibi&ccedil;&atilde;o da p&aacute;gina inicial<\/strong> para que seja <strong>uma p&aacute;gina est&aacute;tica<\/strong>. Clique no menu suspenso e selecione <strong>P&aacute;gina Inicial<\/strong>, ent&atilde;o escolha a p&aacute;gina que voc&ecirc; criou anteriormente para ser sua galeria. N&atilde;o esque&ccedil;a de <strong>Salvar as altera&ccedil;&otilde;es<\/strong>.&nbsp;<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1350\" height=\"408\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-47.png\/w=1024,h=1024,fit=scale-down\" alt=\"Configura&ccedil;&otilde;es de leitura no painel WordPress, destaque para o menu suspenso com a sele&ccedil;&atilde;o da op&ccedil;&atilde;o Homepage\" class=\"wp-image-47870\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-47.png\/w=1350,fit=scale-down 1350w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-47.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-47.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-47.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-47.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1350px) 100vw, 1350px\" \/><\/figure>\n<\/div><ol start=\"5\" class=\"wp-block-list\">\n<li>Assim que voc&ecirc; tiver conclu&iacute;do o passo acima, tudo estar&aacute; pronto. Abaixo te mostramos como ficar&aacute; a nova p&aacute;gina da galeria com a lista de blog posts mais recentes acompanhados dos links e das respectivas imagens destacadas. Para este exemplo, configuramos o conte&uacute;do da publica&ccedil;&atilde;o para que ele contenha <strong>trechos de cada post<\/strong>, juntamente da <strong>data <\/strong>e imagem destacada. Alteramos o<strong> tamanho da imagem <\/strong>para miniatura e definimos um <strong>alinhamento &agrave; esquerda<\/strong>.&nbsp;<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1365\" height=\"440\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-48.png\/w=1024,h=1024,fit=scale-down\" alt=\"Exemplo de posts mais recentes na p&aacute;gina inicial de um site teste do WordPress\" class=\"wp-image-47871\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-48.png\/w=1365,fit=scale-down 1365w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-48.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-48.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-48.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-48.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\">        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    &lt;strong&gt;Dica&lt;\/strong&gt;                <\/p>\n            <\/div>\n            <p class=\"protip__content\">Habilitar a fun&ccedil;&atilde;o de <strong>Exibir Imagem Destacada<\/strong> faz com que o WordPress busque por imagens em destaque nos &uacute;ltimos posts feitos no blog. Um espa&ccedil;o em branco ser&aacute; exibido caso voc&ecirc; n&atilde;o tenha adicionado uma imagem destacada para algum dos posts. Caso tenha configurado uma imagem padr&atilde;o, &eacute; ela ser&aacute; exibida.<\/p>\n                    <\/div>\n        <\/p><h3 class=\"wp-block-heading\" id=\"h-7-edite-o-arquivo-functions-php-do-seu-tema-wordpress\"><strong>7. Edite o Arquivo functions.php do seu Tema WordPress<\/strong><\/h3><p class=\"wp-block-paragraph\">Se voc&ecirc; ainda n&atilde;o conseguir visualizar o bloco de imagem em destaque no editor de conte&uacute;do do WordPress, ou a miniatura de um post ainda n&atilde;o estiver aparecendo corretamente, provavelmente o seu tema atual n&atilde;o suporta o recurso de imagens destacadas.&nbsp;<\/p><p class=\"wp-block-paragraph\">Em alguns casos, o c&oacute;digo para habilitar a funcionalidade de imagens destacadas pode estar faltando. Voc&ecirc; pode resolver esse problema ao adicionar um fragmento de c&oacute;digo ao final do arquivo <strong>functions.php<\/strong> do diret&oacute;rio do seu tema &mdash; via cliente FTP ou atrav&eacute;s do Gerenciador de Arquivos do painel. O c&oacute;digo est&aacute; indicado abaixo:<\/p><pre class=\"wp-block-preformatted\">add_theme_support('post-thumbnails', array(\n'post',\n'page',\n'custom-post-type-name',\n));<\/pre><p class=\"wp-block-paragraph\">Recarregue o painel de administra&ccedil;&atilde;o do WordPress e limpe o cache do site para verificar se a se&ccedil;&atilde;o de imagem destacada aparece quando voc&ecirc; estiver editando um post ou uma p&aacute;gina.<\/p><h2 class=\"wp-block-heading\" id=\"h-como-corrigir-imagens-destacadas-duplicadas-no-wordpress\"><strong>Como Corrigir Imagens Destacadas Duplicadas no WordPress<\/strong><\/h2><p class=\"wp-block-paragraph\">Um dos erros mais comuns que iniciantes cometem no WordPress &eacute; utilizar uma &uacute;nica imagem como capa e imagem destacada. Isso faz com que as imagens sejam duplicadas e sobrepostas nas p&aacute;ginas de arquivos ou galerias &mdash; o que resulta em uma p&eacute;ssima experi&ecirc;ncia visual para os visitantes.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"403\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-49.png\/public\" alt=\"Exemplo de imagem duplicada em uma lista de posts recentes\" class=\"wp-image-47872\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-49.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-49.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-49.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-49.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Abra o editor da p&aacute;gina ou da publica&ccedil;&atilde;o e, na aba <strong>Post<\/strong>, localize a se&ccedil;&atilde;o de imagem destacada. Caso seja exibida a mesma imagem que est&aacute; adicionada como a primeira imagem do seu conte&uacute;do, se confirma que este &eacute; o problema.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-50.png\/public\" alt=\"Editor Gutenberg do WordPress, destaque para o campo da imagem destacada\" class=\"wp-image-47873\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-50.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-50.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-50.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-50.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\">A solu&ccedil;&atilde;o para este erro &eacute; remover uma das duas &ndash; ou a imagem de miniatura do post, ou o bloco de imagem do seu conte&uacute;do. Voc&ecirc; at&eacute; pode fazer o upload de uma nova imagem para substituir uma das duas fotos id&ecirc;nticas, mas a exibi&ccedil;&atilde;o das duas imagens juntas para cada blog post pode poluir suas listas de publica&ccedil;&atilde;o &mdash; prejudicando a experi&ecirc;ncia do usu&aacute;rio.&nbsp;<\/p><h2 class=\"wp-block-heading\" id=\"h-como-corrigir-o-tamanho-de-uma-imagem-destacada-no-wordpress\"><strong>Como Corrigir o Tamanho de uma Imagem Destacada no WordPress<\/strong><\/h2><p class=\"wp-block-paragraph\">Depois de aprender como configurar corretamente&nbsp; uma imagem destacada no WordPress, o pr&oacute;ximo passo &eacute; garantir que ela ser&aacute; exibida do jeito certo. Alguns dos erros mais comuns que afetam a exibi&ccedil;&atilde;o de uma imagem em destaque geralmente envolvem a utiliza&ccedil;&atilde;o de fotos n&atilde;o otimizadas e a configura&ccedil;&atilde;o incorreta das dimens&otilde;es da imagem.<\/p><h3 class=\"wp-block-heading\" id=\"h-escolhendo-as-imagens-certas-para-colocar-em-destaque-nbsp\"><strong>Escolhendo as Imagens Certas para Colocar em Destaque&nbsp;<\/strong><\/h3><p class=\"wp-block-paragraph\">Antes de ajustar as dimens&otilde;es, &eacute; melhor confirmar que voc&ecirc; escolheu uma imagem adequada para representar a p&aacute;gina do seu blog. Alguns fatores para levar em considera&ccedil;&atilde;o quando escolher uma foto para ser sua imagem destacada incluem:<\/p><ul class=\"wp-block-list\">\n<li><strong>Dimens&otilde;es <\/strong>&#8210; o tamanho ideal para uma imagem destacada em um site WordPress &eacute; 1200 x 628 pixels.<\/li>\n\n\n\n<li><strong>Orienta&ccedil;&atilde;o da foto <\/strong>&#8210; fotos com medidas de largura maiores do que a altura costumam funcionar melhor como imagens em destaque.&nbsp;<\/li>\n\n\n\n<li><strong>Relev&acirc;ncia <\/strong>&#8210; uma imagem destacada deve fazer sentido com o que a p&aacute;gina ou post representa.&nbsp;<\/li>\n\n\n\n<li><strong>Autenticidade <\/strong>&#8210; a foto escolhida deve ser atrativa e seu uso deve ser gratuito.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-como-alterar-o-tamanho-padrao-de-uma-imagem-no-wordpress\"><strong>Como Alterar o Tamanho Padr&atilde;o de uma Imagem no WordPress<\/strong><\/h3><p class=\"wp-block-paragraph\">O WordPress automaticamente cria c&oacute;pias de cada imagem que voc&ecirc; carregar na biblioteca de m&iacute;dias do seu site, sendo que essas c&oacute;pias s&atilde;o feitas em tamanho miniatura, m&eacute;dio e grande. Apesar desse m&eacute;todo otimizar o processo exigido para adicionar elementos visuais em uma p&aacute;gina ou publica&ccedil;&atilde;o, as dimens&otilde;es nem sempre funcionam bem para imagens destacadas.&nbsp;<\/p><p class=\"wp-block-paragraph\">Felizmente, voc&ecirc; pode editar manualmente o tamanho padr&atilde;o definido pelo WordPress. Alguns temas possuem suas pr&oacute;prias dimens&otilde;es de imagem, ent&atilde;o recomendamos que voc&ecirc; primeiramente verifique as configura&ccedil;&otilde;es do tema atual do WordPress utilizado em seu site.<\/p><p class=\"wp-block-paragraph\">Se n&atilde;o houver configura&ccedil;&otilde;es espec&iacute;ficas, siga os passos indicados abaixo para modificar as dimens&otilde;es das imagens atrav&eacute;s das configura&ccedil;&otilde;es do pr&oacute;prio WordPress:&nbsp;<\/p><ol class=\"wp-block-list\">\n<li>A partir do seu painel de administra&ccedil;&atilde;o do WordPress, acesse o menu <strong>Configura&ccedil;&otilde;es &rarr; M&iacute;dia<\/strong>.&nbsp;<\/li>\n\n\n\n<li>Nos campos de <strong>Tamanho da miniatura<\/strong>, insira as novas dimens&otilde;es desejadas para suas imagens destacadas.&nbsp;<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"703\" height=\"583\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-51.png\/public\" alt=\"Configura&ccedil;&atilde;o do tamanho da imagem miniatura a acompanhar cada post no bloco de mais recentes\" class=\"wp-image-47874\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-51.png\/w=703,fit=scale-down 703w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-51.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-51.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 703px) 100vw, 703px\" \/><\/figure>\n<\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>N&atilde;o se esque&ccedil;a de clicar em <strong>Salvar Altera&ccedil;&otilde;es<\/strong>.&nbsp;<\/li>\n<\/ol><p class=\"wp-block-paragraph\">        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    &lt;strong&gt;Dica&lt;\/strong&gt;                <\/p>\n            <\/div>\n            <p class=\"protip__content\">Confira nosso artigo sobre <a href=\"https:\/\/www.hostinger.com\/br\/tutoriais\/tamanho-imagens-wordpress\/\"><strong>Tamanho das Imagens no WordPress<\/strong><\/a><strong> <\/strong>para criar novas dimens&otilde;es personalizadas para suas imagens e para implementar modifica&ccedil;&otilde;es utilizando plugins.<\/p>\n                    <\/div>\n        <\/p><h3 class=\"wp-block-heading\" id=\"h-como-otimizar-suas-imagens-destacadas-para-seo\"><strong>Como Otimizar suas Imagens Destacadas para SEO<\/strong><\/h3><p class=\"wp-block-paragraph\">Todos os elementos visuais do seu site, incluindo as imagens destacadas, contribuem para o desempenho, experi&ecirc;ncia do usu&aacute;rio e estrat&eacute;gias de SEO do seu site. Sendo assim, &eacute; essencial otimizar esses elementos.<\/p><p class=\"wp-block-paragraph\">Ao facilitar o processo de rastreamento das suas imagens destacadas pelos mecanismos de busca (<em>crawl<\/em>), voc&ecirc; poder&aacute; ranquear melhor nas p&aacute;ginas de resultados (SERPs) de motores como o Google.&nbsp;<\/p><p class=\"wp-block-paragraph\">H&aacute; diversas formas de otimizar suas imagens no WordPress:<\/p><ul class=\"wp-block-list\">\n<li>Compactar grandes arquivos para acelerar seu carregamento.<\/li>\n\n\n\n<li>Redimensionar imagens utilizando os m&eacute;todos explicados acima.<\/li>\n\n\n\n<li>Exibir imagens atrav&eacute;s de um sistema de rede de fornecimento de conte&uacute;do (<a href=\"\/br\/tutoriais\/o-que-e-cdn\/\"><strong>CDN<\/strong><\/a>).<\/li>\n\n\n\n<li>Remover da sua biblioteca de m&iacute;dias do WordPress as imagens que n&atilde;o s&atilde;o utilizadas.&nbsp;<\/li>\n\n\n\n<li>Otimizar os textos alternativos (<em>alt text<\/em>) de todas as suas imagens.&nbsp;<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Leia o nosso artigo sobre <a href=\"\/br\/tutoriais\/otimizar-imagens-wordpress\/\"><strong>Como Otimizar Imagens para o WordPress<\/strong><\/a>, no qual detalhamos cada um dos m&eacute;todos elencados acima. Neste tutorial, tamb&eacute;m apresentamos alguns dos melhores plugins do WordPress para facilitar o processo de otimiza&ccedil;&atilde;o de imagens.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/br\/hospedagem-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-44638\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-como-garantir-que-as-imagens-destacadas-sempre-aparecam-no-wordpress\"><strong>Como Garantir que as Imagens Destacadas Sempre Apare&ccedil;am no WordPress<\/strong><\/h2><p class=\"wp-block-paragraph\">J&aacute; que elas s&atilde;o a cara das suas p&aacute;ginas e posts, voc&ecirc; deve garantir que suas imagens destacadas sempre apare&ccedil;am e tenham alta qualidade. Dito isso, &agrave;s vezes voc&ecirc; pode esquecer de configurar uma imagem em destaque para um post espec&iacute;fico.&nbsp;<\/p><p class=\"wp-block-paragraph\">Configurar uma imagem destacada padr&atilde;o para o seu site WordPress ajuda a evitar a situa&ccedil;&atilde;o em que um espa&ccedil;o em branco aparece em sua p&aacute;gina ou publica&ccedil;&atilde;o &mdash; o que acontece quando voc&ecirc; esquece de adicionar uma imagem em destaque. Abaixo, voc&ecirc; encontra um guia de como configurar uma imagem destacada padr&atilde;o no WordPress:<\/p><ol class=\"wp-block-list\">\n<li>Instale e ative o plugin <a href=\"https:\/\/br.wordpress.org\/plugins\/default-featured-image\/\" target=\"_blank\" rel=\"noopener\"><strong>Default Featured Image<\/strong><\/a>.<\/li>\n\n\n\n<li>A partir do seu painel de administra&ccedil;&atilde;o do WordPress, acesse o menu <strong>Configura&ccedil;&otilde;es &rarr; M&iacute;dia<\/strong>.&nbsp;<\/li>\n\n\n\n<li>Clique na op&ccedil;&atilde;o <strong>Select default featured image <\/strong>(Escolher imagem destacada padr&atilde;o)<strong> <\/strong>e selecione a imagem que deseja configurar como padr&atilde;o de destaque.&nbsp;<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"688\" height=\"594\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-52.png\/public\" alt=\"Definindo uma imagem destacada padr&atilde;o pelo plugin Default Featured Image\" class=\"wp-image-47875\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-52.png\/w=688,fit=scale-down 688w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-52.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/11\/image-52.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 688px) 100vw, 688px\" \/><\/figure>\n<\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Assim que tiver conclu&iacute;do, o processo estar&aacute; pronto. N&atilde;o se esque&ccedil;a de clicar em <strong>Salvar altera&ccedil;&otilde;es<\/strong>.<\/li>\n<\/ol><p class=\"wp-block-paragraph\">H&aacute; diversos plugins de imagem destacada padr&atilde;o no diret&oacute;rio de plugins do WordPress. Essas ferramentas permitem que voc&ecirc; configure a primeira imagem da sua publica&ccedil;&atilde;o de conte&uacute;do como a imagem destacada ou adicione imagens externas via URLs.<\/p><p class=\"wp-block-paragraph\">Fique &agrave; vontade para utilizar o plugin que melhor atender &agrave;s suas necessidades.&nbsp;<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><strong>Conclus&atilde;o<\/strong><\/h2><p class=\"wp-block-paragraph\">Uma imagem destacada &eacute; um recurso muito &uacute;til do WordPress que adiciona um valor visual ao seu site, atraindo mais visitantes. Miniaturas dos posts exibidas na p&aacute;gina inicial do seu site, nas galerias e nas suas redes sociais, ajudam a gerar tr&aacute;fego e a impulsionar suas estrat&eacute;gias de SEO. Sendo assim, sua imagem em destaque deve estar sempre vis&iacute;vel e ter uma boa qualidade.&nbsp;<\/p><p class=\"wp-block-paragraph\">Neste artigo, mostramos as causas mais comuns do erro que acontece quando uma imagem destacada n&atilde;o aparece no WordPress, al&eacute;m de termos discutido sete solu&ccedil;&otilde;es para resolver este problema. Voc&ecirc; tamb&eacute;m aprendeu como exibir imagens destacadas com as dimens&otilde;es corretas e como automatizar essa exibi&ccedil;&atilde;o em seu site.<\/p><p class=\"wp-block-paragraph\">Esperamos que este guia tenha te ajudado a entender melhor essa fun&ccedil;&atilde;o do WordPress e a resolver o problema em quest&atilde;o. Boa sorte!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Uma imagem destacada do WordPress aparece como uma miniatura para um post ou p&aacute;gina do seu site. O prop&oacute;sito de uma imagem em destaque &eacute; chamar a aten&ccedil;&atilde;o do visitante e oferecer uma pr&eacute;-visualiza&ccedil;&atilde;o do conte&uacute;do da publica&ccedil;&atilde;o. Ter uma imagem destacada para representar o seu post tamb&eacute;m acrescenta um ponto de interesse visual para [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/br\/tutoriais\/imagem-destacada-wordpress-nao-aparece\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":305,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"","rank_math_description":"Voc\u00ea j\u00e1 se deparou com o problema da imagem destacada do seu blog post n\u00e3o aparecer? Descubra aqui como resolver e evitar o erro!","rank_math_focus_keyword":"","footnotes":""},"categories":[8065,8027],"tags":[6208],"class_list":["post-29936","post","type-post","status-publish","format-standard","hentry","category-seguranca-e-manutencao","category-wordpress","tag-imagem-destacada"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-featured-image-not-showing\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/imagem-destacada-wordpress-nao-aparece\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-featured-image-not-showing\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-featured-image-not-showing\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-featured-image-not-showing\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-featured-image-not-showing\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-featured-image-not-showing\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-featured-image-not-showing\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-featured-image-not-showing\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/imagem-destacada-wordpress-nao-aparece\/","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/29936","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/users\/305"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=29936"}],"version-history":[{"count":8,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/29936\/revisions"}],"predecessor-version":[{"id":47876,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/29936\/revisions\/47876"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=29936"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=29936"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=29936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}