ABCK

リファ辿ったら*1「はてなダイアリー風のコメントリストにしたい」って言ってる人がいたから「訊いてくれれば教えるのに〜」とか思いつつ、書くネタができたからログイン。

コメントリストにしてみる

はてな風のコメントリストにする場合はテンプレート機能一覧にある<!--comment_list-->を使います。基本形は以下。

<!--comment_list-->
<p><%topentry_comment_list_name>
『<%topentry_comment_list_body>』</p>
<!--/comment_list-->

リストの上に [コメントを書く] というコメント投稿欄へのリンクを貼る場合は以下。

<p>[<a href="<%topentry_link>#comment">コメントを書く</a>]</p>

<p>にclassを指定したり、それぞれの項目を<span>で囲んでCSSで装飾します。

コメント投稿欄＝個別記事（blog-entry-x.html）なので、個別記事に移動すると上記コメントリスト＋従来の寄稿コメントになってしまいます。ですから上記2つを<!--not_permanent_area-->と<!--/not_permanent_area-->で囲みます。

1日1つのコメントリスト

はてなダイアリーのようにコメントリストを1日1つ表示したいと思った私は、<%topentry_minute>（記事投稿時間の“分”）を使いました。<!--same_day-->を使用した上で*2、HTMLとCSSを以下のようにします。

--HTML--
<div class="com<%topentry_minute>">
コメントリスト
</div>

--CSS--
div.com00 { display: none; }

同日中の最下（最古）記事以外にコメントリストを表示しないようにするため、記事を投稿するときに投稿時間の“分”を00に変更します。そうすれば<%topentry_minute>＝ 00 となり、CSSのdisplay: none;が有効になり、コメントリストが表示されません。

*1 あと徳保さんに捕捉されててべっくらこいた。
*2 私のとこではsame_dayの使い方でちょっと説明してます。