Hoy leyendo en WpRecipes me tome con una linda receta que mostraba como mostrar los últimos “XX” comentarios junto con el gravatar correspondiente. Pero sentía que era una receta a medias, ya que se podía obtener mucho mas con unas lineas extras de código.

wordpress ultimos comentarios gravatar Ultimos comentarios con Gravatar en Wordpress

Con esta receta mejorada ahora podremos ajustar el tamaño del gravatar, mostrar y controlar los caracteres del comentario y mostrar solo comentarios, excluyendo Pingbacks y Trackbacks.

Donde necesites que se muestren los últimos comentarios solo introduce esta porción de código.

<?php
$comments = get_comments('status=approve&number=5');//solo ultimos 5 comentarios aprobados , exlcluir Pingbacks & Trackbacks
$img_w = '80'; //tamaño de mi gravatar
$comment_lenth = '150'; //cantidad de caracteres a mostrar antes de cortar el comentario
 
if ($comments) {
    echo '<ul>';
    foreach ($comments as $comment) {
        $comment_content = strip_tags($comment->comment_content);
        $comment_excerpt = mb_substr($comment_content, 0, $comment_lenth) . " [...]";
        $permalink = get_permalink($comment->ID) . "#comment-" . $comment->comment_ID;
        $url = '<a href="' . $permalink . '" title="' . $comment->comment_author . ' | ' .
            get_the_title($comment->comment_post_ID) . '">';
        echo '<li>';
        echo '<div class="gravatar">';
        echo $url;
        echo get_avatar($comment->comment_author_email, $img_w);
        echo '</a></div>';
 
        echo '<p class="comment_author">Autor: ';
        echo $url;
        echo $comment->comment_author;
        echo '</a></p>';
        echo '<span class="comment_text">';
        echo " <a href=\"" . $permalink . "\" title=\"Ver todo el comentario\">";
        echo $comment_excerpt;
        echo "</a>";
        echo '</span>';
        echo '</li>';
 
    }
    echo '</ul>';
}
 
?>

Lo que nos devolverá un Output como el siguiente:

         <ul>
                <li>
                    <div class="gravatar">
                        <img alt='' src='http://www.gravatar.com/avatar/9b3068f17206b81cdde75e85d50885cb?s=80&amp;d=http%3A%2F%2Feliseos.net%2Fwp-content%2Fthemes%2FEliseosV2%2Fimages%2Favatar.png%3Fs%3D80&amp;r=G' class='avatar avatar-80 photo' height='80' width='80' />
                    </div>
 
                    <p class="comment_author">Autor: Alexis</p> <span class="comment_text">Estas usando los campos personalizados o custom fields ? [...]</span>
                </li>
         </ul>

Ahora solo te resta darle estilo a través de CSS.