WordPress

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:

Trends

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.
Trends

Tim Burton

Abriu recentemente uma nova exposição do trabalho de Tim Burton, no museu LACMA em Los Angeles.

Alguma chance de ter isso em Curitiba? :)

Via Fubiz.

Trends

Happy Weekend #09

  • CV Parade é tumblr só com currículos criativos.
  • No blog Web and Designers tem um post com 21 galerias de logo design para inspirar.
  • No Six Revisions tem um artigo sobre 8 coisas que não dizem sobre ser um Web Designer. Muito bom o post! (em inglês).
  • Quer fazer gradiente com CSS? O Ultimate CSS Gradient é ótimo para isso, você monta o gradiente e ele gera o CSS pra você.
  • Ainda nos geradores de CSS, o CSS3.0 Maker é ótimo também.
  • Está sem Photoshop e nem tem um editor de imagens para quebrar o galho, corre no Aviary e use o editor deles (precisa fazer login).
  • E o Google Body? Provavelmente estou atrasada a respeito, ainda não tinha visto. É tão legal e todo em HTML5! Ótimo para estudantes.

Images via CV Parade, Ultimate CSS Gradient and Google Body.

Trends

Mini-pessoas no maravilhoso mundo da comida

Christopher Boffoli é um escritor, fotógrafo, cineasta e artista. Seu trabalho já apareceu em jornais, revistas e publicações on-line em todo o mundo. Atualmente ele reside em Seattle, Washington, EUA.
Em um de seus projetos ele cria cenas que imitam a vida quotidiana utilizando pequenos bonecos e alimentos. O resultado é fantástico.

Você pode conferir todos os trabalhos no site de Christopher Boffoli. E tem uma entrevista com ele no site my modern met, em inglês.

Via mymodernmet.com, @obvious & @danielevsilva.