在之前幾篇文章裡面都曾經提到WordPress從2.5版開始支援Avatars這個圖像功能,如果你的佈景主題有支援,那麼只要在管理介面設定好以後,就可以在留言區塊看見它呈現的樣子,可是如果佈景主題沒有支援的話(圖一),那要怎麼作呢?接著就以免費佈景主題 WP-Polaroid V2這一篇文章提到的佈景主題來當作示範,分享如何加入Avatars圖像功能的過程。
(圖一)
1. 首先打開WP-Polaroid V2佈景主題資料夾裡面的comments.php檔,找到
1 2 3 |
<ul> <li class=""<?php"><!--?php if(function_exists("author_highlight")) author_highlight(); ?-->" id="comment-<!--?php comment_ID() ?-->"></li> </ul> |
這一段文字,緊接著它的後面插入
1 |
<!--?php if(function_exists('get_avatar')){echo get_avatar($comment, '50');} ?--> |
這一段語法,完成後將comments.php上傳到主機佈景主題資料夾,這時候再回到留言區塊,可以發現gravatars的圖像出現了(圖二),但是版面有點醜,沒關係我們再來作細部修正。
(圖二)
2. 如果你會CSS式樣那麼可以跳過這個步驟,如果不會沒有關係,打開default佈景主題裡面的style.css檔,找到如下的式樣段落。
1 2 3 4 5 6 |
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } |
將這一段複式樣製起來,然後貼到你的佈景主題式樣檔裡面,在這裡我們的範例是WP-Polaroid V2佈景主題的style.css檔,完成後再上傳到你的主機。完成後再回到留言區塊,可以發現頭像呈現在右方(圖三),版面感覺上比較美觀了些。
(圖三)
3. 以上完成。
其他相關文章推薦閱讀:skyfate 的 為您的佈景主題增添「Avatar功能」
關於Avatars語法說明:http://codex.wordpress.org