コメント欄にも彩りを

以前にトラックバック元のサイトのサムネイルを表示できるようにしたのですが、処理に意外と時間がかからないので、コメント欄にも応用してみました。

トラックバックのとき同様Simple APIのサービスを使います。

Movable Typeを使ってる僕の場合は個別アーカイブのテンプレート内のコメントの部分で、

<MTIfNonEmpty tag="MTCommentURL"><p><a href="<$MTCommentURL
encode_xml="1"$>"><img src="http://img.simpleapi.net/small/<$MTCommentURL
encode_xml="1"$>" width="128" height="128" alt="<$MTCommentAuthor
default="Anonymous"$>&#39;s website" /></a></p></MTIfNonEmpty>
<$MTCommentBody$>

とし、CSSに

.comments-body {
clear:left;
}
.comments-body img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

を加えて完成。コメント欄に、コメンターさんのサイトのキャプチャが並ぶようになりました！

Tweet

こちらもどうぞ！

トラックバックに彩りを

トラックバック元のサイトのサムネイルを表示できるようになりました。 大元はSimple APIというサイトの力を借ります。URLを入れるとそのサイトをキャプチャしてくれるのです。例えばこんな風に。 http://www.buslog.ne...

コメントスパム対策

バスは壊れて動かなくなってしまう前に整備しておくように、Movabletypeはコメントスパムが来る前に対策しておきました。参考にさせていただいたのは女子十二月号さん。 女子十二月号: MovableTypeコメントスパム対策 コメント欄に...

コメントの表示順を一目でわかるように

最近はおかげさまでたくさんのコメントを気軽に寄せていただけるようになってきましたので、コメントまわりを充実させようと思います。 Movable Typeの設定項目として、コメントを「新しいものから表示する」か「古いものから表示する」かを選べ...

コメントスパム対策その２

ぬぅ。MT-Blacklistプラグインを入れても、ブラックリストを潜り抜けてがしがし着弾します。 コメント本文に日本語が含まれてないと投稿できないように改造できるようなのですが、つい最近に海外からコメントをいただいたばかりなので、弾くわけ...

コメント欄のメールアドレスを非表示に

コメントを書いてもらうかたには、「お名前」と「コメント本文」はもちろんなのですが、「メールアドレス」か「サイトのURL」のどちらかを記入してもらわないと投稿できないのがMovable Typeの仕様。 でも、サイトを運営されてない場合にはメ...