为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. WordPress跟wordpress.com不是一回事,WordPress是一個blog系統,而wordpress.com只是使用了WordPress建立的一個blog網站。

Comments are closed.