GameStickGameStick - Criação do Layout (Photoshop)
- Implementação de CMS (Wordpress)
- Desenvolvimento em XHTML e CSS nos padrões W3C

mais informações

EmoticonBREmoticonBR - Design e confecção do site
- Programação em PHP, XHTML e CSS

mais informações

MSSaúdeMSSaúde - Criação do logotipo
- Design e confecção do site
- Programação em XHTML + CSS
- Implementação de CMS (Wordpress)

mais informações

InsoftBrasilInsoftBrasil - Criação do logotipo
- Design e confecção do site e do painel de controle para clientes
- Programação em XHTML + CSS

mais informações

Dicas » Wordpress // 20.set.09

Inserindo thumbnails automaticamente na home do Wordpress

Dicas de Wordpress

Diversos temas para Wordpress exibem em sua home um resumo do post, juntamente com uma thumbnail. Este procedimento normalmente é feito utilizando os Custom Fields, na hora de publicar o post. Ou seja, você faz o upload da imagem e em seguida copia a sua URL e a coloca no Custom Field correspondente. Mas, convenhamos, este processo não é nada usual e dependendo da situação, pode dar um pouco de trabalho na publicação.

Procurando algum método mais prático, me deparei com este do blog HotPress. Após algumas adaptações minhas, ele ficou assim:


<?php
	// Busca a imagem anexadas ao post
	$args = array(
	'post_type' => 'attachment',
	'post_mime_type' => 'image',
	'numberposts' => -1,
	'order' => 'ASC',
	'post_status' => null,
	'post_parent' => $post->ID
	);

	// Verifica se exite alguma imagem anexada e pega sua URL
	$attachments = get_posts($args);
	if ($attachments) {
	foreach ($attachments as $attachment) {
	$img = wp_get_attachment_thumb_url( $attachment->ID );
	break;
	}

	// Busca Permalink e o Título do Post
	$link = $post->guid;
	$title = $post->post_title;

	// Agora que já temos a URL da imagem, o título e a Permalink do post, inserimos isso no HTML
	echo "<div class='img'><a href='$link' title='$title'><img src='$img' alt='$title' /></a></div>";
	}
	else echo "";
?>
Explicação:

Na primeira parte, buscamos as imagens anexadas ao post e, se existir, busca sua URL da sua thumbnail através do wp_get_attachment_thumb_url.
Em seguida buscamos o Permalink do post e o Título, para ser usado no link e no atribulo alt da imagem, respectivamente.

Implementação:

Para funcionar, basta implementar o código acima dentro do loop no wordpress. Exemplo:


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

// Insira o código aqui

<?php endwhile; ?>
<?php endif; ?>

Tamanho da Thumbnail:

O tamanho da thumbnail vem configurado em 150×150px como default, mas você pode alterá-lo no próprio painel do Wordpress, em Configurações » Mídia.

Configurações > Mídia

Bom, por enquanto é isso e qualquer problema é só dar um grito aí nos comentários. :)

Comentários (2)

Olá Damião,
legal que você incrementou o código, irei atualizar o post com suas moficações.

Abraço.

Hey, I found your blog while searching on Google your post looks very interesting for me. I will add a backlink and bookmark your site. Keep up the good work! :)

Deixe um comentário