Home > Movable Type > カテゴリーリストのカスタマイズ

カテゴリーリストのカスタマイズ

本家(？)サイトのコンテンツをこちらに移動してblog1本で行こうと思ったんですがカテゴリーが多くなりすぎてごちゃごちゃしてしまいました。
カテゴリーの表示順ってアルファベット順なんですよね…
そこで…

1)カテゴリー表示を好きな順番に変える
2)カテゴリーをツリー表示にする
以上を実施してみました。

1)カテゴリー表示を好きな順番に変える

カテゴリーを自分の並べたい順番にする：ウェブログ(blog) 活用フォーラム

カテゴリーを自分の並べたい順番にする
当サイトでは、まず最初に数字のヘッダをつけてカテゴリーを作ります。さらに数字だけだと分類するときにプルダウンでどれがどれか分からなくなるので、ローマ字か英語で意味のある言葉を付け足します。

まずはカテゴリーの編集でカテゴリーの名前を「数字-カテゴリー名」って感じに変えてしまいます。
上に表示したいカテゴリーから順に数字を割り振ってください。

カテゴリーの名前
about→010-about
photo→020-photo

後々カテゴリーが追加される事もありえるので数字は10,20,30…などと間を空けた方がいいみたいです。
このままだとカテゴリーのリストには数字まで表示されてしまうのでカテゴリーの属性を編集します。
カテゴリーの説明のところに表示させたい名前を記入します。
後で説明する無理やりツリー化技のため名前の頭にちょっと記号をつけました。

カテゴリーの説明
親カテゴリー→* Handmade
サブカテゴリー→∟ Soap

後はカテゴリー名を表示させているテンプレートを赤字のタグに修正します。
メニューだけならMain Indexのみ。
各エントリーにカテゴリ名を表示させているならIndividual Entry Archiveなども忘れずに…

カテゴリーの名前→カテゴリーの説明
<$MTCategoryLabel$>→<$MTCategoryDescription$>

2)カテゴリーをツリー表示にする

はかいおうこうむてん: MTにサブカテゴリー
David Raynes: SubCategories v0.4

まずはSubCategoriesプラグインを手に入れ解凍後pluginsディレクトリにUP
mt-sc.cgiは1行目のperlのパスを自分の環境に書き換えてmt.cgiと同じ場所にUP
パーミッションを755にします。
(サーバーによって違うかも？)
mt-sc.cgiにアクセスしてサブカテゴリーの設定をします。

[左プルダウン] is the parent of  [右プルダウン]
　　　↓
[左のカテゴリー]は[右のカテゴリー]の親

1つづつサブカテゴリーを設定していくごとにCurrent parent/child relationshipsの下でツリー表示が確認できます。
ただ要注意なのは一度サブカテゴリーの設定をしてしまうと解除できないっぽいのです。
このへんはプラグインのバージョンアップを祈るばかりです。
後はテンプレートのカテゴリーリストの部分に以下のタグを追加します。

<MTSubCategories show_empty="0">
<MTSubCatIsFirst><ul style="list-style-type:none">
</MTSubCatIsFirst><li>
<a href="<$MTCategoryArchiveLink$>">
<$MTCategoryDescription$></a> (<$MTCategoryCount$>)<br>
<MTSubCatsRecurse>
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories></div>

<ul>タグはツリー化のためスタイルをなしに設定しました。
このままだとサブカテゴリーがすごく右によってしまうのでスタイルシートで設定します。

.side UL{
margin-left:1em;
margin-top:0em;
}

カテゴリーの説明でサブカテゴリーの頭に「∟」をつけたので無理やりツリー化できました。
もっとスマートな方法があるのかもしれませんがとりあえず当分はこんな感じで。
ただずらずら長くなってる事には変わりないのでプルダウンメニューにしちゃうかもしれません…

Home > Movable Type > カテゴリーリストのカスタマイズ

Categories
Archives
Search
Feeds

Page Top