<!-- scripts adicionados pelo FULL.code --> <script> (function(d,t) { var BASE_URL="https://app.botlevel.com.br"; var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; g.src=BASE_URL+"/packs/js/sdk.js"; g.defer = true; g.async = true; s.parentNode.insertBefore(g,s); g.onload=function(){ window.chatwootSDK.run({ websiteToken: 'sNKo1Hqv1myPwRpmruqQrXmd', baseUrl: BASE_URL }) } })(document,"script"); </script> <!-- /scripts adicionados pelo FULL.code -->

Como adicionar imagens em destaque ou postar miniaturas no WordPress

As imagens em destaque, também conhecidas como miniaturas de postagem, são um recurso conhecido do WordPress suportado pela maioria dos temas.

Eles são a imagem principal das postagens do seu blog e geralmente aparecem ao lado do título da sua página inicial e das mídias sociais. Todos os temas populares do WordPress vêm com suporte integrado para imagens em destaque.

Neste artigo, mostraremos como adicionar facilmente imagens em destaque ou postar miniaturas no WordPress.

Adicionando imagens em destaque no WordPress

Guia para iniciantes para imagens em destaque no WordPress

As imagens em destaque são um recurso de tema do WordPress. Quase todos os temas do WordPress vêm com suporte integrado para imagens em destaque e as exibem lindamente em diferentes áreas do seu site WordPress .

Visualização de imagens em destaque em um blog WordPress típico

Como humanos, achamos os elementos visuais mais atraentes do que o texto simples. As imagens em destaque ajudam você a tornar as páginas do seu blog mais atraentes.

Eles também ajudam você a criar engajamento do usuário e aumentar as visualizações de página. Os mecanismos de pesquisa e sites de mídia social também podem usar essas imagens e exibi-las nos resultados de pesquisa e no feed de notícias de mídia social.

A maioria das imagens em destaque são usadas para postagens de blog, mas você também pode definir imagens em destaque para páginas e tipos de postagem personalizados.

Nota: As imagens em destaque não são iguais à imagem da capa. Veja a diferença entre a imagem da capa e a imagem em destaque no WordPress.

Dito isto, vamos dar uma olhada em como adicionar facilmente imagens em destaque no WordPress.

Vídeo tutorial

Inscreva-se no WPBeginner

Se preferir instruções escritas, continue lendo.

Adicionando miniatura de postagem ou imagem em destaque no WordPress

Para adicionar uma imagem em destaque em uma postagem do WordPress, basta editar ou criar uma nova postagem no blog.

No editor de conteúdo , você encontrará a guia de imagem em destaque na coluna da direita.

Seção de imagem em destaque na tela de pós-edição

Você precisa clicar na área ‘Definir imagem em destaque’, e isso abrirá o pop-up do carregador de mídia do WordPress.

A partir daqui, você pode carregar uma imagem do seu computador ou usar uma imagem existente da sua biblioteca de mídia. Depois de selecionar a imagem, basta clicar no botão Definir imagem em destaque.

Configurando uma imagem em destaque

O WordPress agora mostrará uma visualização da imagem em destaque na coluna da direita. No entanto, a imagem real em destaque pareceria diferente dependendo do seu tema do WordPress.

Agora você pode salvar ou publicar sua postagem e visualizá-la para ver como a imagem em destaque aparecerá em seu site ao vivo.

Dependendo das configurações definidas pelo desenvolvedor do tema, sua imagem em destaque aparecerá automaticamente com suas postagens.

Como encontrar e usar efetivamente as imagens em destaque?

Agora, a próxima grande questão que a maioria dos iniciantes encontra é onde encontrar imagens para usar como imagens em destaque?

Você não pode simplesmente usar a pesquisa de imagens do Google e usar qualquer imagem da internet. Essas imagens são protegidas por leis de direitos autorais e usá-las sem a devida permissão pode causar problemas legais.

Felizmente, existem vários recursos disponíveis que você pode usar para encontrar imagens gratuitas para seus posts.

Nossos principais favoritos são:

1add_theme_support( ‘post-thumbnails’ );
1<?php the_post_thumbnail(); ?>
1set_post_thumbnail_size( 50, 50);
12// Image size for single postsadd_image_size( ‘single-post-thumbnail’, 590, 180 );
1<?php the_post_thumbnail( ‘single-post-thumbnail’ ); ?>


Esta é a versão detalhada da funcionalidade completa. Há muitas outras coisas que você pode fazer com imagens em destaque.
Perguntas frequentes sobre imagens em destaque no WordPress
Como iniciante, você pode encontrar dúvidas ou problemas ao usar imagens em destaque em seu blog. A seguir estão apenas algumas das perguntas mais frequentes sobre imagens em destaque.


1. Por que a imagem em destaque está aparecendo duas vezes nas minhas postagens?
Às vezes, o iniciante adiciona uma imagem em destaque e, em seguida, adiciona a mesma imagem dentro da parte de conteúdo do editor de postagem.
Tudo o que você precisa fazer é remover a imagem da área de conteúdo e usar apenas a metabox da imagem em destaque para adicionar a imagem em destaque. Para saber mais sobre este tópico, consulte nosso artigo sobre como corrigir a imagem em destaque que aparece duas vezes no WordPress .


2. Qual é a diferença entre a imagem de capa e a imagem em destaque?
As imagens de capa são usadas na área de conteúdo de suas postagens ou páginas. Eles são normalmente usados ​​para separar diferentes seções de uma longa página ou postagem.
A imagem em destaque é a imagem representativa de um artigo. Ele aparece antes ou ao lado do conteúdo, mas não dentro do artigo real.
Para saber mais sobre esse tópico, consulte nosso guia sobre a diferença entre imagem de capa e imagem em destaque no WordPress .


3. Como exibir imagens em destaque ao lado de postagens recentes do blog?
O editor de blocos do WordPress vem com um bloco ‘Últimas postagens’ que permite exibir postagens recentes com miniaturas de postagens.
Você também pode exibir postagens recentes com miniaturas em widgets da barra lateral usando o plugin Recent Posts Widget Extended . Para obter mais detalhes, consulte nosso artigo sobre como exibir postagens recentes no WordPress .


4. Como lembrar os autores de adicionar imagem em destaque no WordPress?
As imagens em destaque são exibidas com destaque em sua página inicial, página do blog e outras páginas de arquivo.
Se você ou outro autor em seu blog esqueceu de definir uma e publicou a postagem, ela aparecerá sem uma imagem em destaque. Isso parecerá ruim e inconsistente, o que não é bom para a experiência do usuário.


Você pode instalar e ativar o plug-in Exigir imagem em destaque , que mostrará uma notificação quando alguém tentar publicar uma postagem sem imagem em destaque.
Exigir imagem em destaque
Para obter mais detalhes, consulte nosso artigo sobre como exigir imagens em destaque no WordPress .
Esperamos que este artigo tenha ajudado você a aprender como adicionar imagens em destaque ou postar miniaturas no WordPress.

Você também pode conferir nosso guia para iniciantes em SEO de imagens , que mostra como otimizar suas imagens do WordPress para mecanismos de pesquisa.
Se você gostou deste artigo, assine nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook .

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

<div id="full-woo-orders-popup" class="full-woo-orders-popup full-social-proof-social bottom-left"> <span class="dismiss-woo-order-popup">×</span> <div class="full-woo-orders-popup-inner"></div> </div><template id="full-woo-orders-popup-template"> <div class="full-woo-orders-popup-inner"><div class="customer-information"><p><span data-fragment="customerFirstName"></span> de <span data-fragment="customerLocation"></span> comprou <strong data-fragment="product"></strong> </p></div><img src="" data-fragment="image"></div> </template> <div id="full-woo-visitors-popup" class="full-woo-orders-popup full-social-proof-social bottom-left"> <span class="dismiss-woo-order-popup">×</span> <div class="full-woo-orders-popup-inner"> <div class="customer-information"> <p><strong>37 pessoas visitaram</strong> este link nos últimos 5 minutos</p> </div> </div> </div>