Thumbnail padrão do WordPress

Nas últimas versões do WordPress (3.0 e superior) tem opção de usar thumbnail sem nenhum plugin. Primeiro você precisa ativar ..

Continue lendo..

Thumbnail padrão do WordPress

Nas últimas versões do WordPress (3.0 e superior) tem opção de usar thumbnail sem nenhum plugin.

Primeiro você precisa ativar essa opção de thumbnail no seu tema. Para isso adicione o código abaixo no arquivo functions.php do seu tema:

/* thumbnail */
add_theme_support( 'post-thumbnails' ); /* ativa a função */
set_post_thumbnail_size( 100, 100 ); /* define o tamanho do thumbnail no painel de controle do WordPress */
/* end thumbnail */

Feito isso, ao entrar no seu painel de controle do WordPress, e ir em “Posts/Add New”, verá que existe um campo novo, como no print abaixo:

Ao clicar em “Set featured image” ele irá abrir uma popup pra você fazer upload de uma imagem pra ser usada como thumbnail. Ou se quiser dá para escolher uma das imagens que já fez upload clicando em “Gallery” e escolhendo uma das imagens clicando em “Use as featured image”.

Depois de feito isso é só publicar o post.

Mas para isso realmente funcionar no seu tema, coloque o código abaixo (no loop – próximo ao código que gera o título do post) onde quer que apareça o thumbnail:

<?php
if( has_post_thumbnail() ) {
the_post_thumbnail( array(100,100), array( 'class' => 'post-thumbnail' ) );
} else { ?>
<img src="http://seusite.com/thumbnail-default.jpg" alt="" width="100" height="100" class="post-thumbnail"/>
<?php } ?>

No código acima é onde você altera o tamanho do thumbnail no seu tema. Onde tem 100,100 quer dizer que vai gerar um thumbnail de 100 pixels de largura e 100 pixels de altura. Você pode mudar os tamanhos, deixando por exemplo 120,90 que será 120 pixels de largura e 90 pixels de altura.
Se não tiver imagem selecionada para ser thumbnail, ele vai usar a imagem http://seusite.com/thumbnail-default.jpg, então altere esse endereço para onde você salvou a imagem que quer usar caso não seja selecionada nenhuma. E na mesma linha dessa imagem, altere os tamanhos do width e height para ficarem iguais o que você alterou no 100,100.

E se quiser pode configurar no seu css a imagem com a class post-thumbnail, por exemplo:

img.post-thumbnail {background:#fff; border:1px solid #f1f1f1; padding:3px;}

Se quiser fazer diferente os thumbnails, tem outros 2 tutoriais aqui no blog:

Happy Weekend #10

O Smashing Magazine tem um post com wallpapers freel do mês incluindo o calendário no mesmo. Saiu essa semana o ..

Continue lendo..

Happy Weekend #10

  • O Smashing Magazine tem um post com wallpapers freel do mês incluindo o calendário no mesmo. Saiu essa semana o post com os wallpapers de Junho. Tem vários wallpapers legais e agora tem alguns com opção pra baixar o wallpaper sem calendário.
  • No August Empress tem um post com uma estante de livros onde cada bloco é uma letra do alfabeto. Dá pra você montar uma frase, ou uma só palavra, e guardar livros nela. Achei muito legal, quero uma!
  • O Google agora tem botão para compartilhar conteúdo, o +1. Será que pega?
  • Uma dica bem legal para fazer os iframes, vídeos.. ficarem do tamanho que quiser, de acordo com a resolução visitada, se você tem ou faz sites para mais de uma resolução.
  • No Sixrevisions tem um freebie bem legal. Um PSD com alguns elementos para usar em sites ou blogs.
  • Tutorial Multi-Layout Portfolio com WordPress, usando custom post type. Em inglês.
  • E no Smashing Magazine tem um tema free para WordPress incluindo PSD.