コンテンツの読み込みに時間がかかっています

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

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で調整してみて下さい。現状の仕様的にメールアドレスの入力が無い場合には登録の無い時のアイコンを表示させられないようです。どうしよう?


関連記事

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

2017年版 Cloud9 で a-blog cms を動かしてみる

Adobe Creative SDK を a-blog cms に導入し PRODUCTION MODE で利用できるようにしてみた

Cloud9 で a-blog cms を動かしてみる

このブログを a-blog cms にして2週間

勉強会を開催している方々spreedを使ってみませんか?

a-blog cms と htmx で作る SPA(Single Page Application) なブログテーマの実装方法