2008年1月8日 星期二

加入 Gravatar 的全球通用大頭貼功能

參考 oui-blog 的作法

http://www.oui-blog.com/2005/01/mtgravatar.php

..

自從小弟公開介紹了這個有趣的全球通用留言大頭貼服務後,引起廣大迴響,似乎各位格主們對這個服務都抱持高度興趣,因此小弟將安裝方法截選翻譯如下:

Gravatar支援的Blog系統很多,包含有MovableType、WordPress、TextPattern、
Expression Engine、PMachine、Nucleus、YACS、Blojsom皆在支援之列,至於pLog的使用者,可至Mark了解實作方法。本文將只介紹MT的部分,敬請其他Blog系統愛用者見諒。

  • 下載官方釋出的mt_gravatar.zip
  • 解壓縮後,將Gravatar.pl上傳至/plugins 目錄中
  • 一旦該Plugin上傳完畢後,MT系統便多了MTGravatar標籤的讀取能力,使用者便可使用本標籤連結使用者的Gravatar
  • 所有MTGravatar標籤的參數皆為"選用",若未加任何參數便會顯示系統預設的格式設定 - 所有級別、80×80、無框線。
    <$MTGravatar$>
什麼是級別?
所有向Gravatar提交的大頭貼都需要由該網站分及人員分級後才能使用,以保障使用者的網站不會出現不適當的大頭貼,並分為G、PG、R、X四級;G為一般級、PR為輔導級、R為限制級、X為很厲害的限制級,詳細分級解說請見官網
  • 如果您只想顯示級別為G的大頭貼所用的語法為:
    <$MTGravatar rating="G"$>
  • 如果您想調整大頭貼的顯示大小,可以下以參數,您可以使用1~80任何大小的設定。(所有Gravatar皆為標準正方,因此只需下一個數字就可以了)
    <$MTGravatar rating="G" size="40"$>
  • 如果您想要顯示所有G級的大頭貼,並設定bigbird.jpg為預設圖片,以供沒有大頭貼的留言朋友使用,使用語法如下:
    <$MTGravatar rating="G" default="http://www.somewhere.com/bigbird.jpg"$>
  • 您可以將大頭貼加上寬度為1px的框線,且可自由設定顏色(請注意,不包含#)
    <$MTGravatar rating="G" size="40" border="FF0000"$>
  • 最後別忘了,MTGravatar只能呼叫圖片的連結位址,因此使用時必須包含正確的html IMG語法。
  • 以MT為例,請打開單篇彙整模板/模板清單模板,並將以下語法使用貼<$MTCommentBody$>之前,以下範例為使用G級顯示、大小40px、黑色框線、不設定預設圖示的使用語法:
<p><img src="<$MTGravatar rating="G" size="40" border="000000"$>" /></p>

以上,基本的使用方法已經介紹完畢,各位如果還有興趣,小弟可以再繼續寫下一篇有關調整大頭貼顯示位置的Gravatar進階使用心法。

PS:Oui-Blog的會員請直接跳過Plugin上傳的步驟,直接修改模板即可。

2005/01/24補充:
依照Gravatar官方釋出的使用設定總是無法正確顯示框線,Grandai很熱心的提供解決辦法,依上述範例繼續推展,使用者可以利用以下語法設定框線:

<p><img src="<$MTGravatar rating="G" size="40"$>" style="border:1px solid #777"/></p>
以上紅色粗體部分可自由調整

使用者只要到 Gravatar的網站申請一個大頭貼帳號 並上傳你的大頭貼...設定好以後..只要留言的時候輸入 email 就會顯現你的大頭貼了...

Gravatar 的網站... http://site.gravatar.com/

1. signup --> 填寫 email --> 收信 --> 登入 --> 設定密碼 --> 上傳大頭貼 --> ok



2008年1月3日 星期四