小粋空間  -  a cheap joke and a play on words site

ブログ記事ページのサイドバーにブログ記事のコメント一覧を表示する

ブログ記事ページ・ウェブページに、その記事に投稿されたコメント一覧をサイドバーに表示するカスタマイズです。

そもそもコメント一覧はブログ記事本文下に表示されるようになっていますが、記事本文が長文の場合、スクロールせずに最近投稿されたコメントを見たい場合に便利です。また、コメント投稿者名をクリックすれば、該当のコメントまで移動します。

デフォルトテンプレートの設定例

公開テンプレートの設定例

以下、設定方法です。

１．設定方法

ブログ管理画面の「デザイン」→「ウィジェット」をクリックし、次の画面で「ウィジェットテンプレートを作成」をクリック。

以下の内容を設定。

• ウィジェットの名前：ブログ記事のコメント
• ウィジェットの内容：以下のいずれかをペースト

デフォルトテンプレート

<mt:if name="entry_archive">
  <mt:if tag="EntryCommentCount">
    <mt:Comments lastn="10" sort_order="descend">
      <mt:CommentsHeader>
<div class="widget-recent-comments widget">
  <h3 class="widget-header">最近のコメント</h3>
  <div class="widget-content">
    <ul>
      </mt:CommentsHeader>
      <li><a href="<$mt:CommentLink$>" title="<mt:CommentEntry><$mt:EntryTitle$></mt:CommentEntry>へのコメント"><$mt:CommentAuthor$></a> <mt:commentDate format="%m/%d"$></li>
      <mt:CommentsFooter>
    </ul>
  </div>
</div>
      </mt:CommentsFooter>
    </mt:Comments>
  </mt:If>
</mt:If>

公開テンプレートの場合

<mt:if name="entry_archive">
  <mt:if tag="EntryCommentCount">
    <mt:Comments lastn="10" sort_order="descend">
      <mt:CommentsHeader>
<dt class="sidetitle">
Entry Comments
</dt>
<dd class="side">
  <ul>
      </mt:CommentsHeader>
    <li>
      <a href="<mt:entryLink$>#c<mt:commentID$>" title="c<mt:commentID$>"><mt:commentAuthor default="Anonymous"></a> <mt:commentDate format="%m/%d"$>
    </li>
      <mt:CommentsFooter>
  </ul>
</dd>
      </mt:CommentsFooter>
    </mt:Comments>
  </mt:if>
</mt:if>

設定後、「保存」をクリック。

ブログ管理画面の「デザイン」→「ウィジェット」をクリックし、コメント一覧を表示させたい（任意の）ウィジェットセットの名前をクリック。ここでは例として「3カラムのサイドバー(サブ)」をクリックします。

「利用可能」にある「ブログ記事のコメント」を「インストール済み」にドラッグします。

設定後、「変更を保存」をクリックして全体を再構築すれば完了です。

• 
• Tweet