Para quem tenta evitar ao máximo usar plugins em seu wordpress, como eu, sempre busca usar as tags PHP do WP e desta vez não foi diferente quando se trata de lista de últimos comentários. Como você já deve saber, existe vários e vários plugins para isso, mas para quê ocupar espaço em sua hospedagem e deixar o seu WP mais lento se há como usar uma tag tão linda como essa e super maléavel? Segue abaixo o exemplo:
Para conseguir este resultado, você usará esta tag:
<?php
$query = "SELECT * from $wpdb->comments WHERE comment_approved= '1'
ORDER BY comment_date DESC LIMIT 0 ,4";
$comments = $wpdb->get_results($query);
if ($comments) {
echo '';
foreach ($comments as $comment) {
$url = '<a href="'. get_permalink($comment->comment_post_ID).'#comment-'.$comment->comment_ID .'" title="Por '.$comment->comment_author .', em '.get_the_title($comment->comment_post_ID).'">';
echo '';
echo '<div class="imagem-gravatar-comentarista">';
echo $url;
echo get_avatar( $comment->comment_author_email, $img_w);
echo '</a></div>';
echo '<div class="excerpt-comment">';
echo $url;
echo $comment->comment_author;
echo '</a>: ';
echo $excerpt = wp_html_excerpt( $comment->comment_content, 110 );
echo '...</div><div style="clear:both;"></div>';
}
echo '';
}
?>Na terceira linha, na frente de DESC LIMIT é só trocar o nº 6 para a quantidade de comentaristas que você deseja. Percebe o número 110 na linha 20? É a quantidade de palavras que irá aparecer na frente do gravatar (funciona no mesmo estilo do excerpt de posts). Mude para a quantidade que quer dependendo do espaço onde você irá colocar a tag.
Se você quiser que apareça o link do blog de quem comentou em vez do link de seu respectivo comentário, é só trocar o item da linha 9 por este código aqui:
$url = '<a href="'.$comment->comment_author_url .'" title="Por '.$comment->comment_author .', em '.get_the_title($comment->comment_post_ID).'">';
Para definir o tamanho da imagem do gravatar e alinhar junto com o texto do comentário, basta usar este CSS que criei:
/*** lista últimos comentarios - madlyluv.com ***/
.imagem-gravatar-comentarista img {
background: #F0F0F0;
padding: 5px;
margin: 2px 5px 5px 0;
width: 32px; /*largura da img*/
height: 32px; /*altura da img*/
float: left;
}
.excerpt-comment {
min-height: 42px; /*altura mínima para não ocorrer sobreposição*/
}A classe imagem-gravatar-comentarista define a altura, largura e borda da imagem do gravatar, enquanto a classe excerpt-comment alinha o texto na mesma altura do gravatar para evitar sobreposição. O alinhamento ideal de excerpt-comment sempre é a soma da height da imagem vezes duas de padding (32 + 2 x 5 = 42) ;D
Tutorial original por WP Recipes e modificado por mim.
