WordPress Plugin: Wavatars

By Shamus
on Dec 17, 2007
Filed under:
Projects

wavatars.jpg

Overview:

Wavatars is a plugin that will generate and assign icons to the visitors leaving comments at your site. The icons are based on email, so a given visitor will get the same icon each time they comment. It livens up comment threads and gives people memorable “faces” to aid in following conversation threads. It’s also fun.

Features:

  1. Wavatars can generate 956,384 different shapes in 57,600 different color combinations for a total of 55,087,718,400 (55 billion) unique Wavatars. Yeah, you should have plenty. You’ll run out of human beings (or hard drive space) long before you run out of Wavatars.
  2. The icons are generated on-the-fly. You can adjust the desired size of the icons.
  3. For easy deployment, icons will automatically preceed the commenter’s name. You can set HTML to come directly before and after the icon (to put it inside of a <DIV> tag, for example) or you can control the placement of the icons manually if you don’t mind adding a single line of PHP to your theme.
  4. Wavatars are based entirely on email and are thus very portable. The same email will result in the same Wavatar, even on different sites, so users will have the same icon on all Wavatar-enabled sites. (Assuming, or course, that there are other Wavatar-enabled sites. I don’t know if anyone will want this plugin or not.)
  5. This plugin also supports Gravatars. If you like, it can show the Gravatar for a given user (if available) and fall back on their Wavatar only if they don’t have a Gravatar set up. This means users can choose to set up a unique icon for themselves, and if they don’t, they will be assigned a unique Wavatar. This is a great system that lets people personalize if they want, yet still provide a decent icon for the lazy or apathetic.

Installation

  1. Download the plugin.
  2. Copy it onto your website in the wordpress /plugins folder. Then enable the plugin. That’s it. Wavatars will instantly appear for all posts (even old ones) on your blog. If you don’t like how the image looks within your theme, read on…

The administration panel is under Options » Wavatars. You can adjust the size of the Wavatars, and assign HTML to come before and after each image to help nudge it into place. Each image is also set with the CSS “wavatars” class. On this site, I don’t have any HTML prefix or suffix, and instead just added these lines to my CSS:


.wavatar {
float: left;
padding: 3px;
background: #fff;
margin-top: -25px;
margin-left: -25px;
margin-right: 5px;
}

If that still doesn’t give you enough control over wavatar placement and you don’t mind editing your theme, just turn off automatic placement and add the line wavatar_show($comment_author_email); to your comment loop wherever you want the image to appear.

Your mileagle may vary. It all depends on your installed theme.

Note that the plugin requires that your install of PHP support the GD library. If it doesn’t, the Wavatars won’t show up and you’ll get a warning in the Wavatar admin panel. You can still use this plugin to display Gravatars, even if the GD library isn’t available.

This is the first release. You could even go so far as to call it “beta” if you want to be formal about it. It’s only been tested on one server (this one) so far. Please leave bug reports and questions in the comments below.

Download Wavatars v1.0.0

Enjoyed this post? Please share!


FIVE HUNDRED!20520. There are now n+1 comments, where n is a ridiculous number.

From the Archives:

1 6 7 8

  1. Dave says:

    dangit! forgot I had one of those

  2. diseño web tenerife says:

    Ops, i mistake in the firs post.

    Good work to the all team and thanks for all.

    Saludos desde Tenerife!

  3. Freitas says:

    Teste teste

  4. wegwijzer says:

    Cool, curiuos how mine wavatar looks like.

    grts,

    zakenregister.com

  5. […] is that they don’t get to see their Gravatar before they post a comment – like the comments section on Shamus Young’s Wavatar […]

  6. Andrea says:

    Having options for different styles as for monsterids, wavatars, identicons…Brilliant idea and oh so fun to use! Wandering minds would like to know if at all possible to install plug in on blogger?

  7. Nickers says:

    Hi, just checken out these Wavatars…

  8. Daniel says:

    Yeah they preety cool little characters hey Nickers.

  9. Joachim says:

    This is really wonderful. Thanks for sharing.

    Take care
    Joachim

  10. Dave says:

    <— Here's mine!!

  11. 阅网博客 says:

    这文不错,推荐阅读!good job!

  12. […] (WordPress default), blank (seriously, nothing will be displayed there), Gravatar logo, Identicon, Wavatar, MonsterID, or any other image. Identicon, Wavatar, and MonsterID are unique for each email […]

  13. loutre says:

    Very nice, I keep it for my WP blog :)

  14. robot 3d4n says:

    cek

  15. […] bilgiyi buradan bulabilirsiniz. 0AKPC_IDS += "7070,";Popularity: unranked [?]  Yazının […]

  16. […] used phpMyAdmin) also lighttpd rewrite rules triped me up, and I forgot to install php5-gd for my wavatars support. But appart from that the migration was seemless, I am sure no one even noticed. […]

  17. Shin K. says:

    Your idea ROCK!.
    Even many years after your creation, it still fantastic idea!

  18. Jason says:

    Nice work

  19. lilsis says:

    Cool idea. Will have to give it a whirl.

  20. Sharon says:

    Looks like fun – can users select and/or change their wavatar?

    Edited to add – gee I don’t like the grumpy one that got picked for me – though it does remind me of what I look like before my first coffee of the day – if I am stuck with this one I defiantly would not post again….

  21. […] attribue un avatar à chaque personne, et toujours le même pour cette personne. J’ai trouvé Wavatar, qui attribue un avatar à chacun en se servant de l’adresse e-mail renseignée. Comme il […]

  22. Loonie says:

    Hi Shamus !

    I’m using your Wavatar plugin (which I heavily modified), and I think I found a good solution for the blogs that don’t require the e-mail address. When there’s no e-mail address, it applies md5 on the name instead.
    My code goes like this :
    function wavatar_get ($email, $nickname, $size='')
    {
    if ($email == '') {
    $md5 = md5($nickname);
    } else $md5 = md5($email);

    Hope it helps !

    Thanks for having created this very useful plugin !!

  23. Hemme says:

    Why I’m not wavatarized?

  24. […] It shows whatever image you want by detecting the email address you use when posting a comment. A wavatar is a randomly generated image if you don't have any gravatar previously set. This is a built-in […]

  25. zabigun says:

    hello. testing wawatar.

  26. Howard Leroy Hays says:

    This was fun, & a very educational read. I didn’t have ANYTHING else to do. I’ll get something going some day, but for now I will just say………..THANKS for letting me visit.

  27. angga says:

    Mantap ya.Gmna cara ganti avatars!

  28. […] ahora esta usando Wavatars para los comentarios que no tengan un Gravatar personalizado. Los Wavatars son un código que […]

  29. Michael says:

    Just checkin…

  30. Squeeky says:

    Yup, yet another “I wonder what I look like”

    • Just curious like everybody else! says:

      WOW!! Started December 17, 2007—I really am “a day late & a dollar short” (more like years and millions)! What a fantastic idea and thank you for sharing this.
      AND I can’t find anywhere to just post my comment, so I have to reply to the user above – sorry.
      And props to the WAY TOO funny useless paragraphs from 1 user. And yes, I read it all the way to the end.

  31. Rodin Dedi says:

    Interesting…

  32. Eventagentur says:

    Your website does not render correctly on my android – you may wanna try and fix that

  33. Robert says:

    Will it use my gravitar or wavitar, have I any say in the matter?! Hmm, can’t see my wavitar without removing my gravitar. Oh well…

  34. Nearly all quality improvement comes via simplification of design, manufacturing… layout, processes, and operations.
    Is there a subject of life – to get rich? Those fellows around getting rich could possibly be dancing round the real subject of life.

  35. Ladic says:

    Test. heh, nice .:)

  36. Leland Karen says:

    I really enjoy examining on this site, it has got fantastic blog posts.

  37. Real informative and excellent complex body part of articles , now that’s user friendly (:.

  38. Lowell says:

    My coder is trying to convince me to move to .net from PHP.
    I have always disliked the idea because of the costs.
    But he’s tryiong none the less. I’ve been using WordPress on a
    variety of websites for about a year and am nervous about switching to another platform.
    I have heard very good things about blogengine.net. Is there a way I can transfer all my wordpress
    posts into it? Any help would be greatly appreciated!

  39. Ivan says:

    Testiram.

  40. Jan says:

    Just want to see what mine come up as!
    Cool idea.

  41. J says:

    Trying out the generation feature.

  42. Lilli says:

    Want to see my avatar.

  43. Andy says:

    Here we go. What do I look like?

  44. Diego Navarro says:

    Nice job

  45. sawung galing says:

    Tes

1 6 7 8

8 Trackbacks

  1. […] is that they don’t get to see their Gravatar before they post a comment – like the comments section on Shamus Young’s Wavatar […]

  2. By reCaptcha Fail Whale Gravatar | Debiprasad on Tue Aug 10, 2010 at 4:07 am

    […] (WordPress default), blank (seriously, nothing will be displayed there), Gravatar logo, Identicon, Wavatar, MonsterID, or any other image. Identicon, Wavatar, and MonsterID are unique for each email […]

  3. […] bilgiyi buradan bulabilirsiniz. 0AKPC_IDS += "7070,";Popularity: unranked [?]  Yazının […]

  4. By GilesBathgate » Server Migration on Sun Oct 24, 2010 at 7:19 am

    […] used phpMyAdmin) also lighttpd rewrite rules triped me up, and I forgot to install php5-gd for my wavatars support. But appart from that the migration was seemless, I am sure no one even noticed. […]

  5. By Le blog de Loonie » Du nouveau dans mon design ! on Sat Jan 1, 2011 at 7:46 am

    […] attribue un avatar à chaque personne, et toujours le même pour cette personne. J’ai trouvé Wavatar, qui attribue un avatar à chacun en se servant de l’adresse e-mail renseignée. Comme il […]

  6. By menga - avatars, gravatars.. wavatars? on Tue Feb 15, 2011 at 7:40 am

    […] It shows whatever image you want by detecting the email address you use when posting a comment. A wavatar is a randomly generated image if you don't have any gravatar previously set. This is a built-in […]

  7. By Qué divertidos los Wavatars | Aeromental on Fri Mar 25, 2011 at 12:53 pm

    […] ahora esta usando Wavatars para los comentarios que no tengan un Gravatar personalizado. Los Wavatars son un código que […]

  8. […] Site | Wavatars Download | WordPress […]