トップページにカテゴリー毎のエントリーリスト表示-MTカスタマイズ

カテゴリー毎でのエントリーリスト表示テンプレートタグ

デフォルトコードをちょっと変えることでエントリーリストが表示されるようになります。使うデフォルトコードはWidget: 最近の投稿のコードです。これを使って説明します。

Widget: 最近の投稿コード

<div class="module-archives module">
   <h2 class="module-header">最近のエントリー</h2>
   <div class="module-content">
      <ul class="module-list">
      <MTEntries lastn="10">
         <li class="module-list-item"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
      </MTEntries>
      </ul>
   </div>
</div>

上記のコードがデフォルトコードです。最新10件表示されます。このまま使うと全体での最新10件表示がされますので、カテゴリーをアトリビュートします。

MTEntries

対応しているバージョン

3.1, 3.2, 3.3, Enterprise 1.0

利用方法

<MTEntries> 〜 </MTEntries>

アトリビュート

lastn="N"

指定した数字（N）のエントリーを表示します。Nは0より大きな数字にしてください。

category="category_name"

指定したカテゴリー名のエントリーをすべて表示します。エントリー数を指定するときはlastnを併用してください。複数のカテゴリーを指定するときはANDかORを使います。特定のカテゴリー以外を指定するときはNOTを使います。また、()でくくることで、条件判断の優先順位を指定できます。

参照元）エントリー-Movable Type 3.3 マニュアル: テンプレート・タグ リファレンス:

http://www.sixapart.jp/movabletype/manual/3.3/a_template_tag_reference/index.html#index-entry

上記を踏まえたうえでコードをカスタマイズすると以下のようになります。

<div class="module-archives module">
   <h2 class="module-header">カテゴリー名エントリー</h2>
   <div class="module-content">
      <ul class="module-list">
      <MTEntries lastn="エントリー表示数" category="カテゴリーの名称">
         <li class="module-list-item"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
      </MTEntries>
      </ul>
   </div>
</div>

トップレベルカテゴリーのみで構築している方には、上記のコードで表示できます。

サブカテゴリーを構築している場合のテンプレートタグ

私の場合は、サブカテゴリーも使って複数のカテゴリーで区別しています。上記のコードであるとカテゴリーのアトリビュートが面倒になりますので以下のテンプレートタグを使用します。

MTEntriesWithSubCategories

エントリーの一覧のためのコンテナ・タグです。MTEntriesタグと異なり、サブカテゴリーを指定できます。アトリビュートcategoryで、サブカテゴリーを指定できます。たとえば、"Flies"というカテゴリーがあり、その下に"Fruit"というサブカテゴリーがある場合は、 category="Flies/Fruit"と指定します。カテゴリーやサブカテゴリーに"/"が含まれる場合は、そのカテゴリー名を[ ]（角カッコ）で囲みます。

対応しているバージョン

3.1, 3.2, 3.3, Enterprise 1.0

利用方法

<MTEntriesWithSubCategories> 〜 </MTEntriesWithSubCategories>

アトリビュート

lastn="N"

指定した数字（N）の記事を表示します。Nは0より大きな数字にしてください。

category="category_name"

指定したカテゴリーやサブカテゴリーを表示します。カテゴリーがサブカテゴリーを持つ場合は、そのサブカテゴリーも対象になります。このアトリビュートではORを使ってください。

参照元）エントリー-Movable Type 3.3 マニュアル: テンプレート・タグ リファレンス:

http://www.sixapart.jp/movabletype/manual/3.3/a_template_tag_reference/index.html#index-subcategory

今回はこのコードを使ってトップページ、個別エントリーページにナビゲーションとしての最新情報エントリーリンクを表示するようにしています。トップカテゴリーのアトリビュートで付属するサブカテゴリーのエントリーも表示されます。

上記を踏まえたうえでコードをカスタマイズすると以下のようになります。

<div class="module-archives module">
   <h2 class="module-header">カテゴリー名エントリー</h2>
   <div class="module-content">
      <ul class="module-list">
      <MTEntriesWithSubCategories lastn="エントリー表示数" category="カテゴリーの名称">
         <li class="module-list-item"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
      </MTEntriesWithSubCategories>
      </ul>
   </div>
</div>

今回使用したタグでのカスタマイズ例

このブログで使っているコードです。何かの参考になれば、情報として残しておきます。

<h5>MT</h5>
	<div class="任意のセレクタ">
		<ul><MTEntriesWithSubCategories lastn="3" category="MT">
			<li><h6><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></h6><p><MTIfCommentsActive><a href="<$MTEntryPermalink$>#comments">コメント (<$MTEntryCommentCount$>)</a> </MTIfCommentsActive><MTIfPingsActive> <a href="<$MTEntryPermalink$>#trackback">トラックバック(<$MTEntryTrackbackCount$>)</a> </MTIfPingsActive></p></li>
			</MTEntriesWithSubCategories>
		</ul>
	<p><a href="カテゴリーフォルダURL">もっと見る</a></p>
	</div>

上記のコードを元にして各カテゴリー毎のアトリビュートを作成します。

CSSは以下の通り

.任意のセレクタ{
	border-top: 1pt solid silver;
}
.任意のセレクタ li{
   margin: 0;
   padding:5px;
   border-bottom: 1pt dotted silver;
}

今回はコメントとトラックバックを組み込んでいます。ついでに各表示させたい時のためのテンプレートタグも紹介しておきます。いろいろと組み合わせて使ってみてください。

コメント・トラックバック表示

MTEntry、MTEntriesWithSubCategoriesのコンテナ・タグの中でしか使えませんので注意してください。

<p><MTIfCommentsActive><a href="<$MTEntryPermalink$>#comments">コメント (<$MTEntryCommentCount$>)</a> </MTIfCommentsActive><MTIfPingsActive> <a href="<$MTEntryPermalink$>#trackback">トラックバック(<$MTEntryTrackbackCount$>)</a> </MTIfPingsActive></p>

カテゴリー表示

<p><MTEntryCategories glue=","> <a href="<$MTCategoryArchiveLink$> " title="カテゴリ<$MTCategoryLabel$> "><$MTCategoryLabel$></a></MTEntryCategories></p>

時間表示

MTEntry、MTEntriesWithSubCategoriesのコンテナ・タグの中でしか使えませんので注意してください。

<p><$MTEntryDate format="%x %X"$></p>

日付フォーマット・アトリビュートを見て細かく設定しなおすこともできます。参考にどうぞ。

参照）Movable Type 3.3 マニュアル: 日付フォーマット・アトリビュート:

http://www.sixapart.jp/movabletype/manual/3.3/c_date_formats/

エントリー概要表示

MTEntry、MTEntriesWithSubCategoriesのコンテナ・タグの中でしか使えませんので注意してください。

<p><$MTEntryExcerpt$></p>

エントリー本文頭出し文字数指定表示

MTEntry、MTEntriesWithSubCategoriesのコンテナ・タグの中でしか使えませんので注意してください。

<p><$MTEntryBody words="任意の文字数" convert_breaks="0"$></p>

参照）MTEntryBody-Movable Type 3.3 マニュアル: テンプレート・タグ リファレンス:

http://www.sixapart.jp/movabletype/manual/3.3/a_template_tag_reference/index.html#MTEntryBody

以上です。他にも何か方法があるようでしたらコメントいただけると嬉しいです。よろしくお願いします。尚、段落毎のレイアウトは別のエントリーで取り扱ってみます。