« | »

コメントのツリー化

サイドバーに「最近のコメント」を表示させることにした。それに合わせて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>



Comment:0

Comment Form
入力した情報を記憶する

Trackback:0

この記事のTrackback URL
http://akirin.net/blog/2009/01/07_144824/trackback/
Trackbackの送信元リスト
コメントのツリー化 - akirin::blog より

« | »

akirin::blog

Comment
Link
Feeds

page top