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

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

Track Back

まったり(。・・。)

Comment

ください!(違う コメント欄とトラックバックをカスタマイズしちゃいました...

by まったり(。・・。)  

Comment Form

※コメントが認証されるまで、コメントは反映されません。ご了承くださいませ。


(公開されません)
 
Captcha

画像の中に見える文字を入力してください。

page top へ

Sponsor

  • heteml
  • Movable Type

Category

Recent Article

2011 04-05
iPhone スマートフォンサイトのデザインのまとめ
2011 04-04
スマートフォン対応にしてみました
2011 04-01
CSS3 要素を透明に出来る Opacity と RGBa の使い方
2011 03-31
サイトリニューアルしました
2010 12-01
CSS3 でボタンを作る為のテクニック、サンプル集
2010 11-24
綺麗でリッチなフッターデザイン集のまとめ 60
2010 11-18
緑と黒色を使った Webデザインのサイト 25
2010 11-10
知っておいた方が便利なエクセルの知識

Recent Comments

Archive

2011年
2010年
2009年
2008年

Related Article