Movable Typeのカテゴリ一覧と一致したときの処理

Movable Typeは、ブログソフトですから、カテゴリの一覧を表示することが出来る。

カテゴリの一覧を表示をする場合は、MTのタグを4つ使います。

1. カテゴリ一覧のタグ
<MTCategories>〜</MTCategories>

2. 最上位のカテゴリから現在のカテゴリまでを繰り返して表示するタグ
<MTParentCategories>〜</MTParentCategories>
(glue="/"でリストを繋ぎます)

3. カテゴリのファイル名を表示するタグ
<$MTCategoryBasename$>

4. カテゴリ名を表示するタグ
<$MTCategoryLabel$>

<ul>
<MTCategories>
<li><a href="<$MTBlogURL$><MTParentCategories glue="/"><$MTCategoryBasename$></MTParentCategories>/"><$MTCategoryLabel$></a></li> </MTCategories>
</ul>


実際の処理の結果




さらにカテゴリの所属しているこの記事とカテゴリ一覧のカテゴリが一致した場合の処理をやってみます。これは、ユーザビリティを意識したサイト作りをする時にナビゲーションとして使う場面が多くそれを考慮したものです。

一致したカテゴリのみ、カテゴリ名の左右に★★を入れます。

Movable Typeの条件文(if)の記事で書いたときと同じように変数を格納するために、 <MTSetVarBlock name="変数名">値</MTSetVarBlock>を使用します。

現在の記事のカテゴリを値にセットし、変数「category_label」に代入します。
次にカテゴリ一覧を行い、一覧を行っている中で、比較をするための変数「category_label2」にカテゴリを代入します。

最後に、変数「category_label」と変数「category_label2」を比較し、一致した場合の処理と一致しなかった場合の処理を行います。

コードは、以下になります。
<MTSetVarBlock name="category_label"><$MTCategoryLabel$></MTSetVarBlock>
<ul>
<MTCategories>
<MTSetVarBlock name="category_label2"><$MTCategoryLabel$></MTSetVarBlock> <MTIf name="category_label2" eq="$category_label">
<li>★★<a href="<$MTBlogURL$><MTParentCategories glue="/"><$MTCategoryBasename$></MTParentCategories>/"><$MTCategoryLabel$></a>★★</li>
<MTElse>
<li><a href="<$MTBlogURL$><MTParentCategories glue="/"><$MTCategoryBasename$></MTParentCategories>/"><$MTCategoryLabel$></a></li>
</MTElse>
</MTIf>
</MTCategories>
</ul>


実際の処理の結果



サブフォルダを入れて行うこともで出来ますし、一致したときの処理に背景の色やテキスト、リンクの色を変更することも出来ます。
  • Movable Typeのカテゴリ一覧と一致したときの処理をはてなブックマークに追加 Movable Typeのカテゴリ一覧と一致したときの処理のはてなブックマーク数
  • Movable Typeのカテゴリ一覧と一致したときの処理をdel.icio.usに追加
  • Movable Typeのカテゴリ一覧と一致したときの処理をYahoo!ブックマークに追加
  • Movable Typeのカテゴリ一覧と一致したときの処理をPOOKMARK Airlinesに追加
  • Movable Typeのカテゴリ一覧と一致したときの処理をlivedoorクリップに追加
  • Movable Typeのカテゴリ一覧と一致したときの処理を@niftyクリップに追加
  • Movable Typeのカテゴリ一覧と一致したときの処理をnewsingへ投稿
  • Movable Typeのカテゴリ一覧と一致したときの処理をBuzzurlに追加
  • Movable Typeのカテゴリ一覧と一致したときの処理をChoixへ追加
  • Movable Typeのカテゴリ一覧と一致したときの処理をFurlへ追加
  • Movable Typeのカテゴリ一覧と一致したときの処理をBlinklistへ追加
  • Movable Typeのカテゴリ一覧と一致したときの処理をReddit.comへ追加

トラックバック(0)

このブログ記事を参照しているブログ一覧: Movable Typeのカテゴリ一覧と一致したときの処理

このブログ記事に対するトラックバックURL: http://takot.sakura.ne.jp/mt/mt-tb.cgi/731

コメントする

Insert Emoddy tag

このブログ記事について

このページは、Kamitani79が2008年6月19日 00:11に書いたブログ記事です。

ひとつ前のブログ記事は「Firefox3」です。

次のブログ記事は「横浜ランドマークタワー」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。