Loading ...
Add Gravatar Support To WordPress Theme
September 24, 2008 10 Comments →
This small tutorial will tell you exactly how to add Gravatar support to your WordPress theme. Gravatars are used to spice up up your comments with a small “globally recognized avatar” the commentator chooses to use with an email address.
A Gravatar (like used above) is coupled to an email address you registered at gravatars.com. If you want to install Gravatars to your theme registering a email address is the first thing you should do.
Install Gravatars To Your Theme
Fortunately Gravatars have been included in the WordPress core codes just yet, so we don’t need any additional plugins to make everything run smoothly.
- First you have to make sure Gravatars are activated. Navigate to Settings > Discussion in the WP-admin section of your blog. Scroll down to Avatars and choose the settings you like.
- Open up comments.php
- Find:
1
<ol class="commentlist">- The codes below are ‘how your comment will be shown when listed’. You can place your Gravatar where you want. I suggest you choose a spot close to the commentators name.
- Codes:
1
<img src="<?php gravatar(); ?>" alt="Gravatar" />- We can add parameters to this template tag:
1
<?php gravatar("rating", "size", "default", "border"); ?>- Rating – Rate which Gravatars to show:
- G — Suitable for all audiences
- PG — Possibly offensive, usually for audiences 13 and above
- R — Intended for adult audiences above 17
- X — Even more mature than above
- Size – Default size of your Gravatar is 80x80px. Change that to anything you like.
- Default - The default avatar when the email address isn’t registered at Gravatar.com. Use an URL here.
- Border – If you want to have a border around your Gravatar, change this. Add a HEX color code to change the color of your border.
Use Right Away
A fully functional Gravatar function you can use right away is below:
1
<img src="<?php gravatar("R", "32", "", CCCCCC); ?>" alt="Gravatar" />
Well, I always enjoy seeing these cute little avatars!
Now using them will surely be more enjoyable.
Thanks for this information
@SEONEXT – Me too.
Why haven’t you linked an Gravatar to your email address yet?
[...] improve the user experience of the comment section of your blog you can do a couple things. You can add Gravatar support to make the comments more appealing, but there is [...]
Thanks! Good work.
thanks for this info…
Nice. I’ve always loved the avatars. So cute and nice. Thanks for the useful information. I always wanted to try it out. I ran through your blog and your posts are really informative. Keep up the good work. Cheers
Thanks for the tutorial on setting up a gravatar. I guess the next things I need to do are go out and get the plugin, register my email, and then find a image to use…Hmmm…need to figure out if I should use a photo, or some cool image related to my site!- Matt
I like it and my kid as well!
Thanks! Can’t wait to add this to the blog I’m building! Now the hard part will be deciding what picture to use for me!
I think every blogger should use WordPress. Is so customizable.