Como criar um thumbnail na página inicial do WordPress

Quem utiliza o gerenciador de conteúdo WordPress, por vezes já sentiu a necessidade de inserir uma imagenzinha em seus posts na página inicial, mas o problema está na questão um pouco incômoda para muitos que é a de configurar um campo personalizado no ato da escrita de um novo post. Por vezes, é necessário até que seja salvo uma imagem em tamanho reduzido somente para o campo personalizado além, claro, de encontrar uma forma de “chamar” esta imagem reduzida na home, se o seu tema não veio preparado para tal.

wordpress-300x300Pensando nessas “dificuldades” da vida, fomos atrás na web e encontramos um código que revoluciona toda essa questão. O que ele faz é “puxar” a primeira imagem que você adicionou no meio do seu texto e insere como thumbnail na página inicial com dimensões pré-estabelecidas no painel do WordPress. Isso mesmo! Esqueça o tal do campo personalizado para esta função. É necessário apenas que você escreva um post e acrescente uma imagem a ele de qualquer tamanho e ao abrir sua página inicial, lá estará a chamada com uma miniatura da imagem.

Para fazer uso desta artimanha, insira o código abaixo dentro do loop do WordPress, mais precisamente entre as linhas de código em negrito abaixo localizadas no arquivo index.php:

<?php the_title(); ?>”>

Código aqui

<?php the_content(“”); ?>

O código:

<div style=”float:left; margin-right:20px;”>
<?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’ /?>”;
//www.CriarMeuSite.com
?>
</div>

Ah, e se você quiser configurar o tamanho do thumbnail, no painel de controle do WordPress procure no menu por “Configurações/Mídia” e ajuste de acordo com sua necessidade.

Pronto! Se o código foi inserido corretamente, tudo estará funcionando normalmente!

Dúvidas, é só comentar!

Related Posts with Thumbnails

Popularity: 6% [?]

Posts relacionados:

Receba nossos artigos por email



You can leave a response, or trackback from your own site.

One Response to “Como criar um thumbnail na página inicial do WordPress”

  1. Fabricio disse:

    Cara, maravilha de tutorial.
    Funcionou perfeitamente.
    Obrigado.

Leave a Reply

Powered by WordPress | Compare Credit Card Deals at iApplyForCreditCards.com | Thanks to BestInCreditCards.com, Video Game Music and Get Six Pack Abs
Copy Protected by Chetan's WP-CopyProtect.