Posts populares com uma contagem de comentário

Mostrar seus posts mais comentados é uma ótima maneira de popularizar seu blog e aumentar a interatividade e possivelmente reforçar a Comunidade e o tempo em que o visitante permanecerá no seu blog.

Existem plugins que oferecem widgets para exibir posts populares, mas hoje eu vou lhe mostrar como fazer isso sem widget. Nós vamos mostrar posts populares que são classificados por contagem de comentário e realmente exibe a contagem de comentário propriamente dito.

Você pode colocar os artigos em sua página de posts únicos se desejar, mas pessoalmente eu prefiro colocar no arquivo Sidebar. php.

artigos, posts, mais comentados

Assim, onde quer que você deseje exibir os posts populares, adicione o seguinte:

 

E aqui está um pouco de estilização CSS para sua lista:

.pop-comments { list-style:none; width:300px; }
 
.pop-comments li { overflow:auto; margin:10px 0px; padding-bottom:5px; }
 
.pop-comments li a { text-decoration:none; color:#000;}
 
.pop-comments li p { margin-top:10px; }

Naturalmente você pode alterar a quantidade de mensagens que são exibidas, alterando o total de posts_per_page, por exemplo, isto exibiria 15 postagens:

<!--?php $pc = new WP_Query('orderby=comment_count&#038;posts_per_page=15'); ?-->

Para dar um passo a mais, podemos também adicionar imagens em miniatura para a lista. Para adicioná-los, você só precisaria adicionar uma nova linha de código:

 

Isso mostraria uma imagem de 20 x 20 junto à lista, você pode alterar esses números para se adequar e obviamente usar diferentes estilos CSS:

.pop-comments li img { float:left; margin-right:10px; border:4px solid #EEEEEE;}

Então vamos adicionar isto ao código principal. Resumidamente, para poupar seu trabalho com todos os recursos que falamos acima, fica assim:

e não se esqueça de alterar o CSS:

.pop-comments { list-style:none; width:300px; }
 
.pop-comments li { overflow:auto; margin:10px 0px; padding-bottom:5px; }
 
.pop-comments li a { text-decoration:none; color:#000;}
 
.pop-comments li img { float:left; margin-right:10px; border:4px solid #EEEEEE;}
 
.pop-comments li p { margin-top:10px; }

Nem todos os temas têm suporte a miniatura incluído. Se por acaso no seu site estiver dando erro, talvez precise adicionar um trecho extra em seu arquivo functions. php:

if ( function_exists( 'add_theme_support' ) )
add_theme_support( 'post-thumbnails' );

Isso permite o suporte de miniatura em seu tema escolhido.

Esta é uma maneira realmente fácil e rápida para promover seu conteúdo popular sem necessitar de qualquer plug-in para isso.

Ele também dá flexibilidade total sobre a saída e como ele é exibido para os seus leitores. Espero que tenham gostado!
Comentem! =)

Rate this post

Quer aprender a ganhar dinheiro com Google Adsense em blogs?

Leonardo Rodrigues

Apaixonado por internet e curioso por SEO sempre está envolvido em algum projeto web. Você me encontra também no blog Negocio Seo e vê meus Projetos e Redes Sociais no AboutMe

Website: http://querocriarumblog.com.br

1 Comentário

  1. Muito bom o artigo, mas tive uma dúvida!

    Adicionar isto? a9e451b6c5eff7242bc0655a86e79c7f003

    Está certo mesmo? E se for, adicionar onde?

    Att,
    Pablo Furtado

Deixe uma resposta