コメントを見やすく表示する

MTOS 4.2 RC2をインストールしてお試し中です。

MTOS 4.2では、コメントの返信機能が使えるようになっているのですが、テンプレートの表示では返信機能が生かされていないようです・・・。

コメントの返信も簡単に表示も解りやすく | MovableType.jpを参考にして、コメントのテンプレートを修正して入れ子に表示できるようにしてみました。

修正後のコメントテンプレート

    <MTComments>
        <MTCommentsHeader>
    <h2 class="comments-header"><$MTEntryCommentCount singular="コメント(1)" plural="コメント(#)" none="コメント(0)"$></h2>
    <div class="comments-content">
        </MTCommentsHeader>
        <MTIfCommentParent>
        <MTElse>
        <div id="comment-<$MTCommentID$>" class="comment">
            <div class="inner">
                <div class="comment-header">
                    <div class="asset-meta">
                        <span class="byline">
                            <$MTCommentAuthorIdentity$>
                            <span class="vcard author"><$MTCommentAuthorLink$></span>
                            | <a href="<$MTCommentLink$>"><abbr class="published" title="<$MTCommentDate format_name="iso8601"$>"><$MTCommentDate$></abbr></a>
        <MTIfCommentsAccepted>
                            | <$MTCommentReplyLink$>
        </MTIfCommentsAccepted>
                        </span>
                    </div>
                </div>
                <div class="comment-content">
                    <$MTCommentBody$>
                </div>
            </div>
            <MTCommentReplies>
            <div id="comment-<$MTCommentID$>" class="comment comment-reply">
                <div class="inner">
                    <div class="comment-header">
                        <div class="asset-meta">
                            <span class="byline">
                                <$MTCommentAuthorIdentity$>
                                <span class="vcard author"><$MTCommentAuthorLink$></span>から<a href="<MTCommentParent><$MTCommentLink$></MTCommentParent>"><MTCommentParent><$MTCommentAuthor$></MTCommentParent></a>への返信
                                | <a href="<$MTCommentLink$>"><abbr class="published" title="<$MTCommentDate format_name="iso8601"$>"><$MTCommentDate$></abbr></a>
            <MTIfCommentsAccepted>
                                | <$MTCommentReplyLink$>
            </MTIfCommentsAccepted>
                            </span>
                        </div>
                    </div>
                    <div class="comment-content">
                        <$MTCommentBody$>
                    </div>
                </div>
                <$MTCommentRepliesRecurse$>
            </div>
            </MTCommentReplies>
        </div>
        </MTIfCommentParent>
        <MTCommentsFooter>
    </div>
        </MTCommentsFooter>
    </MTComments>

スタイルシート(styles.css)に下記の設定を追加して枠を表示してみました。

.comment-reply {
  margin: 1px 1px 1px 4px;}
.comment,
.comment-reply {
  padding: 2px;
  border: silver solid 1px;}

20080614.png

修正、追加するとこのように表示されます。

【2008年6月28日追記】

MTOS 4.2 RC3にバージョンアップしたら<$MTCommentReplyLink$>のタグが無くなり、<$MTCommentReplyToLink$>へ変更されていました。

【PR】 スマホやTV、PCで、いつでも映画や海外ドラマを見れる!今すぐ無料視聴!