コメントのツリー化

« 街森プレイ日記::ゆきだるまマイスター | 街森プレイ日記::デパート開店 »

コメントのツリー化

akirin
2009年1月7日 14:48
Net,PC
MovableType

サイドバーに「最近のコメント」を表示させることにした。それに合わせて3カラムに変更。
「最近のコメント」デフォルトのテンプレートでは見栄えが悪かったので、コメントのツリー化をしてみることに。
MT3準拠の解説ページが多くて困ったんだけど、MT4向けの解説を発見！
非常にわかりやすい説明だったので、簡単にできたー！
『最近の記事』と『コメント一覧』を日別表示＆ツリー化する方法 – たっちゃんのまったりブログ

ツリー用の画像は小粋空間から。小粋空間にはツリー用の画像が、実線・点線両方あります。
小粋空間: JavaScript 不要なサイドメニューのツリー化 for Movable Type

参考にしたブログのソースをそのままコピペしたら、うちのブログではコメントリンクがおかしかったのでちょこっと修正。
#c<mt:commentID />を#comment-<mt:commentID/>に変更。青字が修正箇所。

<mt:if tag="BlogCommentCount">
<div class="widget-recent-comments widget">
    <h3 class="widget-header">最近のコメント</h3>
    <div class="widget-content">
<dd class="side">
<ul>
<mt:entries recently_commented_on="3">
    <li><a href="<mt:entryPermaLink valid_html="1" />"><mt:entryTitle encode_html="1"></a>
      <ul class="tree">
<mt:comments lastn="4">
        <li class="tree-list<mt:commentsFooter> tree-list-end</mt:commentsFooter>">
<a href="<mt:entryLink archive_type="Individual"/>#comment-<mt:commentID/>" title="comment-<mt:commentID/>">
            <mt:commentAuthor default="Anonymous">
          </a> <mt:commentDate format="%m/%d" />
        </li>
</mt:comments>
      </ul>
    </li>
</mt:entries>
</ul>
</dd>
</div></div>
</mt:if>