Publicado em 10/02/2010 • Arquivado em Dicas / Tutoriais, Wordpress31 Comentários

Este é um guest post do amigo Pedro, fundador do blog LibertyTuga.com, sobre as miniaturas nos posts. Esta é uma função que está disponível desde o wordpress 2.9.

Uma das novidades do wordpress 2.9 é a opção de adicionar miniaturas ao posts de uma maneira muito simples!

Para fazer isso apenas precisamos de de mexer em dois ficheiros do theme (ou mais, dependendo onde querem que mostre a miniatura). Podem ver um exemplo das miniaturas nos posts no LibertyTuga.

Para que o tema suporte esta funcionalidade, adicione o seguinte código no ficheiro functions.php. Se o seu tema não tiver este ficheiro, pode cria-lo.

if ( function_exists('add_theme_support') ) {
    add_theme_support('post-thumbnails');
}

Este código vai verificar se a versão do WordPress suporta as miniaturas. Apenas na versão 2.9 ou superior é que funciona.

Para mostrar as miniaturas no tema, basta adicionar dentro do loop dos posts, o seguinte código:

< ?php
if ( has_post_thumbnail() )
the_post_thumbnail( 'thumbnail' );
else
echo '';
?>

O código verifica se o post tem uma miniatura, se tiver a imagem é mostrada, se não irá ser mostrada uma imagem default que neste caso iria estar em http://seusite.com/sem_miniatura.jpg.


Agora que o tema já está preparado, para adicionar uma miniatura a um post faça o seguinte: Ao criar um novo post vai ver uma nova caixa chamada de Miniatura do Post e dentro dessa caixa podem Definir a miniatura.


Depois de fazer o upload da imagem ou escolher a imagem que pretende para miniatura, aparecerá um link Usar como miniatura. Clique no link e publique o post normalmente.

O tamanho da miniatura pode ser alterado no seu Painel de Administração. Vá a Opções » Media » Tamanho da Miniatura.

Agradeço a disponibilidade do Pedro pela criação deste artigo! Aproveite para deixar o seu comentário e se quiser ter aqui um texto seu, contacte-nos. :)

Posts Relacionados:

Como diminuir os comentários indesejados ? Como Atualizar o WordPress Manualmente Como criar uma página com os arquivos do blog? Como Instalar um Plugin no WordPress

Escrito por Celso Azevedo

O Celso é um jovem português de 20 anos, webmaster, blogger e criador do WPTotal.com. Pode segui-lo no facebook, google plus ou no twitter.

31 Comentários para “Como adicionar miniaturas nos posts do seu blog”

  1. ORiOn diz:

    Foi um prazer fazer um post para o wpthemespt! :)

    Espero que tirem proveito dele. :P

  2. Olá Celso! Olá Pedro!
    Eu há tempos tenho tentado fazer isso, o problema é que teria que fazer as miniaturas para todos os posts antigos, certo? Pois é, aí não dá.
    Mas o template da elegantthemes que estou usando tem a opção, pelo que eu li, de fazer os thumnails automaticamente, pegando a primeira imagem de cada post. Mas não funciona. Simplesmente a imagem não aparece.
    Algum de vocês por acaso sabe como fazer?
    Agradeço muito!
    Um abraço
    Sandra

  3. Estevao diz:

    Ola Sandra,

    Que alojamento usas para o elegant theme? Tens de verificar as autorizacoes das pastas.

    Se fores ao elegant themes eles tem um FAQ so para essa questao dos thumbnails.

    Se precisares de mais ajuda diz. Eu uso os elegant themes, ja tive problemas com os thumbnails, mas tao resolvidos.

    Estevao

  4. Olá Estevão!
    Obrigada pela ajuda, eu vi a FAQ deles e lá diz que a pasta cache deve ter permissao 777, eu mudei e continuou não fazendo. A não ser que tenha que pedir para meu host fazer a permissão, mas olhando pelo ftp ela já está 777….
    O que será que pode ser..?
    Um abraço!

  5. Estevao diz:

    Qual o teu host? Nao tens de por o path (endereco) da imagem em custom field “Thumbail”?

    se quiseres contacta-me pelo meu blogue

  6. Pedro Miguel diz:

    Boa ajuda , bom post

    Continua Celso com este grande projecto

  7. Obrigado a todos pelos comentários!

    @ Sandra-Info-Macross,
    nunca me aconteceu isso. Você já viu no fórum de suporte se existe alguém com o mesmo problema ? Quem sabe não encontra a solução! Procure na parte onde fala sobre o seu tema.

    Abraço,
    Celso

  8. ORiOn diz:

    Sandra, eu não conheço o theme, por isso seria difícil saber porque não funciona, mas como já disseram, tenta encontrar nos fóruns deles ou FAQ. eles devem lá ter tudo explicadinho.

  9. Muito interessante e criativo este post.

    Um Abraço

    Roberto

  10. @ PcSaudavel,

    obrigado pelo comentário :)

    Abraço,
    Celso Azevedo

  11. Varsal Jr. diz:

    O link predefinido para os posts sem thumbnail é http://seusite.com/sem_miniatura.jpg ???

  12. Varsal Jr,
    Sim, é esse link. Apenas tem que alterar o link directo para a imagem.

  13. ORiOn diz:

    Varsal Jr.,
    Sim, é esse e como o Celso disse, só precisas de o alterar para o que queres.

  14. E se eu quiser meter outro custom field, o que mudo?

  15. Silvio diz:

    Este post é muito bom!
    Parabéns ao criador do tutorial, e a quem publicou aqui.
    Sucesso!

  16. THIAGO diz:

    onde fica o loop dos post, para eu adicionar o codigo! desculpe mas sou iniciante.

  17. La esta mais uma vez o caro Pedro a fazer das suas XD

    Bom post

  18. La esta mais uma vez o caro Pedro a fazer das suas XD

    Bom post

  19. esse eH para imagem destacada nao para miniatura …

    Bom … foi o Q apareceu no meu …

    Mais bom post … vlw a iniciativa

  20. esse eH para imagem destacada nao para miniatura …

    Bom … foi o Q apareceu no meu …

    Mais bom post … vlw a iniciativa

  21. Simone Salles diz:

    Oi Celso, a minha questão não é essa, mas está relacionada. Criei uma página para inserir os banner (com os links) para blog/sites dos magos da web, como você, que tanto nos ajudam. Só que não consigo fazer com que as imagens fiquem umas sobre as outras, numa coluna vertical. Elas ficam coladas umas nas outras! Já pesquise e usei uma série de códigos de parágrafo apara tentar separa-las por linha. Se sucesso! O que devo fazer?
    Obrigada..
    Simone Salles
    ArteSã Blog (http://artesablog.com.br

    • Faça o seguinte:

      1. Entre na página de criação/edição da página
      2. Insira a primeira imagem, usando a opção de adicionar a imagem ao post
      3. Passe para baixo (clicando no enter) e insira mais uma imagem, assim como
      fez no passo anterior

      Se não funcionar, adicione todas as imagens e depois clique na “aba” HTML e
      antes do código de uma imagem coloque (retire os espaços) e no fim (retire os espaços também).

      Se não funcionar desta forma, o problema está no código do seu tema que
      obriga as imagens a estarem com outro alinhamento.

      Espero ter ajudado.

  22. S. Felipe diz:

    Insire antes ou d epois do ?

  23. S.felipe diz:

    do the_content();

  24. Rodolfo Santos diz:

    Olá,

    Gostaria de saber qual é o plugin para criar esses posts relacionados?
    Obrigado!

  25. Kleuton diz:

    Consegui montar aqui, mais não estou conseguindo pôr classes?já cologue o código dentro de uma div, com a class que quero, mais nao muda nda, como posso tipo colocar class, para ficar legal no template

Deixe o Seu Comentário!