8
31
2005-01-23
MT環境下Gravatar攻略心法

續前文:PostcardViewer, Picasa2, Gravatar

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

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>
以上紅色粗體部分可自由調整
Oui-Blog,生日快樂!
2005-01-24
MT環境下Gravatar攻略心法
flickr進階玩法大公開
2005-01-21


test2


Posted by: andy | June 11, 2006 4:53 PM | #1

test


Posted by: andy | June 11, 2006 4:52 PM | #2

奇怪我怎麼不行


Posted by: 亂子 | June 8, 2006 2:52 AM | #3

不写Email就没有吗?在内容里写个看看embont@gmail.com


Posted by: dnxh | March 9, 2006 11:52 AM | #4

我也试试看


Posted by: dnxh | March 9, 2006 11:29 AM | #5


我也测试下~


Posted by: joe | January 9, 2006 2:11 AM | #6


我也来试试!


Posted by: 恍若如梦 | November 3, 2005 7:38 PM | #7

真了不起...


Posted by: QuitLove | April 15, 2005 7:15 PM | #8

sorry,test again.


Posted by: test | April 4, 2005 2:53 PM | #9

just test...sorry.


Posted by: jimmy | April 4, 2005 1:46 PM | #10


哈哈哈...我也來借用測試一下,先謝囉~


Posted by: dec*19 | March 27, 2005 1:57 AM | #11

用了用了 nini家也有用啦
感謝quawn的分享喔。


Posted by: nini | March 14, 2005 12:50 PM | #12

剛剛註冊來玩, 測試一下, 好久沒搞這些有的沒的了 :D


Posted by: Diane | March 3, 2005 1:18 PM | #13

測試一下


Posted by: faust | February 4, 2005 1:31 AM | #14

謝謝quawn & grandia:
總算成功啦
有時間我再弄一個default


Posted by: 無忌 | January 26, 2005 9:39 AM | #15

Dear cathome01 :
抱歉,拖了一點時間..
只要將IMG標籤內加一行align="right"就可以了...
如果希望在圖文之間留點距離,再加上hspace="8"
收工。


Posted by: quawn | January 26, 2005 3:27 AM | #16

Good!
但是怎樣讓它像站長這樣和留言的文字並排呢?


Posted by: cathome01 | January 25, 2005 9:32 AM | #17

哈哈笑 笑哈哈 這是第一次貼在貴站的大頭貼!


Posted by: mojo | January 24, 2005 4:39 PM | #18

Dear 無忌 :

我的框框是用這語法加入的,只需放在$MTGravatar 後面即可。

即style="border:3px solid #777"(777是顏色,可隨意更換。希望能夠幫助您。


Posted by: grandia | January 24, 2005 10:51 AM | #19

有去申請了啦, 可是還不知道怎麼用..研究中~~


Posted by: nini | January 24, 2005 10:40 AM | #20

Dear 無忌 :


別讓我哭...
年紀越大,越受不了這種事情...


Posted by: quawn | January 24, 2005 12:32 AM | #21

Dear quawn:
我拿掉那個公告圖示
但是我又偷拿你另一圖檔貼在blog一角
請看:
http://www.oui-blog.com/family/archives/003800.html


Posted by: 無忌 | January 24, 2005 12:26 AM | #22

Dear anthony :
會的。只要你的留言者有向Gravatar註冊,一旦網頁重建後,就會看見大頭貼了。

Dear grandia :
Dear 無忌 :
其實官網說的border="000000"方法,我也是沒試出來,不過為尊重官網教學,我只是原文翻譯。至於我則是索性先用CSS去做框線,grandia說的方法我來試試看..
還有,你用Oui-Blog的圖示我是不反對,只是那是站方公告的icon,只要你覺得OK我沒意見。


Posted by: quawn | January 23, 2005 11:57 PM | #23

Dear grandia:
我試驗的結果
還是看不到框線

奇怪


Posted by: 無忌 | January 23, 2005 11:13 PM | #24

Dear 無忌 :
Dear quawn :

border="000000"這個語法錯了,請更正。

border="3px " 或color="000000"。謝謝


Posted by: grandia | January 23, 2005 10:16 PM | #25

謝謝你的攻略


Posted by: grandia | January 23, 2005 10:11 PM | #26

我試驗的結果
看不到寬度為1px的框線

還有我偷用你一個圖片
http://www.oui-blog.com/images/oui_14.gif
有沒有關係??


Posted by: 無忌 | January 23, 2005 10:06 PM | #27

又從quawn這裡學到一招,真是多謝了。

不過這個功能是不是不會套用到過去的回應當中呢?


Posted by: anthony | January 23, 2005 9:59 PM | #28

成功啦!!
不過我很白癡的copy~~default="http://www.somewhere.com/bigbird.jpg"
我還真的以為有這個網站及bigbird.jpg


Posted by: 無忌 | January 23, 2005 9:39 PM | #29

Dear 無忌 :
多謝提醒,還在覺得那怪怪的...真是遜翻了..


Posted by: quawn | January 23, 2005 9:28 PM | #30

標題寫錯啦
攻略not供略
馬上我就試一試


Posted by: 無忌 | January 23, 2005 9:25 PM | #31
Leave your comment





Trackback
Commeters