「最近のコメント」表示をツリー化

バージョンアップで簡単に

このところデジタルネタが続いて興味ない方も多いと思うけれど・・・。

最近のコメント表示を改善してよく見かけるツリー化表示へ。前は罫線記号の　└　を使っていたのだけれど、これを画像で代替。

Firefoxのブックマークに表示される（IEにはない）ような、階段状の点線を表示させて、線をつないでやる仕組み。

<ul>タグで作れるのだけれど、ミソは、横Tの字（├）を繰り返し、最後のリスト項目のみに、ツリーを閉じる役目の（└）を組み合わせること。

これまではjavascriptを使わないと出来なかったらしいのだけれど、MT3.2からは、最後のリスト項目を判断してくれる<MTCommentsFooter>なるタグが追加されたのだと。素晴らしい技術の進化・・・。

というわけで、バージョンアップの恩恵をありがたく被ってできあがり。

定義型リストでも

もうひとつ、Comments Listとした全コメントページについては、元タイトル前に文書（ノート）みたいな（＝これが投稿したエントリーという意味の）アイコンを付けて区別化させてみた。

ツリー部分のリストに既に背景画像を使っているので、<ul>タグでは無理。エントリタイトルのみに直接<img>タグを置くのも、ソースが生成されるときに大量に出てスマートでないので、こちらのミソは<dl>タグで組んだこと。

見出しとなる<dt>にエントリ画像、ぶらさがる投稿内容を<dd>にしてツリー画像を表示。

・・・と、このページも着々とブログらしくなってくれている。

けれどもなお残る致命的欠点について、また、次回以降で。