MT導入基礎知識

Movable Typeとは?

ドメイン取得とサーバー確保

Movable Typeをインストールしよう

HTMLとCSSを理解する

テンプレートって何?

プラグインって何?

どんどんモジュール化しよう

pingを有効に活用しよう

テンプレートの基本的な構成

デザインのカスタマイズ

カスタマイズの前に

タイトルバナーの雰囲気をかえる

タイトルバナーを画像にする

H1~H6タグの見え方

サイトの背景を変更する

文字の色や大きさをかえる

サイドバーの見た目をかえる

表示内容のカスタマイズ

カテゴリーの並び順序を変更する

エントリーの並び順序を変更する

最近のエントリー一覧を表示する

サイドバーを右から左に変更する

サイドバーに表示する要素を変更する

カテゴリー一覧にエントリーも表示する

カテゴリーページにも最新エントリー一覧を表示する

入れておきたいプラグイン

cutfirstchar⇒変数タグの最初の数文字を削除する

CatEntries⇒特定カテゴリーを表示させないようにする

Update-n-Ping⇒記事を更新したときにも更新pingを自動的に送る

MailForm⇒メール問い合わせフォームを表示する

Mapper⇒地図画像を表示する

TinyMCE⇒ワープロ感覚でエントリー記事が作れる

参考になるサイト・情報

WWWの基本を勉強する参考サイト

Movable Typeに関するサイト

ブログアクセスアップにつながるランキングサイト

相互リンク

エラーが起きたときはチェックしてみよう

よもやま話

サイト立ち上げのきっかけ

ブログランキングに登録

メールフォームが機能しない・・・

グーグルマップを表示してみる







« cutfirstchar⇒変数タグの最初の数文字を削除する | メイン | ブログランキングに登録 »

カテゴリーの並び順序を変更する




普通のホームページっぽく見せたい場合、カテゴリー一覧(リンクナビの部分)の表示順序はとても重要です。
例えば、会社ホームページでこんな感じにカテゴリー名を並べたかったとします。

 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桁を削除して表示してくれます。

これで再構築をかければ、おしまい。
希望通りの順序にカテゴリーが並んでいるはずです。



最新記事一覧