Tags & Hacks Tutoriais

Mostrar Miniaturas de Posts Recentes

22 de June de 2010

Mostra as miniaturas das imagens dos posts recentes
Requer WordPress 2.9 ou superior.

01. É uma função bem simples, você só precisa adicionar onde quiser que apareçam (sidebar.php, single.php, index.php ou footer.php):

<?php
$my_query = new WP_Query('showposts=3');
if( $my_query->have_posts() ) {
while ($my_query->have_posts()) : $my_query->the_post(); ?>
<?php
$attachments = get_posts( array(
'post_type' => 'attachment',
'number_posts' => 1,
'post_status' => null,
'post_parent' => $my_query->post->ID,
) );
if ($attachments) {
?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">
<?php
$thumbnail_id = $attachments[0]->ID;
echo wp_get_attachment_image( $thumbnail_id );
}
endwhile;
}
wp_reset_query();
?></a>

Considere que: showposts=3 - mostra o número de miniaturas de posts a serem mostradas

02. Se quiser personalizar o CSS, adicione e modifique como quiser:

.attachment-thumbnail{
display: block;
float: left;
padding: 6px;
text-align: center;
border: 1px solid #C0C0C0;
}

Veja o exemplo de como vai ficar:

PS. Para esse tutorial funcionar, você precisa ter a funcão Post Thumbnail no seu blog.

heart


Leia Também

Deixe seu comentário

23/02/2015 ・ 16:21

Oi Tamara, esse processo é o mesmo para colocar as miniatura na página category.php ? Obrigada

    23/02/2015 ・ 16:48

    Eu não sei como foi criada a página category.php do seu tema para dar certeza de que vai funcionar, mas acredito que funcione.

20/08/2015 ・ 20:50

Oi, tudo bem? Estou amando esse blog, sério, tão perfeito <333 Bom, eu segui o tutorial e deu tudo certinho, porém teria como aumentar o tamanho das imagens sem perder a qualidade? Eu procurei nos códigos, mas não achei… Beijos, e obrigada *-*

    21/08/2015 ・ 06:53

    Oi Larissa rem sim, mas você vai ter um trabalhinho. O tamanho das imagens são definidos em Settings/Media/
    Thumbnail size. Sendo assim se elas estão perdendo a qualidade, é porque foram “cortadas” de um tamanho menor do que você precisa. O ideal seria alterar nessa página o tamanho das imagens para o que você quer e depois refazer o upload das imagens dos posts, assim elas serão “cortadas” do tamanho certo 😉

03/10/2015 ・ 19:20

Oi Tamara, parabéns pelo blog. Muito fofo.

Uma dúvida. Queria fazer algo semelhante com os posts mais lidos.
É possível? Como ficaria o código?

Bjus

    04/10/2015 ・ 07:37

    Oi Bárbara, não tem como adaptar esse código para o que você quer. Mas tem alguns plugins com essa função 😉