一段代碼讓你的wordpress博客評論頭像漂亮起來

2017年10月16日17:04:09 4 2,416 views

今天逛知更鳥博客的時候,發現了他的一個文章寫到WP First Letter Avatar插件代碼版,什么插件,我們是看不懂什么意思的,但是里面有解說了,就是讓你的博客的評論,弄得更加評論一點,原來是插件的,被他改成了代碼版了,這一看,這功能真心不錯,于是發布到我自己的博客,讓瀏覽楊澤業博客的用戶,也來使用使用,把博客的用戶體驗做到更好!

 

下面就是知更鳥寫的教程,非常的簡單,我使用起來就是很輕松的,相信來訪的你,也一樣可以輕松搞定:

 

留言者未申請Gravatar頭像,顯示的是WordPress自帶的默認頭像或丑陋的隨機圖片,安裝WP First Letter Avatar 插件可以較好地解決這一問題,如留言者無Gravatar頭像,則以留言者名稱第一個字母為頭像。

默認WP First Letter Avatar插件并不支持中文名稱,經搜索有修改版本的支持中文,另外,插件源代碼只有一個關鍵文件,于是去掉插件后臺控制頁面,添加對中文的支持,精簡代碼,直接改成代碼版,分享給大家。

使用方法:

一、將下載的文件解壓后的,將里面的avatar文件夾,放到當前主題根目錄中(下載地址在最后)

二、添加調用代碼

將下面的代碼添加到當前主題函數模板functions.php的最后:

 

  1. require?get_template_directory()?.?'/avatar/zm-first-letter-avatar.php';

因其它尺寸很少用到,代碼版只保留了96和128尺寸的頭像圖片。

另外,下載的zm-first-letter-avatar.php文件中有幾行加了注釋:

 

  1. const?IMAGES_PATH?=?'avatar';?//?圖片目錄
  2. const?GRAVATAR_URL?=?'https://cn.gravatar.com/avatar/';?//?從cn獲取url
  3. //?const?GRAVATAR_URL?=?'https://secure.gravatar.com/avatar/';?//?從ssl獲取url
  4. //?默認配置:
  5. const?USE_GRAVATAR?=?true;??????//?true:如果用戶設置了頭像,則顯示Gravatar頭像;false:所有用戶使用字母頭像
  6. const?LETTER_INDEX?=?0;?????????//?0:首字母;1:第二字母;-1:最后一個字母等。
  7. const?IMAGES_FORMAT?=?'png';????//?文件格式
  8. const?ROUND_AVATARS?=?false;????//?TRUE:?頭像添加類round-avatars;?FALSE:?不添加
  9. const?IMAGE_UNKNOWN?=?'mystery';//?未知頭像名稱,
  10. const?FILTER_PRIORITY?=?10;?????//?過濾優先級別

可以根據需要適當修改。

不支持本地環境顯示字母頭像,繁體字及一些特殊字符,只能顯示默認的未知頭像,該代碼還有待進一步簡化。

  • 澤業營銷網官方QQ群
  • 群號:99293363
  • weinxin
  • 我的微信公眾號
  • ID:iyangzeye
  • weinxin

楊澤業

發表評論

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前評論:4   其中:訪客  2   博主  2

    • How are you How are you 1

      寫的好啊,互相幫助哈

      • 新聞頭條 新聞頭條 1

        文章不錯非常喜歡

          • 楊澤業 楊澤業 Admin

            @新聞頭條 嗯,看起來評論漂亮一點,你的網站使用第三方的評論,我不喜歡,每次評論還要登錄