PS. Ainda estou em Barretos na casa da minha mãe, amanhã volto para casa e respondo emails, comentários e perguntas pendentes :)
13
comentários
Hoje tive a feliz surpresa em descobrir que 3 fotos minhas foram para o Explore do Flickr esse mês. Para quem não sabe, o Explore é uma seleção diária das 500 fotos mais interessantes 
.
1. Hippie Chic - Colorama - Explore, 2. ♥ bow - Explore, 3. A doll a week 2011 - 7/52 - Explore
Tags: Fotografia
Testando o controle remoto da minha Canon. Tirei uma única foto e já ficou como eu queria. Quem estiver em dúvida, compre porque vale a pena e é um absurdo de barato (menos de 3 dólares com envio grátis). Comprei esse aqui.
Mostra posts relacionados com imagem e sem a necessidade de plugin.
01. Há duas formas de usar essa função, pode ser relacionando os posts por tags ou por categorias. Adicione uma das duas no seu arquivo index.php e/ou single.php:
Por Tags
<?php $orig_post = $post;
global $post;
$tags = wp_get_post_tags($post->ID);
if ($tags) {
$tag_ids = array();
foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
$args=array(
'tag__in' => $tag_ids,
'post__not_in' => array($post->ID),
'posts_per_page'=> 4, // Número de posts relacionados.
'caller_get_posts'=>1
);
$my_query = new wp_query( $args );
f( $my_query->have_posts() ) {
echo '<h3>Posts Relacionados</h3><br />';
while( $my_query->have_posts() ) {
$my_query->the_post();?>
<div class="relacionados">
<a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>">
<?php if(has_post_thumbnail()) {
the_post_thumbnail(array(120,120), array( 'class' => 'thumb' ));
} else {echo '<img src="/imagens/default.jpg" width="120" height ="120" class="thumb"/>';
}?></a>
<span class="titulo"><a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></span>
</div>
<?
}
echo '';
}
}
$post = $orig_post;
wp_reset_query(); ?>
Por Categorias
<?php $orig_post = $post;
global $post;
$categories = get_the_category($post->ID);
if ($categories) {
$category_ids = array();
foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
$args=array(
'category__in' => $category_ids,
'post__not_in' => array($post->ID),
'posts_per_page'=> 4, // Número de posts relacionados.
'caller_get_posts'=>1
);
$my_query = new wp_query( $args );
if( $my_query->have_posts() ) {
echo '<h3>Posts Relacionados</h3><br />';
while( $my_query->have_posts() ) {
$my_query->the_post();?>
<div class="relacionados">
<a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>">
<?php if(has_post_thumbnail()) {
the_post_thumbnail(array(120,120), array( 'class' => 'thumb' ));
} else {echo '<img src="/imagens/default.jpg" width="120" height ="120" class="thumb"/>';
}?></a>
<span class="titulo"><a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></span>
</div>
<?
}
echo '';
}
}
$post = $orig_post;
wp_reset_query(); ?>
Observe que na linha "10" é possível alterar a quantidade de posts a serem mostrados.
Na linha "21" em 120,120 você define largura e altura.
E por fim, na linha "22" altere o endereço "/imagens/default.jpg" pelo endereço de sua imagem default, que aparecerá no caso do post não possuir uma.
2. Adicione ao seu CSS:
.relacionados {
margin:0 5px 0 0;
padding: 0 9px;
width:120px;
float:left;
}
.relacionados .titulo {
padding:0 0 0 5px;
font-size: 11px;
width:130px;
text-align: center;
}
.thumb{
float: left;
margin: 0px 8px 5px 3px;
background-color: #f8f8f8;
padding: 6px;
}
Altere como achar necessário.
Obs. Para este tutorial funcionar corretamente, você tem que habilitar o uso de thumbnails no seu tema: http://true-luv.com/post-thumbnail/
Traduzido e modificado daqui: wpbeginner.com
A imagem "sem imagem" utilizada aqui no TL não está disponível para ser usada em outros blogs/sites. Obrigada.