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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

category/cat_<$MTCategoryID$>.html

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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