WordPress 记录评论者 gravatar 头像
我已经数不清有多少朋友来问过我这个问题了,就是在 WordPress 评论框上的“欢迎 ** 归来”字样,以及评论者的头像,真是很不好意思,拖到现在才写这教程,不过其实关于“欢迎 ** 归来”的字样在之前的《记录并隐藏 WordPress 评论者信息》中已经详细地介绍过,因为本文介绍的记录评论者头像与此文相关,这里就不再解释重复和其中的 JQuery 部分了,我只重点介绍下关于记录并显示当然评论者头像的方法吧。也建议在看本文之前可以先了解一下《记录并隐藏 WordPress 评论者信息》中的原理,这样可以帮助你理解本文。
![]()
效果如上图,之前留过言的朋友也可以看我的评论框。代码相当简单,在 WordPress 主题中的 comments.php 中的昵称、邮箱、网址输入框上方添加如下代码:
<?php if ( $comment_author != "" ) : ?>
<?php echo get_avatar($comment_author_email,'32'); ?>
<div id="welcome">
<?php printf(__('欢迎 <strong>%s</strong> 归来! '), $comment_author) ?>
</div>
<?php endif; ?>
<?php echo get_avatar($comment_author_email,'32'); ?>
<div id="welcome">
<?php printf(__('欢迎 <strong>%s</strong> 归来! '), $comment_author) ?>
</div>
<?php endif; ?>
比较简单的一个判断,应该还是很好理解的,关键就是 WordPress 眼花缭乱的函数。
烦是涉及到 WordPress 头像的我都要扩展一下,那就是用头像缓存时的代码,关于 WordPress 的头像缓存可以先看看这篇:《Wordpress 2.7+主题 gravatar 头像缓存》,启用 WordPress 头像缓存后,你则可以试试以下代码,同样是在 Wordpress 主题中的 comments.php 中的昵称、邮箱、网址输入框上方添加如下代码:
<?php if ( $comment_author != "" ) : ?>
<img width='32' height='32' class='avatar' src='<?php echo '/gravatar/' . md5(strtolower($comment_author_email)) . '.jpg' ?>' alt='' />
<div id="welcome">
<?php printf(__('欢迎 <strong>%s</strong> 归来! '), $comment_author) ?>
</div>
<?php endif; ?>
<img width='32' height='32' class='avatar' src='<?php echo '/gravatar/' . md5(strtolower($comment_author_email)) . '.jpg' ?>' alt='' />
<div id="welcome">
<?php printf(__('欢迎 <strong>%s</strong> 归来! '), $comment_author) ?>
</div>
<?php endif; ?>
可以看到两者唯一的区别就在于头像的代码部分,其中 gravatar 头像缓存图片存放的路径就根据各自的实际情况修改啦。个人感觉是个不错的用户体验,大家可以试试。
-
Wordpress 侧边栏带头像的最新评论2009年12月26日 -
Wordpress 之欢迎 OOXX 归来2011年01月19日 -
Wordpress 评论数之排排坐吃果果2010年12月1日 -
给 Wordpress 评论框添加 TinyMCE 编辑器2010年10月3日
谢谢!!支持- -
请教个问题~~就是如果是用AJAX加载的弹出层评论部分,就无法获取评论者的COOKIE了,那么$comment_author;就调用不出内容来,该怎么处理?怎么能让这个COOKIE能全局化??
发现好多需要的东西,你都已经折腾过了!
呵呵,所以有点到瓶颈了,不知道还能折腾什么
我来践踏了
正是需要的
基本不用什么插件,都是自己写的
Pingback: Ben is Me » OK, Computer! 终于完成了!
用willin大师的mini缓存头像没有实现这个图片(默认一直调用我自己的头像,非评论者,非默认),不过用了你下边的图片调用代码,好了。郁闷中,不知道为啥,呵呵...
willin大师的也有默认图片的,就是原来的get_avatar()里的头像参数
我把willin大师的那个改变函数调用和你的直接img src结合着用
刚刚测试缓存头像的时候偷用了你的邮箱
,嘿嘿
我来试试
你还没有申请过gravatar国际通用头像吧
这个功能,在Gravatar被墙了以后,再使用似乎不好使了吧?除非是以前就使用过这个功能还行...
也好使啊,我现在还在用呢
有个问题,头像已更新却无法显示。
呃。。。因为头像被我缓存了
为嘛我这么一整,我的昵称、邮箱、网页这三个框都不见鸟。
第一次访问就没有
搞定了,我用的是jq1.4。。。不支持,杯具,改改就好了
为什么我出现3个CLOSE的显示。。。杯具
这个很好...我拿走了.谢谢
举手..那标题也变成欢迎blabla字样捏
[?php if($_COOKIE["comment_author_" . COOKIEHASH]!=""): ?]
[script type="text/javascript"]
document.title = "[?php printf(__('欢迎 %s 归来,'), $_COOKIE["comment_author_" . COOKIEHASH]) ?]" + document.title
[/script]
[?php endif; ?]
把方括号替换成尖括号
应该加哪里。。掩面
加在header.php里就可以了
Pingback: 新主题Green living上线测试. | 阿邙’S Blog
啊哈,
又学到了,感谢博主。
呵呵,不客气,欢迎常来坐
在你这儿总是能学习到不少东西,呵呵,学习中。话说这个直接在WP后台添加就行就可以了是吧,真的不问清楚真的不该改啊。。
听有意思啊,这个东西很好玩~!
我用非缓存版可以显示,看源代码还是调用缓存里的图片
不知道为什么读者墙缓存可以显示头像,但是这里回复缓存头像居然不显示,够郁闷
两个地方都需要用到缓存的,代码需要区分
恩, 不错的文
终于知道原理~还是需要自己折腾~
玩WP就是在折腾中成长的
老万懂不懂怎么把ZB里面的GR头像整成缓存的啊?
不知道,ZB是asp的,我不懂
最好的建议是换成WP
这个不是早都讲过了么?
我也是上次看见才学会的
上次那个是评论框,这次是讲头像,还是有区别的~
请问其他的博客程序可以吗?
bo-blog也是这样修改吗
呃。。。我对boblog不是很熟耶~
呵呵,这个功能不错。
技术含量没有你的高啊,呵呵
这个功能我也要弄弄:)嘿嘿!
万老辛苦!
我的头像路径为admin/gravatar
/
那样的话,改个路径就可以了,呵呵
前几天就看到有欢迎头像了吧
很早就有了,只是一直没写出来,呵呵
好像这一部分的代码我还没怎么动过
快快加在你的主题上吧
老万,wp之师!
不敢当呀不敢当,呵呵
不错,不错啊……我也去给我的改改去…… 我喜欢右侧的美女,像著姐
。。。。从这个眼神里你就可以看出像著姐了
这个是好东西,不过最近好懒。都没力气折腾了……哎。
力气都花哪里去了,折腾***?
的确不错,一来就可以直接发表评论了~~很方便
恩,记录了cookie,有助访客体验
很不错的方法
嘿嘿,简单而实用,我喜欢
暂时先不折腾这个了
有兴趣有时间可以试试哈,对用户体验不错的
我现在就像实现邮件回复功能 郁闷啊 老是不行
呵呵,这个我已经拷贝了。
哈哈,看到了,不过你还差一个头像耶
头像我加上去啦,嘿嘿。
其实我想知道,你的右侧最新留言的头像效果是咋弄的。。
CHROME下是椭圆的。。我CSS白痴。。呼。
用的是圆角效果,你可以看看这两篇:
http://wange.im/recent-comment-with-avatar-in-wordpress.html
http://wange.im/border-radius-in-css3.html
嘿嘿。我知道肯定是CSS3的,因为别的浏览器不支持啊。
稍候就去拜读。嗯。。
除了IE核心的浏览器看不到效果,其他浏览器应该都可以
不过CHROME的效果是我最喜欢的。哈。
老万很是优秀。我记录下来,转化为ASP看看行不行得通。
原理应该是相同的,ASP俺是外行,靠你造福人类了
昨天刚弄好头像
头像缓存吗?
最近特别不想折腾~ ~
留下一堆活了
我最近也没时间折腾,只好把N久以前的成果翻出来讲讲
又是代码,我们不折腾
快快加入我们折腾的行列吧,哈哈
是非常不错的用户体验,我第二次来看到到的时候就觉得很有意思。
嘿嘿,我自我感觉也是不错滴,看到很多人都有在用
早发出来我也不用到处找啦..
你也不早问
用cache呢.
只是头像用了缓存而已
头像果然是缓存的~偶流量怕怕
我流量无限,哈哈
位置该怎么调整 我的ID在缓存头像的下面 睡了明天再整
会CSS吗,让信息框左浮动试试
#content .commentmetadata是这个吗 到底是哪个
#commentform .avatar{float:left;}
没你说的那个 只有这个 #content .commentlist img.avatar {
float: left;
margin-left: 0em;
}
恩,也是一样的,呵呵
诶,WP有人就是不一样啊,咱PJ一直为这个问题揪心,找人又找不到,只能靠自己,孤军奋战的滋味不好受啊!
那还不快放弃PJ,来我们WP吧,我罩着你
我还是有贞操的 宁死不屈 失身不屈!
缓存头像还是不错的,一切为访问速度着想,这个修改用户体验甚好
哈哈,可以用头像缓存的地方我都用上了
WP用不到 不过 这个欢迎字样 title 会不会对SEO没好处
不是很懂SEO,这个对SEO有什么影响呀?
按理说应该不会,这是针对发表过评论的用户,蜘蛛爬过来时不可能改title的
呵呵,我也这么认为,蜘蛛看不懂JS
学习了,短小精悍..
恩,我就是喜欢短小,但是效果明显的代码,JQ也是
非技术人飘过,哈哈..我已经失去了抢你沙发的动力了,嘿嘿
...明天不写技术文了,这样有动力了吧?
没办法,这几天非常忙,所以缺乏动力去关注你的站点了,嘿嘿嘿//
等我不忙了再来守你的沙发,哈哈
嗯。。这个是面向评论者的。。还有面向管理员的。。。
面向管理员?何解?请QiQiBoY指教一下啦
哈哈。。意思就是说你这个是对评论者显示头像,还可以进一步对登录的管理员用户也显示头像。。
哦哦,明白了,不过这个我就不需要了,单用户的,嘿嘿
呵呵,下次来就不用登记了
HOHO~测试成功耶!
来过一次,就会自动记录的
我给我博客也改了下 看着太顺眼咯。
之前那个设置记录并隐藏的,设置好了。但我的评论页和留言板页不是同个模版,可我都改了呀 似乎不行~
我看了你的留言板,可以啊
HOHO~~~原来看错了
我昨天问过,今天就发布啦,
太好啦,说不出的激动,先谢谢了。
呵呵,不客气,先去试试吧
回复好快啊,正在改代码了。
保持24小时在线,必须的
由于缓存头像用的方法不太一样,效果是搞出来了,俺还得去修改下CSS把它和文字框在一起,郁闷的。 现在头像在欢迎归来的上面。
客服小子。。
万戈确实是优质的客服哦。
俺也修改好啦。left不好放,俺直接放在右边啦。 把主题的JS全整理了下,去除掉以前的隐藏访客的信息,并偷用你的这个《记录并隐藏 WordPress 评论者信息》方法。谢谢你提供这么多优质的教程。
不知道以后这些技术文会不会收费……这么一点代码就能把犯罪记录归档,好高深的感觉
收费技术文?好主意啊,来,给钱,看者有份
那块空出来的地方终于有头像了 哈哈
来过一次就会有记录的,呵呵
抢沙花必备利器是GTALK和TWITTER啊,看来用RSS抢是不够快滴。这篇文章,藏好先,周末折腾。
呵呵,基本上抢沙发的都来自twitter
哈哈 写好了 过来再学习学习
就多了一个这个

不懂代码就是很无奈啊
刚开始我也不懂啦,慢慢折腾就会了
哈 我最喜欢尝试~
呵呵,我也是喜欢折腾的
嗯哼!!!
咋了?
我很好,就是想哼一下。
嘿嘿,这个我用不上。
代码写的不好,冰哥哥请指教
岂敢岂敢
你是我的偶像啊,必须的
哈哈,刚回家就赶上前10名啦!!顶一个!!
哈哈,来的早不如来的巧啊
果断来晚了。。。刚偷菜去了。。。
。。。占位比偷菜更重要啊,哈哈
偷菜... 很重要的
一个函数搞定,我一直没去加,当帮人加过
是啊,一句话就能搞定,很简单
貌似这次不是木木,是nathan
貌似还是木木第一,看错了。木木好可怕。
沙发吗?是木木啊
我很好奇木木有啥工具,为什么总是能带走沙发
开着GTalk,加了推特机器人,万童鞋文章发完就上推了~
twitter啊,呵呵
看样子以后也要开gtalk了。
哈哈,尽情拿吧
论到折腾还是要多向各位大手学习啊。我就是实在太没有根性了稍微遇见点挫折就容易放弃
呵呵,在挫折中折腾,在折腾中进步嘛
看来万戈是被问烦了……
还好,呵呵,就是因为是一句话的代码,我懒得写成教程
en ha ~~~
他没烦的,你猛问就是!!
木木鸡冻的中文都不会打了,哈哈
抢个SF不容易撒~