a-blog cmsでGravatarを使えるようにする

2010年05月08日 CMS #ablogcms #WebService

a-blog cms で、1.3.0 から Gravatar が利用できるようになりそうなので、その方法を書いてみます。以下のような記述で、メールアドレスの入力があればメールのリンクがされるようになるサンプルになります。メールアドレスが見えてしまうのも問題ですので、標準のスニペットには用意されていない記述になります。管理者のみ表示できるような感じにするといいかと思います。


<!-- BEGIN posterMail#front --><a href="mailto:{mail}"><!-- END posterMail#front -->メール<! BEGIN posterMail#rear --></a><! END posterMail#rear -->

これを利用して Gravatar を実装します。

<!-- BEGIN posterMail#front -->
<img src="http://www.gravatar.com/avatar/{mail}[md5]?default=**登録が無い時の画像URL**&amp;size=40">
<!-- END posterMail#front -->

上記のように書く事でアイコンが表示されるようになります。登録が無い時の画像URLについては、URLエンコードしておく必要がありますので、例えばココでは

http%3a%2f%2fkazumich%2ecom%2fimages%2fgravatarNoImage%2egif

のように書きます。あとは、Comment_Body モジュール内の comment:loop の中に書いて、CSSで調整してみて下さい。現状の仕様的にメールアドレスの入力が無い場合には登録の無い時のアイコンを表示させられないようです。どうしよう?

著者写真
この記事を書いた人
山本 一道 / 有限会社アップルップル 代表

名古屋のWeb制作会社 (有)アップルップル代表。HTMLファーストな国産CMS「a-blog cms」開発・販売・サポート / 名古屋のWeb制作者コミュニティ「WCAN」主催 / コワーキングスペース「ベースキャンプ名古屋」運営。Web制作の現場をより良くするための活動をしています。

@kazumich

関連記事

この記事のハッシュタグ #ablogcms#WebService から関連する記事を表示しています。

2017年版 Cloud9 で a-blog cms を動かしてみる
2017年版 Cloud9 で a-blog cms を動かしてみる
Adobe Creative SDK を a-blog cms に導入し PRODUCTION MODE で利用できるようにしてみた
Adobe Creative SDK を a-blog cms に導入し PRODUCTION MODE で利用できるようにしてみた
Cloud9 で a-blog cms を動かしてみる
Cloud9 で a-blog cms を動かしてみる
このブログを a-blog cms にして2週間
このブログを a-blog cms にして2週間
勉強会を開催している方々spreedを使ってみませんか?
勉強会を開催している方々spreedを使ってみませんか?
バイブコーディング時代に a-blog cms が再評価される理由。 Gemini 3 / Nano Banana Pro で変わるWeb制作
バイブコーディング時代に a-blog cms が再評価される理由。 Gemini 3 / Nano Banana Pro で変わるWeb制作