MTのコメント一覧を表示する方法

Category
： Movable Type

MTのコメント一覧を表示する方法

Movable Typeのコメント一覧を表示する際にコメントがある場合は表示。コメントがない場合は「コメントが書かれていません。」と表示する書き方を紹介したいと思います。

前回紹介した吹き出しを使ったコメント欄のサンプルで使ったサンプル2-2を使って解説をしていきたいと思います。

Movable Typeのコメント一覧を表示する方法の解説

まず考えたいのがコメントがある時はこの表記、ない時はこの表記。
それを考えておかないといけないので、その両方のパターンを先に作っておきます。

コメントがある場合

<h3>Comment [1]</h3>
<div class="comment2-2">
<div class="commentContents">
<div>
<p>コメントコメントコメントコメントコメントコメントコメント</p>
<p>コメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメント</p>
</div>
<!--/ .commentContents--></div>

<p class="data"><strong>MIYA</strong> <span>2009年02月24日 09:50</span></p>
<!--/ .comment2-2--></div>

コメントがない場合

<h3>Comment [0]</h3>
<div class="comment2-2">
<p>コメントが書かれていません。</p>
<!--/ .comment2-2--></div>

以上の内容を踏まえてMTタグに置き換えたら下記の用になります。

<MTIfCommentsActive>
　<h3>Comment [<$MTEntryCommentCount$>]</h3>
　<MTIfNonZero tag="MTEntryCommentCount">
　　<MTComments>
　　　<div class="comment2-2">
　　　　<div class="commentContents">
　　　　　<div><$MTCommentBody$></div>
　　　　<!--/ .commentContents--></div>
　　　　<p class="data"><strong><$MTCommentAuthorLink default_name="Name none"$></strong>
　　　　<span><$MTCommentDate format="%Y年%m月%d日 %H:%M"$></span></p>
　　　<!--/ .comment2-2--></div>
　　</MTComments>
　　<MTElse>
　　　<div class="comment2-2">
　　　　<p>コメントが書かれていません。</p>
　　　<!--/ .comment2-2--></div>
　　</MTElse>
　</MTIfNonZero>
</MTIfCommentsAccepted>

使っているタグの詳細については下記を参考にして下さい。

MTIfCommentsAccepted

ブログとブログ記事の設定でコメントを受け付ける設定になっている、もしくは、すでにコメントを受け付けていたときに実行する条件タグです。

MTIfNonZero

指定したタグの値がゼロでないか判定する条件タグです。評価するタグを指定するモディファイア tag が必須です。

MTCommentBody

コメントの内容を表示します。

MTCommentAuthorLink

コメントの投稿時に入力されたコメント投稿者の名前をリンク付きで表示します。モディファイア default_name で、無記名のときに表示する名前を指定できます。コメント投稿時に URL が入力されていれば URL へのリンクが、メールアドレスが入力されていたら、メールアドレスへのリンクが付加されます。両方とも入力されていないときは、リンクは付加されません。

MTCommentDate

コメントが投稿された日時を表示します。モディファイア format と language を指定して、日時の表示方法を変更できます。
format内に記述する細かな指定は日付に関するテンプレートタグのモディファイアリファレンスを参考にして下さい。

引用：MovableType.jp