{"id":14019,"date":"2019-01-14T15:31:09","date_gmt":"2019-01-14T17:31:09","guid":{"rendered":"https:\/\/blog.hostinger.io\/br-tutoriais\/?p=14019"},"modified":"2023-08-29T16:21:57","modified_gmt":"2023-08-29T19:21:57","slug":"imagem-destacada-wordpress","status":"publish","type":"post","link":"\/br\/tutoriais\/imagem-destacada-wordpress","title":{"rendered":"Uma introdu\u00e7\u00e3o \u00e0 imagem destacada WordPress"},"content":{"rendered":"

A pergunta “O que é o tamanho da imagem destacada do WordPress?” é uma das perguntas mais comuns entre os usuários do CMS mais popular do mundo. Neste tutorial vamos aprender o que são as imagens destacadas do WordPress, o porquê de sua imagem muitas vezes não ser tão boa quanto na demo do tema, e como mudar o tamanho da imagem destacada do WordPress.<\/p>

\"\"<\/a><\/figure>

\n\n\n\n\n\n\n<\/p>

O Que é Imagem Destacada WordPress?<\/b><\/h2>

As imagens destacadas do WordPress são imagens que melhor descrevem os posts, páginas ou tipos de postagem personalizada de seu blog. Esse tipo de imagem é essencial pois ajuda a atrair visitantes para ler seu conteúdo ou dá uma ideia inicial do que será abordado.<\/p>

Além de ser uma representação do seu conteúdo, a imagem destacada também dá suporte ao tema inteiro.<\/p>

Geralmente você vai encontrar suas imagens destacadas sendo mostradas como miniatura dos posts. Se você clicar no post a imagem destacada será posicionada no topo da página ou post. Na maioria dos temas as imagens destacadas aparecem após o título da página ou post.<\/p>

Espere. Maioria dos temas? Sim. Você não entendeu errado. Sua imagem destacada se relaciona ao seu tema. Portanto cada tema irá mostrar sua imagem destaca de forma distinta, seja em um lugar ou com um tamanho diferente.<\/p>

Como Adicionar uma Imagem Destacada?<\/b><\/h2>

Para configurar imagem destacada do WordPress é só seguir as instruções abaixo:<\/p>

    \n
  1. Acesse o painel admin do WordPress.<\/li>\n\n\n\n
  2. Clique em Posts<\/b> > Adicionar novo<\/b>.<\/li>\n\n\n\n
  3. Você irá encontrar a opção Imagem destacada<\/b> no menu à direita. (Se você já encontrou a opção pule para o passo 8. Os passos 4 até 7 são para quem não conseguiu encontrar a aba imagem destacada).<\/li>\n\n\n\n
  4. Se você não encontrou a aba e ainda utiliza o editor clássico do WordPress, então clique em Opções de tela<\/b> no canto superior direito da tela.<\/li>\n\n\n\n
  5. Marque a caixa Imagem destacada<\/b>.<\/li>\n\n\n\n
  6. Na aba Imagem destacada clique em Definir imagem destacada<\/b>.<\/li>\n\n\n\n
  7. Agora você vai ter uma janela mostrando a Biblioteca de Mídia<\/b>.<\/li>\n\n\n\n
  8. Você pode selecionar a imagem desejada diretamente da biblioteca de mídia do WordPress.<\/li>\n\n\n\n
  9. Se você deseja subir uma foto que está no seu computador é só clicar em Selecionar arquivos<\/b>.<\/li>\n\n\n\n
  10. Selecione os arquivos<\/b> desejados no seu computador.
    \"seção<\/li>\n<\/ol>

    Agora você já pode adicionar imagens destacadas. Porém pode ser que no futuro você encontre uma foto melhor para ser sua imagem destacada e deseja remover a atual. Para isso são necessários alguns cliques.<\/p>

      \n
    1. Acesse a aba Imagem destacada<\/b>.<\/li>\n\n\n\n
    2. Clique em Remover imagem destacada<\/b> logo abaixo da imagem.<\/li>\n\n\n\n
    3. Siga os passos anteriores para adicionar uma nova imagem.<\/li>\n<\/ol>

      Por Que Minha Imagem Destacada Não é Tão Boa Quanto à Demo do Tema?<\/b><\/h2>

      Agora você já sabe como adicionar e configurar imagem destacada WordPress no seu post ou página. Mas você pode notar um novo problema. Por que a imagem que você adicionou não fica tão boa quanto a imagem demo do tema?<\/p>

      Lembre-se que o tema tem controle total sobre as imagens, e cada tema possui um tamanho de imagem específico.<\/p>

      Vamos dar um exemplo. Digamos que o tema do WordPress que você está utilizando definiu que a imagem destacada deve ter um tamanho de 1000px de largura e 700px de altura. Porém a imagem destacada que você escolheu possui as dimensões de 960px x 720px. Certamente a qualidade da sua imagem destacada não vai ser tão boa quanto da imagem demo do tema. Mas este não é um problema sem solução. Para corrigi-lo é só seguir os passos abaixo.<\/p>

      Como Mudar o Tamanho Imagem Destacada WordPress?<\/b><\/h2>

      Você pode mudar o tamanho da imagem destacada editando o arquivo do tema functions.php<\/b> ou com a ajuda de um plugin. O segundo método é mais simples e funciona na maioria dos temas. O plugin Simple Image Sizes<\/a> permite redimensionar a imagem destacada WordPress e também modificar o tamanho das imagens padrão. E mais, com o plugin Simple Image Sizes você pode facilmente adicionar tamanhos de imagem personalizados.<\/p>

      \n
      \"Tela<\/figure><\/div>

      Instale o plugin e navegue até Configurações > Mídia<\/b> para mudar o tamanho da imagem destacada do WordPress.
      <\/p>

      As mudanças não terão efeito nas imagens destacadas estabelecidas anteriormente. Para isso é necessário fazer um novo upload e redefinir as imagens destacadas. Apenas clique no botão Regenerate Thumbnails<\/b> para realizar a correção. Agora todas as imagens destacadas terão as medidas definidas por você.<\/p>

      \n
      \"\"<\/a><\/figure><\/div>

      Conclusão<\/b><\/h2>

      A imagem destacada do WordPress é muito mais importante do que você imagina. Ela é um fator chave que pode decidir se o visitante irá querer ou não passar mais tempo no seu site. A imagem destacada também representa todo o conteúdo que você disponibiliza em seu post ou página. Neste tutorial você aprendeu como adicionar uma imagem destacada WordPress e como mudar seu tamanho.<\/p>\n","protected":false},"excerpt":{"rendered":"

      A pergunta “O que é o tamanho da imagem destacada do WordPress?” é uma das perguntas mais comuns entre os usuários do CMS mais popular do mundo. Neste tutorial vamos aprender o que são as imagens destacadas do WordPress, o porquê de sua imagem muitas vezes não ser tão boa quanto na demo do tema, […]<\/p>\n

      Read More…<\/a><\/p>\n","protected":false},"author":92,"featured_media":30382,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Imagem Destacada WordPress: Uma Breve Introdu\u00e7\u00e3o","rank_math_description":"Neste tutorial vamos ensinar aspectos b\u00e1sicos de um dos recursos mais importantes de qualquer blog: a imagem destacada WordPress.","rank_math_focus_keyword":"imagem destacada wordpress","footnotes":""},"categories":[4911],"tags":[6208,6209],"class_list":["post-14019","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-imagem-destacada","tag-imagem-destacada-wordpress"],"hreflangs":[{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/imagem-destacada-wordpress","default":1},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/imagem-destacada-wordpress","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/14019","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\/92"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=14019"}],"version-history":[{"count":7,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/14019\/revisions"}],"predecessor-version":[{"id":49694,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/14019\/revisions\/49694"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media\/30382"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=14019"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=14019"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=14019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}