为WordPress添加实时显示的Gravatar头像

两天前折腾出一个用JavaScript实时显示Gravatar头像的效果。也就是说留言时,你输入email后,就会实时显示你的Gravatar头像。你要说这个效果有什么用,我的答案是“没什么用,只是用来耍耍酷而已 😆 ”。

把这个效果加入Wordpress也不费什么事,仅仅需要四步走:

  1. 打开主题的comments.php文件,在适当的位置,如我的主题是下面代码的上方:

    加入下面的代码:


    gravatar


    PS:上面代码中的48可以修改为你想要的Gravatar头像的大小尺寸。

  2. 接下来,同样是在comments.php中,拉到最后一个输入框(input标签)的位置(这个位置是最佳的),也就是:



    在这段代码的下面,加入:




    PS:上面代码中的48,同样改成你想要的Gravatar头像的大小尺寸。

  3. 下载js-md5.js,并把它上传到主题文件夹中。
  4. 这里就已经完成了!

测试效果,在这里留言试试。

78 Replies to “为WordPress添加实时显示的Gravatar头像”

      1. 其实吧,是我自己悲剧了…我昨天发现我把我的gravatar头像的级别设置成了PG…所以有的显示的出来有的显示不出来…= =

Comments are closed.