Usando uma Imagem Destacada no WordPress (Miniatura do Post)

Este tutorial ensinará a colocar uma Imagem Destacada em posts e/ou páginas do WordPress 2.9 ou posterior.

1. Na edição do Post/Página desejado, localize na lateral direita o painel de opções Imagem Destacada e clique no link: Configurar imagem destacada

1.1. Caso não encontre este painel será necessário acrescentar uma linha de código no arquivo functions.php do seu tema. Existem três opções de configuração das Imagens Destacadas – nos posts, nas páginas ou em ambos – escolha uma delas de acordo com sua necessidade:

// A. somente nos posts
add_theme_support('post-thumbnails', array('post'));

// B. somente nas páginas
add_theme_support('post-thumbnails', array('page'));

// C. em ambos
add_theme_support(‘post-thumbnails’ );

2. Escolha a imagem desejada a partir da Biblioteca de Mídia, Galeria do Post/Págins ou enviando uma nova imagem do seu Computador. Clique no link Mostrar para ver os detalhes da Imagem escolhida:

3. Na parte inferior dos detalhes da imagem, clique no link Usar como imagem destacada:

4. Feche esta janela e inclusão de imagens. Repare que a imagem escolhida agora aparece no painel lateral Imagem Destacada.

Para remover a imagem destacada, basta clicar no link abaixo da imagem atual: Remover imagem destacada.
Caso queira colocar outra, basta voltar ao passo 1.

Nota: Não é necessário salvar/atualizar o Post para ver o resultado, o processo é feito de forma independente.

5. Se quiser usar a imagem em um lugar específico do seu Tema, escolha o arquivo onde irá usar sua imagem destacada e coloque o seguinte código:

<?php
if ( has_post_thumbnail() ) {
// mostra a imagem destacada
the_post_thumbnail();
} else {
// mostra outra coisa (imagem, texto, etc.)
}
?>

Para informações adicionais e opções avançadas visite:

Tutorial em Inglês: Mark on WordPress (thanks for the valuable information)

WordPress Codex: the_post_thumbnail()

18 comentários em “Usando uma Imagem Destacada no WordPress (Miniatura do Post)”

  1. Pingback: Elabora Consultoria

  2. Pingback: Elabora Consultoria

    1. Olá,

      Talvez seu tema não esteja preparado para usar a imagem destacada.

      Preciso que me envies os arquivos do Tema para avaliar. Me escreva uma mensagem pela pagina de Contatos e conversaremos melhor.

      Att.

      Djio

  3. Como faço para que eu ative os thumbnails mas eles só apareçam no meu blog na versão para smartphones? Pois quando eu ativo, tudo fica bacana nos smartphones mas aparece uma imagem pequena (Thumbnail) do lado da imagem preincipal no meu blog versão web!
    Por favor me ajude

    1. Olá Gilbert,

      Te escrevi um email para saber mais detalhes do efeito desejado no smartphone.
      Se precisar, pode usar o formulário de contato no site para perguntas mais específicas.
      [ ]s
      Djio

  4. Olá! Estou precisando de ajuda sobre este tópico também. Sou iniciante em wp e tive que mudar o servidor do site da minha empresa. O antigo web-master só me passou um xml falando q era esse o backup do site…complicado. Mas enfim, estou tendo que reconfigurar tudo no site e, confesso, estou apanhando. O primeiro problema é com relação às imagens destacadas. Meu tema dá suporte (twenty eleven – como o teu), tenho mais de 150 imagens lá, incluidas nos posts desse jeito que tu explicou, mas elas não aparecem na pagina principal. Quando abro o post completo, a imagem abre no header. Me socoooooorre por favor!!!

  5. Olá Djio. Por gentileza, vc poderia me orientar de como posso resolver um probleminha com thumbnail no WP? Se eu publico um post e a imagem que eu inserir não estiver vinculada ao próprio post, o sistema não coloca thumbnail. Ou seja, deve-se inserir uma imagem vinculada àquele post para que apareça o thumbnail na home e no índice dos posts. Pode me dar uma ajuda? Grato

  6. Olá, primeiramente parabéns pelo post, ficou muito bem explicado!
    Eu tenho um blog Word Press e um site pessoal em PHP. Gostaria de listar as imagens de Destaque de cada um dos posts no meu site, junto com uma breve descrição do post.
    A boa notícia é que já consigo conectar o meu site com o Banco de Dados do Word Press e exibir as informações do post, como o título e a tal da “breve descrição”, porém estou travando uma batalha com o Word Press para resgatar também as imagens de Destaque, visto que o Banco de Dados parece não armazenar informações referentes a imagem de Destaque, na tabela de posts.
    Alguém pode me indicar algum link ou simplesmente dizer se é possível ou não?
    Muito obrigado, fico no aguardo.

  7. Pingback: Como vender pelo Facebook, Redes Sociais e Email Marketing

Deixe um comentário

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.

Rolar para cima