Posts relacionados sem plug-in
Mostrar posts relacionados pode convencer os leitores a mergulhar mais fundo em seu blog e ler mais de seus artigos, que podem convencê-los de que você escreve posts com qualidade e convencê-los a voltar mais vezes.
Existe um plugin bom para isso, chamado LinkWhitin. Porém existe um problema: o LinkWhitin é feito em javascript, portanto não passa link juice, não ajudando a indexar relevância em seu blog.
Portanto hoje eu irei mostrar-lhe como adicionar posts relacionados em seu blog sem usar um plug-in. E também vamos fazê-lo com miniaturas.
Nota: no seu post terá sempre que selecionar uma imagem como “imagem de destaque” para o código de mostrar miniatura funcionar.
Antes de começar a mexer com o seu tema, por favor, faça backup!
Para começar você precisa adicionar o seguinte no seu arquivo SinglePost.php, isto fará com que exiba posts relacionados:
<?php $tags = wp_get_post_tags($post->ID); if ($tags) { $first_tag = $tags[0]->term_id; $args=array( 'tag__in' => array($first_tag), 'post__not_in' => array($post->ID), 'showposts'=>5, 'caller_get_posts'=>1 ); $rel_posts = new WP_Query($args); if( $rel_posts->have_posts() ) { while ($rel_posts->have_posts()) : $rel_posts->the_post(); ?> <div class="rel_posts"> <div class="rel_thumb"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail(array(130,130)); ?></a></div> <div class="rel_link"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></div> </div> <?php endwhile; } } ?> <div class="clearer"></div> |
Você pode também alterar a quantidade de posts exibidos (”showposts’=>5,) e obviamente alterar as dimensões da miniatura ()
Há também uma div “clearer”. Para os posts relacionados flutuarem à esquerda, é necessário esta “limpeza”.
Aqui está um estilo básico para as classes que você pode usar para começar, basta adicionar ao seu CSS:
.rel_posts {float:left; margin: 15px 15px 15px 0;} .rel_thumb {margin:10px 0 10px 0;} .rel_thumb img {border:1px solid #aaa;} .rel_link {text-align:center; color: #555;} .clearer {clear:both;} |
Alguns temas não possuem suporte a miniatura por isso, se você perceber qualquer erro, adicione o seguinte no seu arquivo functions. php:
if ( function_exists( 'add_theme_support' ) ) add_theme_support( 'post-thumbnails' ); |
Esta é uma maneira rápida e fácil de obter posts relacionados para exibir em seus artigos, indexando melhor nos motores de busca.
16 Comentários