最火下载站首页
手机版
最火下载站
关注公众号
最火下载站

当前位置:首页 > 网络知识 > 建站程序 > Blog教程> WordPress评论AJAX实时显示Gravatar头像

WordPress评论AJAX实时显示Gravatar头像

文章作者:网友投稿 发布时间:2013-01-14 来源:网络

虽然我的WordPress用的是多说的评论系统,评论头像是自动采集对应账号的头像,那么没有登陆时或者使用WordPress原生的评论系统时,我们都是获取的Gravatar上的头像,可是Gravatar头像是要提交评论以后才能看到的,我们能在填完邮件地址以后就看到么?类似这样的效果:

WordPress评论AJAX实时显示Gravatar头像

那么怎么实现呢?先分析方法,实时获得头像的方法:使用ajax方式,当邮件输入框失焦的时候去拉取头像。其中邮箱对应的Gravatar地址为:http://www.gravatar.com/avatar/xxxx(xxxx为邮箱的md5加密值)

显示头像的方法:在评论框输入邮箱的右面的一个合适的地方增加一个div,用来显示上一步中得到的头像。具体实现:

1、因为我们在js中对邮箱进行md5加密,所以下载md5.js丢到你的主题目录中。

2、在你主题的comments.php文件中适当位置,加入如下代码:

Copy to ClipboardWordPress评论AJAX实时显示Gravatar头像引用的内容:[www.veryhuo.com]


然后我们在文件的末尾加入相应的js代码:

Copy to ClipboardWordPress评论AJAX实时显示Gravatar头像引用的内容:[www.veryhuo.com]



共有0条评论网友评论

当前没有评论!

加载更多

游戏排行榜