カテゴリー回りのカスタマイズ

このごろパソコンやウェブログのカスタマイズばかりしています。いいかげんエントリーを書かないといけないというか、リンク切れの修復を急がないといけないのですが、せっかく今までの「互換性」を気にしなくても良くなってしまったので、後から「ああしとけばよかった！」と思わないよう、この機会に設定は慎重にしておきたいと思います。

で、今回はカテゴリーページの設定です。

１）今まで並び順などの関係で手入力していたカテゴリーメニューを自動表示
２）トップページにはカテゴリー全体、個別カテゴリーページにはそのカテゴリー内のメニュー（サブカテゴリー）を表示する
３）トップから個別カテゴリーや個別エントリーまでのナビゲーションを、途中のサブカテゴリーを含めてリンク付で表示する
４）カテゴリーの名前を変えても、カテゴリーページのアドレスが変わらないようにする
５）カテゴリー分けの全面的な見直し

と、まあこんなことをしておりました。

これらはだいたいが検索すればやり方は見つかるものですが、中にはどうしても見つからなくて、自分で考えた方法もあります。わけがわかって採用した方法ではなくて、私の場合は「結果オーライ」の世界ですので、必ずしも最良とは限りません。また、大手の「無料ブログサービス」や、バージョン違いのMTで試してみる場合は特に（それ以外の場合も）必ずバックアップはとっておいてくださいね。なお、私のMTのバージョンは 3.17-ja です。

[Sponsor Ads]

１）カテゴリーメニューの自動表示

MTのカテゴリータグは、非常に融通のきかないタグでして、カテゴリーの並び順さえ自分では決められません。日本語版が出る前は、カテゴリー名に日本語すら通らないこともあったそうです。私はMTが作ってくれるカテゴリーメニューがどうしても気に入らなくて、自分の手打ちでサイトメニューを作っていました。

そこで一般的にはカテゴリー名の頭に英数字をつける。たとえば「100、200、300」などとして、そこに属するサブカテゴリーには「110、120、130」などとする方法がメジャーです。こうすると数字の順にカテゴリーが表示されますので、コントロールが容易です。そして実際に表示させるのは、この英数字がついた不細工なカテゴリー名ではなく、「カテゴリーの概要説明」欄に入力した文章を、「MTCategoryDescription」タグを使って表示するのです。

しかし私の場合は「カテゴリーの概要説明」にはちゃんと「カテゴリーの概要説明」を書いておきたいタイプの人でして、しかも「懐古的資料室」などを見てもらえばわかるとおり、MTCategoryDescription タグを使ってカテゴリーのタイトル画像まで表示している人ですから、この方法は使えなかった。

んでまあ、結局は<$MTArchiveTitle$><タグを使うことにして、トップレベルカテゴリだけに番号をふって並び順をコントロールし、サブカテゴリはMTのなすにまかせました。あとはCSSで<dt>や<dd><ul>なんかを定義してやります。私はHINAGATAさんのデフォルトのままで使用しました。決して不細工ではないでしょ？

トップページのカテゴリーリスト（サイトメニュー）表示タグ

<dl> <dt>サイトメニュー</dt> <dd> <MTSubCategories> <MTSubCatIsFirst><ul style="margin-bottom:10px;"></MTSubCatIsFirst> <li> <MTHasParentCategory>　- </MTHasParentCategory> <MTIfNonZero tag="MTCategoryCount"> <a href="<$MTCategoryArchiveLink$>"> <$MTArchiveTitle$></a> [<$MTCategoryCount$>] <MTElse> <$MTArchiveTitle$> </MTElse> </MTIfNonZero> <MTSubCatsRecurse maxdepth="3"> </li> <MTSubCatIsLast></ul></MTSubCatIsLast> </MTSubCategories> </dd> <dl id="recent-comments"> <dt>サイトメニュー</dt> <dd> <MTSubCategories> <MTSubCatIsFirst><ul style="margin-bottom:10px;"></MTSubCatIsFirst> <li> <MTHasParentCategory>　- </MTHasParentCategory> <MTIfNonZero tag="MTCategoryCount"> <a href="<$MTCategoryArchiveLink$>"> <$MTArchiveTitle$></a> [<$MTCategoryCount$>] <MTElse> <$MTArchiveTitle$> </MTElse> </MTIfNonZero> <MTSubCatsRecurse maxdepth="3"> </li> <MTSubCatIsLast></ul></MTSubCatIsLast> </MTSubCategories> </dd> </dl>

２）カテゴリーの名前を変えてもアドレスが変わらないようにする

さて、この方法ですと、カテゴリーを追加（挿入）したり消したりして、頭の番号を変えたりすると、カテゴリーページのアドレスまで変わってしまいます。この設定のままですと、MTは「01」とか「02」とかいう名前のトップレベルカテゴリのフォルダを作り、その中に「cat1」とか「cat2」とかいう名前のサブカテゴリフォルダを作ります。ですから、カテゴリー名の頭の数字を変えてしまうと、カテゴリーページのアドレスも変わってしまうわけです。

これだと、よほどよく考えてカテゴリーや並び順を設定し、一度設定したらめったなことでは変えない覚悟が必要です。私はエントリーが増えたらどんどんカテゴリーも臨機応変に変えていきたい人なので、ずいぶんと悩みましたが、それもエントリーのアドレスを設定した方法と同様の方法で解決しました。

つまり、MTの管理画面→BLOGの設定→アーカイブの設定で、カテゴリー・アーカイブのファイル名の設定をしてやればよいのです。「アーカイブファイルのテンプレート」というところに、以下のように記述します。

category/cat_<$MTCategoryID$>.html

すると「archive」フォルダの中に「category」というフォルダができて、その中に階層構造のないカテゴリーページのHTML書類ができあがります。それぞれの名前は「cat_（固有のカテゴリーID）.ｈｔｍｌ」となります。
これでカテゴリーの名前を変えても、カテゴリーIDは不変ですのでアドレスは変わりません（実験して確認済み）。名前だけではなく、サブカテゴリーからトップカテゴリーに変更したり、別のカテゴリーのサブに移動しても、階層構造がありませんからまったくアドレスは変わりません。実験で確認した時は「ブラボー！」と叫んでしまいました。

３）途中のサブカテゴリーを含めたリンク付ナビゲーション

なんか由来はしりませんが、これは通称「ぱんくず」なんて呼ばれているようです。
つけ方は「個別エントリーページ」と「カテゴリーページ」では異なります。

まず個別エントリーページに

HOME > トップレベルカテゴリ > サブカテゴリ > エントリータイトル

という見栄えの「ぱんくず」をつけるには、以下のように記述します。

個別エントリページのリンク付「ぱんくず」表示タグ
<a href="<$MTBlogURL$>" title=""<$MTBlogName$>"メインページへ">メイン</a> ＞ <MTParentCategory > <a href="<$MTEntryLink archive_type="Category"$>"><$MTCategoryLabel$></a></MTParentCategory> ＞ <a href="<$MTEntryLink archive_type="Category"$>"><$MTEntryCategory$></a> ＞ <a href="<$MTBlogURL$>" title=""<$MTBlogName$>"メインページへ">メイン</a> ＞ <MTParentCategory > <a href="<$MTEntryLink archive_type="Category"$>"><$MTCategoryLabel$></a></MTParentCategory> ＞ <a href="<$MTEntryLink archive_type="Category"$>"><$MTEntryCategory$></a> ＞ <$MTEntryTitle$>

次に、カテゴリーページに

HOME > トップレベルカテゴリ > 第１階層サブカテゴリ > 現在のカテゴリ名

のような見栄えの「ぱんくず」をつけるには、以下のように記述します。

カテゴリーページのリンク付「ぱんくず」表示タグ
<a href="<$MTBlogURL$>" title=""<$MTBlogName$>"メインページへ">メイン</a> ＞ <MTParentCategories exclude_current="1"><a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a> ＞ </MTParentCategories ><$MTArchiveTitle$>

なお、このカテゴリーページの「ぱんくず」は、<$MTCategoryLabel$>や<$MTArchiveTitle$>を使っていますので、MTCategoryDescription タグを使ってカテゴリー名を表示されている方は、このままではうまくいかないと思います（番号付の不細工なほうのタイトルが表示されてしまう）。

４）カテゴリーページに「カテゴリー内メニュー」を表示する

これも、MTCategoryDescription タグをカテゴリー名表示で使っておられる方はうまくいかないと思いますが、カテゴリーページに以下のようなリストをリンク付で表示します。

＜トップレベル（親）カテゴリーページでの表示＞
　　　　サブカテゴリー１
　　　　サブカテゴリー２
＜サブ（子）カテゴリーページでの表示＞
　01.親カテゴリー
　　　└ サブカテゴリー１
　　　└ サブカテゴリー２

実際の表示や使い心地は、旗旗の各カテゴリーページで試してみて下さい。
以下のように記述します。

カテゴリー内リストの表示タグ
<dt>カテゴリー内メニュー</dt> <dd> <ul> <MTParentCategories exclude_current="1"><a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a> </MTParentCategories > <ul> <!– 親カテゴリページ用 –> <MTSubCategories include_current="1> <MTSubCatIsFirst><ul></MTSubCatIsFirst> <li style="font-size:9pt; line-height: 180%"> <MTIfNonZero tag="MTCategoryCount"> <a href="<$MTCategoryArchiveLink$>"> <$MTArchiveTitle$></a> [<$MTCategoryCount$>] <MTElse> <$MTArchiveTitle$> </MTElse> </MTIfNonZero> <MTSubCatsRecurse maxdepth="3"> </li> <MTSubCatIsLast></ul></MTSubCatIsLast> </MTSubCategories> <!– サブカテゴリページ用 –> <MTParentCategory> <MTSubCategories include_current="1> <MTSubCatIsFirst><ul></MTSubCatIsFirst> <li style="font-size:9pt; line-height: 180%"> <MTHasParentCategory> └ </MTHasParentCategory> <MTIfNonZero tag="MTCategoryCount"> <a href="<$MTCategoryArchiveLink$>"> <$MTArchiveTitle$></a> [<$MTCategoryCount$>] <MTElse> <$MTArchiveTitle$> </MTElse> </MTIfNonZero> <MTSubCatsRecurse maxdepth="3"> </li> <MTSubCatIsLast></ul></MTSubCatIsLast> </MTSubCategories> </MTParentCategory> </dd> </dl>

「親カテゴリページ用」の部分はサブカテゴリーページでは無視されて何も表示されず、逆に「サブカテゴリーページ用」の部分はトップカテゴリーページでは何も表示されません。もっとスマートでうまい方法がありそうですが、これもMTのマニュアルページを読んでいるうちに、ほとんど偶然「できちゃった」もんですんで、どう改造してよいものやらわかりません（笑

ついでに、カテゴリーページには「サイトメニュー」と題して、トップレベルカテゴリーの一覧を設置していますので、それも書いておきます。

トップレベルカテゴリーだけを表示するタグ
<dl> <dt>サイトメニュー</dt> <dd> <a href="<$MTBlogURL$>" title=""<$MTBlogName$>"メインページへ">メインへ戻る</a> <!– 親カテゴリのみを表示 –> <MTTopLevelCategories include_current="1> <ul> <li style="font-size:9pt; line-height: 180%"> <a href="<$MTCategoryArchiveLink$>"> <$MTArchiveTitle$></a> <MTElse> <$MTArchiveTitle$> </MTElse> </li> </ul> </MTTopLevelCategories> </dd> </dl>

５）参考にさせていただいたサイト様

このエントリーで書いた作業のために、ものすごく多くの方のサイトを参考にさせていただきました。とても全部は紹介しきれないくらいですが、特に参考になったサイト様だけでもご紹介させていただきます。また、多くの皆さんが、ご自分の体験をMTユーザー同士で共有化しようとしておられる姿勢に、あたためて敬意を表したいと思います。ありがとうございました。

◇サイドバーにカテゴリリストを表示する（Techkuow Weblog）←基本！

◇「ぱんくず」の作り方（MovableTypeマニュアル）

◇カテゴリーに日本語を使う方法（dh’s memoranda）

◇MTでサブカテゴリ以下も全て表示させるには？（亜細亜ノ蛾）

◇MTでサブカテゴリ追加（Nitty-Gritty）

◇サブカテゴリを採用（Untitled）

◇MovableTypeの記事修正を楽にする（ARTIFACT-人工事実-）←こっそり採用