Wordpress, How to insert the Gravatar icon into the comment section

Posted by Daniel - 4,248 Views

GravatarWhen I was blog-walking to several blogs, I saw not all of them but most of them use Gravatar icons to represent the commentator’s email addresses - its cute. Gravatar or Globally Recognized Avatars is basically a 80 x 80 pixel image used to represent your email address. If you do not have any gravatar yet you can got to gravatar website then signup yourself to get it - it’s simple.

OK, now lets find out how you can retrieve the gravatar of each commentator’s email address on your blog. First open your comments.php file - commonly it is placed on your current theme folder - with your text editor.

Find this line of code within the file:

<?php comment_text() ?>

When you already found it, next to do is to replace that line with the following block of code but I think it’s a good idea to backup the original content of your comments.php file since not every theme has as simple code as my current theme.

<?php
if (get_comment_type() == ‘comment’) {
echo "<img src=’http://www.gravatar.com/avatar.php?gravatar_id=".md5($comment->comment_author_email)."’ style=’padding-top: 15px’ />";
}
else {
echo "<img src=’http://averagecoder.net/wp-content/uploads/trackback.jpg’ style=’padding-top: 10px’ />";
}
comment_text();
?>

On the above code you can see the get_comment_type() function. It’s a WordPress hook function to get the comment types which only has 3 return values, and they are:

  1. comment
  2. trackback
  3. pingback

I only need to get the Gravatar for normal comment and mark the other comment types (usually a trackback) with the other image so that is why you see the IF statement there to get the intended result.

Cool, basically it’s done and I hope the implementation on your code will be as easy as copy-pasting it. Thanks to ridhocyber for helping me with this one.

Enjoy…

share this article

Digg del.icio.us Netscape StumbleUpon Yahoo! MyWeb reddit Furl Magnolia Newsvine Technorati SlashDot Blinklist Simpy Google
This post as PDFPosted in: Programming - January 2008 | raw