Blog

Como adicionar Imagens Destacadas ou Miniaturas no WordPress

Miniaturas
Temas WordPress

Como adicionar Imagens Destacadas ou Miniaturas no WordPress

As Imagens Destacadas “Featured Images“, também conhecidas como Miniaturas de Posts “Post Thumbnails” são uma característica popular nos temas WordPress. Hoje a maioria dos temas têm suporte embutido para as miniaturas. Neste artigo vamos mostrar a você como adicionar Imagens Destacadas ou Miniaturas no WordPress.

Você pode estar pensando por que estamos usando os termos imagem de destacada e miniatura de posts, alternadamente. Bem, quando este recurso foi introduzido pela primeira vez no WordPress 2.9, foi chamado de Miniaturas de Post. No entanto, na próxima versão foi renomeado para imagem destacada.

Guia para Iniciantes sobre Imagens Destacadas no WordPress

Imagens Destacadas ou Miniaturas de Post são uma característica do tema. Atualmente, a maioria dos temas suportam Imagens Destacadas por padrão. Uma maneira fácil de descobrir se o seu tema suporta Imagens Destacadas é indo ao editor post. Basta criar um novo post e desça um pouco para ver se há uma meta box chamada Imagem Destacada, no lado direito da tela.

Usar uma Imagem Destacada

Adicionando Imagens Destacadas ou Miniaturas no WordPress

Para adicionar uma imagem destacada em um post do WordPress, basta clicar no link “Usar uma Imagem Destacada” dentro da meta box Imagem Destacada mostrada na imagem acima. Isto irá abrir o gerenciador de mídias do WordPress – “WordPress Mídia Uploader“. Você pode usá-lo para fazer upload de uma imagem do seu computador ou utilizar uma imagem existente a partir de sua biblioteca de mídia. Depois de selecionar a imagem, basta clicar no botão “Usar uma Imagem Destacada”.

Selecionando uma Imagem Destacada

A imagem irá aparecer na meta box Imagem Destacada, assim como na seguinte imagem:

Imagem Destacada Definida

É importante saber que a imagem pode parecer um pouco diferente no seu tema.Tudo depende de como o tema lida com Imagens Destacadas. Alguns temas, tipo Magazines, usam miniaturas menores ao lado dos resumos dos posts na página principal, e uma versão maior na visualização do post. Dependendo das configurações definidas pelo desenvolvedor do tema, sua imagem destacada aparecerá automaticamente nos seus posts. No entanto, se você quer mudar a forma como o tema lida com Imagens Destacadas e Miniaturas de Post, então continue lendo.

[leia]Como escolher o tema perfeito para o seu site WordPress[/leia]

[nota]Tudo isso abaixo vai exigir conhecimento de programação.[/nota]

Guia para Desenvolvedores de Temas sobre Imagens Destacadas e Miniaturas de Posts no WordPress

Apesar da Imagem Destacada ser uma característica popular suportada por um grande número de temas, ainda é possível que você possa estar usando um tema que não suporte Imagens Destacadas. Nesse caso, você pode adicionar o suporte à Imagens Destacadas ao seu tema. Se você entender sobre edição de arquivos de tema e souber um pouco de CSS, então você poderá fazer isso sozinho.

Para adicionar suporte à Imagens Destacadas em um tema WordPress, você precisa adicionar esta linha de código no arquivo functions.php do seu tema ou no Plugin Específico do Site:

add_theme_support( 'post-thumbnails' );

Este código irá ativar o suporte à Imagem Destacada aos posts e páginas. Agora você pode ir até seus posts ou páginas, e você verá a opção de Imagem Destacada habilitada. No entanto, quando você definir uma Imagem Destacada, ela não será exibida automaticamente no seu tema WordPress. Para visualizar as Imagens Destacadas no seu tema, você precisa editar seus modelos (templates) e adicionar a seguinte linha de código, onde você deseja mostrá-las:

<?php the_post_thumbnail(); ?>

Os arquivos que você deve alterar adicionando o código acima, variam de acordo com o tema. Você deve adicionar o código dentro do loop do post.

O código acima é a função básica do WordPress que você precisa para adicionar suporte às Imagens Destacadas e exibi-las no seu tema. Para definir o tamanho para Imagens Destacadas, você precisa adicionar a linha de código abaixo no seu arquivo functions.php.

set_post_thumbnail_size( 50, 50);

Os parâmetros para “set_post_thumbnail_size” são, nesta ordem: largura, altura.

Você também pode definir os tamanhos de imagens adicionais para usar com a função “the_post_thumbnail()“. Por exemplo:

// Tamanho das imagens para os posts (single)
add_image_size( 'single-post-thumbnail', 590, 180 );

Neste exemplo, nós adicionamos um novo tamanho de imagem chamado single-post-thumbnail com 590px de largura e 180px de altura.

Abaixo está um exemplo da função de Imagem Destacada com um tamanho específico de imagem.

<!?php the_post_thumbnail( 'single-post-thumbnail' ); ?>

Este é apenas uma versão da funcionalidade completa.

[leia]Como utilizar estes códigos criando seu próprio Plugin[/leia]

Esperamos que este artigo ajude você a aprender como adicionar Imagens Destacadas ou Miniaturas no WordPress. Se você tiver dúvidas ou sugestões, por favor, avise-nos deixando um comentário abaixo.

Deixe seu comentário aqui...

O seu endereço de e-mail não será publicado.

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Nosso site usa cookies e, portanto, coleta informações sobre sua visita para melhorar nosso site (por meio de análise), mostrar a você conteúdo de mídia social e anúncios relevantes. Por favor, consulte nossa página Termos & Políticas para mais detalhes ou concorde clicando no botão 'Aceitar'. OBS: Ao continuar a navegação, você, automaticamente, concorda.

Configurações de Cookies

Abaixo, você pode escolher os tipos de cookies que quer permitir neste site. Clique no botão "Salvar Configurações de Cookies" para aplicar sua escolha.

FuncionalNosso site usa cookies funcionais. Esses cookies são necessários para permitir que nosso site funcione.

AnalíticoNosso site usa cookies analíticos para permitir a análise de nosso site e a otimização para o propósito de a.o. a usabilidade.

Mídia SocialNosso site coloca cookies de mídia social para mostrar conteúdo de terceiros, como YouTube e Facebook. Esses cookies podem rastrear seus dados pessoais.

PublicidadeNosso site coloca cookies de publicidade para mostrar anúncios de terceiros com base em seus interesses. Esses cookies podem rastrear seus dados pessoais.

OutrosNosso site coloca cookies de terceiros de outros serviços que não são analíticos, mídia social ou publicidade.