善用Gravatar,为博客留言添加个性化头像

身为经常在他人博客上留言的热心博友,或作为一个用心于将自己的博客办得更有特色的博主,可能很多都想过在留言(评论)这一环节彰显出个人特色,留下一个鲜明的个人印记。今天要介绍的Gravatar这一网络服务正可以满足这种心愿,它可以通过留言时填写的邮件地址自动关联并显示出用户头像(如本文下方评论的效果),心动了吗?一起来拥有它吧。

当然,要想将邮件地址与个人头像关联起来,还需要登录Gravatar网站进行注册和相关设置。注册时,需要先输入一个自己的邮件地址,接着进入这个邮箱点击激活链接,就可以填写用户名和密码,完成注册了。

登录Gravatar管理后台(如下图所示),可以通过上方链接增添更多的邮件地址(当然也需要各自进入并激活),通过下方链接添加个人头像(包括本地上传及网址链入,可手动在线缩放、截取,还需设定图片级别,一般选择G级即可),然后分别点击邮件地址和个人头像,确认一下,就可以完成地址与头像的关联(当然以后还可以更改)。

Gravatar后台设置

完成了以上步骤,以后在支持Gravatar功能的博客上留言,填写以上邮件地址,相对应的头像便会显示出来(可以在下面留言试一下)。

话说回来,要想显示出头像,还要发表留言的博客支持Gravatar功能才行,WordPress博客实现此效果的方式大概至少有以下两种:

A、通过插件实现。Gravatar官方提供了WP Gravatar插件,但功能较为单一,而且我也未能测试成功(第三方提供的Gravatars插件与此类似)。另外还有在此基础上改进而来的Gravatars2插件,我爱水煮鱼上对这个插件的使用方法进行了详细的介绍( 链接),包括此插件的功能特性及使用方法。我简而言之了一下,启用过程主要包括这几个方面:上传插件及gravatar文件夹(需将权限改为777),激活插件设置插件(包括头像大小及访客头像等,访客头像指未在Gravatar上注册的留言者默认显示的头像,可以自由指定一张或一组,但这里设置的头像大小好像对访客头像无效,所以访客头像要选择大小适合的,否则会很难看,我选择的洋葱头动态头像还不错吧?!),修改模板文件(包括样式表文件与comments.php文件),基本就OK了。关于comments.php文件中的代码位置,原文并未言明,我走了不少弯路,后来由别处得到启发,确定其位置在<div class="commenttext">标签以下,终于显示成功了(如下图,仅供参考,具体位置估计还要因模板而定)。

代码位置(仅供参考)

B、通过代码实现。We’s博客看到了一种不用插件也能实现Gravatar效果的方法( 链接),其做法是在comments.php文件中添加一段代码,替换<?php comment_text() ?>这一句,但原文中的引号均为中文式标点,需手动改为英文样式,否则无法被执行(我修正过的代码在下面);同时如果启用了类似于Ajax Comments-Reply的缓存类插件也会影响显示效果。具体效果可以到我的测试博客上看一看,地址是 http://cpxxpc.cn/wp23/2008/03/27/hello-world

附/我修正后的代码:

<?php
if(get_comment_type() == 'pingback' || get_comment_type() == 'trackback') {
?>
<div class="gravatar"> </div>
<?php
} else {
?>
<div class="gravatar"><img src="http://www.gravatar.com/avatar.php?gravatar_id=<?php echo md5($comment->comment_author_email); ?>&rating=PG&size=32" title="Gravatar image" /></div>
<?php
}
?>
<div class="commentext"><?php comment_text();?></div>

<?php $relax_comment_count++; ?>

除WP外,Bo-Blog更是直接内置了对Gravatar头像系统的支持,只需到后台设置中启用即可(见下图),具体效果请见以下链接 http://cpxxpc.cn/bo/post/ceshi.php

Bo-Blog后台的头像设置

与Gravatar相似,国内的Pop Avatar也提供了对个性头像的支持,我将在下篇专门介绍。

★本文中的相关引用已发布通告。

标签:, , , , , , , , , , , ,

☞ 本站文章均为原创,转载请注明:转载自网行志 [ http://webgol.org ];另外,因数据流量有限,本站图片均已做防盗链处理,如需转载,请将图片另存后再作发布,并请保留版权标识。在此一并致谢!!

☞ 对本文感兴趣?您可以点击以下按钮进行推荐,或收藏&分享——



收藏与分享





相关日志

评论一下

47 Responses to “善用Gravatar,为博客留言添加个性化头像”

我要发言

  1. SmileSO 说:

    以管理员身份测试留言(邮箱已在Gravatar进行关联),请看头像...

  2. ayaya 说:

    以游客身份测试留言(邮箱未在Gravatar进行关联),请看头像...

  3. 1314 说:

    推荐一个按展示计费的广告联盟,8元/1000次展示,周付,不用点击,流量多少收入多少,而且信誉极好,是很不错的广告联盟(也允许博客加入)。  

    该广告联盟“网站主”注册地址:

    http://bus.vodone.com/bus/exe.htm?33612

  4. We 说:

    升级到最新版的WP已经默认附带Gravatar 了

  5. SmileSO 说:

    呵呵,偶暂时还没有“勇气”将WP升级,唯恐影响插件等功能的正常使用,其实WP2.3.1配合适当的插件也挺不错的,同时还能锻炼DIY的能力 o(∩_∩)o...

  6. 呵呵 说:

    还不错的说

  7. 呵呵 说:

    具体的使用发发没有啊

  8. SmileSO 说:

    多谢鼓励!“发发没有”是何意?

  9. 微风博客 说:

    有点占资源,还有局限太大了,很多博客都不能用。哈哈,这个文章我以前就看过了,你这是转的吧。

  10. SmileSO 说:

    [网行志]坚持原创,本文中的部分引用内容已发送引用通告,这主要指的是代码部分,其他文字、图片均为我亲身体验后的第一手原创。[网行志]永远不会改变这一最基本的宗旨。
    呵呵,以后常来光顾,就会感到[网行志]99%原创绝非虚言了:-)

  11. 禅猫 说:

    :mrgreen: 我也启用了!

  12. SmileSO 说:

    呵呵,WP2.5以后的版本也已支持Gravatar头像系统了,但可惜还不够机动灵活,所以暂时仍使用Gravatar插件~~

  13. 禅猫 说:

    可惜我的blog始终无法正常升级只好用2.33,另外 我是用代码调用显示的,支持的不是太好.. :cry: 继续折腾中

  14. SmileSO 说:

    我是采用“全新”升级的方法折腾到WP2.5的(其实就是另行安装再导入原数据),听说再直接覆盖就可以升级到2.6,但我还没有冒然尝试;对于新版WP内置的对头像的显示效果我也不是太满意,所以还是习惯通过Gravatar插件+代码来实现,这样更为机动灵活些 :wink:

  15. Greenmoon55 说:

    为什么我改了图像,在自己的blog上看不到效果。有一段时间了而且也刷新了啊 :cry:

  16. SmileSO 说:

    如果你是使用Gravatar插件的话,更改图像及尺寸后,是应该到WP后台的“管理”的Gravatar Cache中去手动清空图片缓存的,这样就应该可以看出新的效果了;除此外,你也可以再清空本地浏览器缓存(COOKIE),试试看 :smile:

  17. Greenmoon55 说:

    现在好了

  18. SmileSO 说:

    恭喜了 :smile:

  19. 随风 说:

    测试gravatar

  20. Jamzo 说:

    我试试看哦 :razz:

  21. 说:

    :neutral:

  22. 颜小诗 说:

    那就测试看看

  23. 颜小诗 说:

    现实的貌似不是我设置的头像哈 囧rz

  24. SmileSO 说:

    这应该就是您设置的头像,不信您瞧瞧 :wink:

  25. 颜小诗 说:

    嗯 现在是咯 嘿嘿

  26. Milan 说:

    我来试试

  27. SmileSO 说:

    试试吧,头像很有个性啊——格瓦拉,我也很喜欢 :mrgreen:

  28. goneyearas 说:

    呵呵,不错,试一下你的评论功能 :neutral:

  29. 苹果fans 说:

    测试一下:-D

  30. [...] 头像可以是图片,也可以是自己照片,Yixiu就用了自己的头像,其实你肯能早就发现 在About里就有我自己的照片。:) 长的不咋样,希望不会污你眼睛,呵呵 Yixiu现在开始就用Gravatar的功能,实现自己的博客世界的网络名片,希望以后各个记得我哈,塑造个人品牌,希望我能成名,hehe 。看看个人品牌的效果,有多么的厉害。如果要更加完美的添加头像显示的位置,请看网志行写的善用Gravatar,为博客留言添加个性化头像,查看如何添加代码。 [...]

  31. WenYaYa 说:

    我也来测试一下。

  32. Ferris 说:

    try

  33. Ferris 说:

    怎么没有呢?

  34. wordpressla 说:

    刚申请的gravatar,测试一下 :wink:

  35. shyss 说:

    ;-)

  36. djboy 说:

    shishijiushishi :omg:

  37. Aaron 说:

    测试头像的,谢谢

发表评论

极少数评论有可能需要审核后才能显示出来,请谅解!

:tongue: :thumb: :think: :surprise: :sleepy: :redface: :omg: :love: :gnash: :cry: :cool: :confused: :angry: :D :) :(