tutoriais category image
Post Thumbnail
Tuesday 08/06/2010 às 08:00 | Arquivado em: Tags & Hacks, Tutoriais

Mostra uma miniatura da imagem inserida no post. Pode ser usado nos arquivos index.php, archive.php e search.php.
Requer WordPress 2.9 ou superior.

01. O primeiro passo é adicionar a função post thumbnail ao seu tema. Abra o arquivo functions.php do seu tema (se ainda não tem um crie um arquivo de texto e salve como functions.php) e adicione:

<?php if ( function_exists( 'add_theme_support' ) ) :
add_theme_support( 'post-thumbnails' );
endif; ?>

02. Feito isso, sempre que for escrever/editar um post, aparecerá a opção "Post Thumbnail" abaixo das categorias, como mostra imagem:

Clique em "Set thumbnail", depois em "Gallery", escolha uma das imagens ( ou se não tiver nenhuma você pode procurar a que quiser em "Media Library") e clique em "Use as thumbnail":

03. Para que a miniatura da imagem apareça ao lado dos seus posts no arquivo index.php e/ou archive.php e search.php, adicione antes da tag do título dos posts ou onde desejar:

<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
<?php if(has_post_thumbnail()) {
the_post_thumbnail(array(120,120), array( 'class' => 'thumb' ));
} else {echo '<img src="/imagens/semimagem.jpg" class="thumb"/>';
}?></a>

Sendo que "120,120" definem largura e altura.

No lugar do endereço: /imagens/semimagem.jpg você vai colocar o endereço de uma imagem default para que seja mostrada quando o post não tiver imagem anexada.

Thumb é a classe que adicionei ao meu CSS, você pode usar esse como exempo e editar como quiser:

.thumb{
float: left;
margin: 1px 8px 5px 0;
padding: 4px;
background:#f8f8f8;
border: 1px solid #c0c0c0;
}

O resultado desse tutorial será esse:

Posts Relacionados




15 Comentários em “Post Thumbnail”



Julia 09-05-2011 | 07:36 Responder

Meu function já tem os functions normais e eu uso wordpress. meu servidor agora não é apache e o erro continua

João Victor 31-08-2011 | 11:25 Responder

Eu instalei no meu site e tá dando erro..
Para logar, o seguinte erro:

Warning: Cannot modify header information – headers already sent by (output started at /home/theocbrc/public_html/wp-content/themes/5.0/functions.php:5) in /home/theocbrc/public_html/wp-login.php on line 353

Warning: Cannot modify header information – headers already sent by (output started at /home/theocbrc/public_html/wp-content/themes/5.0/functions.php:5) in /home/theocbrc/public_html/wp-login.php on line 365

Por favor, me ajuda o mais rápido possível.
Bjs.




Comentar


Os comentários desse blog são MODERADOS, portanto só serão publicados após a minha aprovação. Comentários com propagandas e divulgações não serão aprovados. Obrigada.





38 37 36 35 34 33 32 31 30 29 28 27 26 25 24 23 21 20 19 18 17 16 15 14 13 12 11 10 9 8 6 5 4 3 2 1