MTGravatarでコメント欄にアバターを表示させてみた様子

Gravatarは個人のアバター(プロフィール画像)を管理するサービスです。Gravatarのサイトでメールアドレスと使用したい画像を登録するだけで、対応しているblog、コミュニティ等でのアバター表示が可能になります。 CPANやgithubといったコミュニティで採用されており、またWordpressのテンプレートでも広く採用されています。

GravatarはMovable Typeでも使うことが出来ます。こちらのページでプラグインが提供されています。Movable Type 4.22でも動きました。ダウンロードしインストールします。そしてブログ記事(個別記事)テンプレートの<MTComments>~<MTComments>の適切な場所に

<$MTGravatar$>

このMTタグを使用することでで個々のコメントにアバターが付与されます。僕が実際に追加したコードは以下の通りです。

<p class="avatar"><img src="<$MTGravatar size="54" default="http://tadateto.net/icon/default_avatar.jpg"$>"></p>

様々なアトリビュートに値を指定してやることも可能なのですが(僕が追加したコードでは「画像のサイズ」と「デフォルト画像のURL」を指定しています)、MT4.22で試したところ、値が効かないアトリビュートもありました。ただ、基本的な機能自体には問題はなく、表示のさせ方もCSSで対応できます。

コメントの際にGravatarで登録されているメールアドレスを入力するとアバターが表示されます。それ以外の場合はデフォルト画像が表示されます(デフォルト画像は個々で設定することが可能)。

Gravatarの登録の流れについてはcaramel*vanillaのこちらの記事に詳しいです。
Gravatarリニューアル!!登録のススメ

Comment一覧

コメント投稿者アバター

恥ずかしいですw


コレ結構楽しい試みだと思うのでもっといろいろなところが対応したらいいのになあ。。。と思ってみましたが
フツーのところはIDがあると登録されたものが使われるので
普及はしないかもね・・・

ふつーのところ(Blogサービス)は自前でコミュニティ持ってるからねー

今更仕組みを変えるとなると色々難儀だし、メリットがあるかと言うと疑問符がつくね><

でも手軽だし、ボーダーレスってところがとてもいいので普及してほしいな。

Leave Your Words




Trackback URL