• Quem somos
  • Sugira artigos
  • Contato
  • Home
  •  
  • Como "puxar" a miniatura das fotos de seus posts em sites WordPress

    Publicado por Gustavo D. Castro no dia 5 de abril de 2012, em WordPress

    Siga-nos do twitter

    O WordPress é uma plataforma extremamente dinâmica e versátil talvez por isso faça tanto sucesso, uma das coisas que veja muita gente buscando é como fazer com que o wordpress mostre uma miniatura da imagem usada nos posts  na listagem dos mesmos na index e também em outras áreas do site que fazem a listagem de posts.

    Existem muitos plugins que realiza essa tarefa até com certo primor, porem todo webmaster que estuda sobre boas praticas na web, sabe que não se deve usar plugins em demasia, isso porque quanto mais plugins tiver rodando em sua instalação WP mais lento seu site ficará, por isso o melhor é sempre evitar usar plugins, principalmente para fazer aquilo que podemos fazer sem usar plugins.

    É isso que ensinarei nesse post, como criar um código que exibirá uma miniatura de cada post na listagem dos mesmos.

    miniaturas fotos wordpress

    Como exibir uma miniatura dos posts na postagem das publicações no WordPress

    O primeiro passo será abrir o arquivo do seu template responsável pela listagem dos posts (geralmente index.php e archives.php) procure pelo loop do site, são geralmente duas linhas semelhantes aos códigos abaixo:

    <?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>

    Logo depois desses códigos adicione o código abaixo:

    <a rel="nofollow" href="<?php the_permalink(); ?>" title="<?php the_title() ?>"><?php
    //Pega as imagens anexadas desse post
    $args = array(
    'post_type' => 'attachment',
    'post_mime_type' => 'image',
    'numberposts' => -1,
    'order' => 'ASC',
    'post_status' => null,
    'post_parent' => $post->ID
    );
    $attachments = get_posts($args);
    if ($attachments) {
    foreach ($attachments as $attachment) {
    $img = wp_get_attachment_thumb_url( $attachment->ID );
    break;
    }
    }
    echo "<img src='$img' wigth='100' height='100' />";
    ?></a>

    Agora salve o seu arquivo e envie para o seu servidor de hospedagem substituindo os arquivos presentes no host, pronto, a sua listagem de posts agora listará também uma miniatura da primeira imagem enviada em cada post.É bom lembrar que todo post deverá ter pelo menos uma imagem enviada ao mesmo, caso contrario o código não exibirá nenhuma miniatura

    Viu como é simples mostrar a miniatura das fotos de seus posts na listagem de publicações? Que tal aproveitar e nos seguir no Twitter agora mesmo?


    Tenho 23 anos, sou virginiano, atleticano de coração (Atlético mineiro), moro em Belo Horizonte - MG. Sou curioso desde criança, autodidata, pretendo me formar em engenharia da computação, trabalho em uma agência de publicidade como programador e design, realizo trabalhamos freelancer na área de desenvolvimento de sites e identidade visual, já não sou mais o dono do Criar Net =( mas tenho outros sites na internet, entre eles: Hospedagem Certa , Oficina do Humor , Webi Fácil , entre outros... Me interesso muito por Wordpress, Photoshop, corel, 3d, Seo e dinheiro na internet.
    Twitter Facebook
    2 Comentários
    Deixe um comentário