- 2005-12-17 (土)
- Movable Type
最近暇さえあればWordPressで構築されたblogを見て回ったりプラグインを探してみたりしています。
先日もメッセをしながらWPのあるblogを見ていたところコメント欄が異様に賑やかなのに気がつきました。
コメント数が多いのももちろんそうなんですが1人1人に個性あふれるアバター(アイコン)が表示されてるんですね。
こりゃどーゆーことかと聞いてみたら
Gravatarというサイトを教えてもらいました。
ここはblogを持っていてもいなくても簡単な登録をするだけで自分のアバターを表示させることができる便利で楽しいサービスです。
なんと登録数は13億以上!!
とってもメジャーなサービスなのに最近まで知りませんでした。
ここでメールアドレスを登録して自分の好きなアバター画像をUPすれば、以後Gravatarに対応したblogで先に登録しておいたアドレスを入力してコメントすることで自動的にアバターが表示されるのです。
Gravatarについての詳しい説明や実際の登録の流れはスクリーンショット付で詳しく書かれている以下のエントリーをご覧ください。
Gravatarは英語サイトですが大丈夫なはず。
Gravator - ブログに世界標準のアバターを at OpenStratus
アバターをUPすると1枚1枚の画像に対して人力でその画像に評定を下す作業があるそうで完了するまではちょっと時間がかかります。
ワタシは完了メールが届いて画像が表示されるようになるまで3日かかりました。
まぁその分安心して利用できるサービスとも言えますね。
で、登録したものの表示されなきゃ面白くないです。
でももともとが海外のサービスなせいか日本でGravatarに対応したblogってあんまり見ないです。
(知らないだけかな??)
絶対面白いので対応するblogが増えればなーーと思います。
Gravatar implementor's guideにはアバターを表示させるための各種プラグインも用意されています。
対応するblogツールはMovableType/WordPress/TextPattern/Nucleus…など。
お使いのツールにあったプラグインをDLして是非とも導入してみてください。
WordPressへの導入方法は先にあげた Gravator - ブログに世界標準のアバターを at OpenStratusにサンプルのPHPコードがあります。
(いずれ参考にさせていただくデス!!)
ここではMovableTypeの場合の導入方法について説明します。
プラグインを導入された事があるならいつもの手馴れた簡単ステップで完了しちゃいます。
まずは導入イメージを…
こんな感じでコメント欄にアバターが表示されます。
ちょっと楽しいですよね :-)
導入方法です↓
1.)プラグインの導入
MovableType用のプラグインはダイナミックパブリッシング対応のものなど全部で3種類あります。
ワタシは MovableType CommentBodyPlusGravatar Pluginを使いました。
このプラグインはコメント表示用の<$MTCommentBody$>タグと差し替えて使用します。
まずはDownload mt_gravatar_injector.zipからプラグインをDLし解凍します。
解凍されたファイル(GravatarInjector.pl)を
[MTルートディレクトリ]/pluginsディレクトリへUPします。
以上で準備は完了。
2.)テンプレートの修正
エントリー・アーカイブから<$MTCommentBody$>タグを探してそっくり以下と差し替えます。
[例] 画像に"gravatar"というクラスを割り当てて、暴力的・性的な表現でない画像のみ表示して、
Gravatar未登録・未承認の場合は指定の画像を表示し、画像サイズは縦横48pxですよ…という場合。
(ここの場合と一緒です)
必要のないアトリビュートは省くこともできます。
この他border="カラーコード"を追加する事で枠線の色も指定できますが、細かい位置調整をするためにもCSSで指定する方がいいと思います。
[cssの例] アバターを右寄せにして余白と枠線を指定しています。
最後にコメントフォームなどに以下のようなGravatarについての簡単な説明を記しておくと親切かもしれません。
*
3.)再構築
エントリー・アーカイブのみ全て再構築すれば完了です。
コメントする方もされる方もちょっとは楽しくなるんじゃないでしょうかね??
できればsbなどの日本での利用者の多いblogツールやblog ASPサービスでも対応してくれるところが増えればもっと広まるのになぁ…
ワタシが知らないだけですでに対応されてるのかな??
コメント欄の絵文字の次はアバターがきますよ :-P ←願望デス
:: TB memo ::
http://openstratus.com/article/26/gravatar-on-wordpress/
http://tbp.jp/tbp_93.html
http://tbp.jp/tbp_1384.html
- Newer: links for 2005-12-17
- Older: 2005.12.16 'Depth of Field'