普通のホームページっぽく見せたい場合、カテゴリー一覧(リンクナビの部分)の表示順序はとても重要です。
例えば、会社ホームページでこんな感じにカテゴリー名を並べたかったとします。
HOME
トップメッセージ
サービス内容
会社概要
お問い合わせ
でも困ったことに、Movable Typeをそのまま使うと、カテゴリー名で勝手に並び替えられてしまって、こんな順序になるのです。
HOME
お問い合わせ
サービス内容
トップメッセージ
会社概要
でも、プラグインと、ちょっとしたカスタマイズで、カテゴリー一覧表示順序を変えることができます。
今回はその内容をご紹介します。
まずは、『cutfirstchar』というプラグインをインストールしてください。
プラグインの内容やインストールに関する紹介は、「入れておきたいプラグイン」カテゴリーにありますので参照ください。
⇒ cutfirstchar⇒変数タグの最初の数文字を削除する
無事にプラグインをインストールしたら、続いて、カテゴリー名を編集します。
メニューの<環境設定>-<カテゴリー>を開いてください。
カテゴリー名の頭に3桁程度(2桁や4桁でも、何桁でもOK)の数字を、表示したい昇順で入れて登録します。
例えばこんな感じです。
000HOME
010トップメッセージ
020サービス内容
030会社概要
040お問い合わせ
とりあえず3桁にしたのは、あとからカテゴリーを増やしたくなったときに楽なようにです。
例えば、カテゴリー数が10以上になったときは「110、120、130・・・」と増やしていけばいいし、「サービス内容」と「会社概要」の間に「価格」を入れたくなったときは「125価格」とでもすれば、他をずらしたりせずに済みます。
続いて、テンプレートのカテゴリー名を表示している部分に変更を加えます。
まずはカテゴリー一覧を表示している部分です。
各ページテンプレート(モジュール化している場合はモジュール)から、該当部分を探してみてください。
<MTIfArchiveTypeEnabled archive_type="Category">
<div class="module-categories module">
<h2 class="module-header">カテゴリー</h2>
<div class="module-content">
<MTTopLevelCategories>
<MTSubCatIsFirst><ul class="module-list"></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li class="module-list-item"><a href="<$MTCategoryArchiveLink$>"
title="<$MTCategoryDescription$>"><MTCategoryLabel></a>
<MTElse>
<li class="module-list-item"><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse>
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTTopLevelCategories>
</div>
</div>
</MTIfArchiveTypeEnabled>
この中で、 <MTCategoryLabel> となっている部分を <MTCategoryLabel cutfirstchar="3"> に変更します。
「cutfirstchar="3"」をつけることで、カテゴリー名を、最初の3桁を削除して表示することを意味します。
続いて、上記以外の、カテゴリー名を表示している部分を変更します。
「カテゴリー・アーカイブ」に <MTArchiveTitle> が複数出てくるので、すべて <MTArchiveTitle cutfirstchar="3"> に変更します。
他にもカテゴリー名を表示している部分があれば、すべて変数に「cutfirstchar="3"」を加えておけば、頭の数字3桁を削除して表示してくれます。
これで再構築をかければ、おしまい。
希望通りの順序にカテゴリーが並んでいるはずです。