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

最近はおかげさまでたくさんのコメントを気軽に寄せていただけるようになってきましたので、コメントまわりを充実させようと思います。

Movable Typeの設定項目として、コメントを「新しいものから表示する」か「古いものから表示する」かを選べるんです。逆に言うとサイトによってコメントの表示順が違うので、複数のコメントがあると話の流れを読むためには順番を確かめる必要があります。これ、お客さんにはちょっと不親切だなと前から気になってました。

ここで活躍してくれるのがMTCommentOrderNumberタグ。リスト中のコメントの順番を1から表示するだけなので古いコメントから順に上から表示してるサイトでしか使えない技ですが、

<MTComments>
<a name="<$MTCommentID$>"></a>
<div class="comments-body">
<p class="comments-post"><span class="comment-order-number"><$MTCommentOrderNumber$>.</span> <$MTCommentAuthorLink show_email="0"$> : <$MTCommentDate$></p>
<$MTCommentBody$>
</div>
</MTComments>

とし、CSSで

.comment-order-number {
font-size: 200%;
color: #aaa;
font-weight:bold;
}

と指定してやって、下のような理想の形となりました。

Tweet

こちらもどうぞ！

コメント欄にも彩りを

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

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

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

コメントスパム対策

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

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

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

最近のコメントを表示

Blog質問箱にてコメントが付いた最新のエントリー5本を表示し、それぞれのエントリーごとに最新のコメント4本までをコメント日付を付けて表示するようにできましたので、そのメモです。 <div class="side"...