チャレンジ! Movable TypeをCMSとして使ってみよう!

第6回 グローバルナビゲーションを仕上げる/トップページに最新ブログ記事一覧を表示させる

この記事を読むのに必要な時間:およそ 6.5 分

今回は,グローバルナビゲーションをプラグインを使って仕上げ,トップページのメインコンテンツ部分(div id="primary")に最新ブログ記事一覧とMultiblog機能を使った別ブログの最新ブログ記事一覧を表示させます。

Movable Type 4.22へのセキュリティアップデートを忘れずに

くれま先輩:さて!この連載も始まって5ヵ月ほど経過しましたが,その間に数回のMovable Typeのアップデートを経験してまいりました!

ほげ山くん:そして,今回も,ですよね。先輩(笑)

くれま先輩:はい(笑)。皆さまもすでにご存知かとは思いますが,2008年10月15日にMovable Type 4.22がリリースされています。

【参考】
Six Apart - Movable Type News: [重要] セキュリティアップデート Movable Type 4.22 の提供を開始
http://www.sixapart.jp/movabletype/news/2008/10/15-1400.html

くれま先輩:管理画面のクロスサイトスクリプティングによる脆弱性に対処したものなので,まだ対応されていない方は,早めのアップデートをされたほうが良いでしょう。

ほげ山くん:僕も早速,アップデートすることにします!

プラグインを使ってグローバルナビゲーションの並び替えをしよう

くれま先輩:ではでは,今回の本題に入るね!前回の最後に,ほげ山くんから「グローバルナビゲーションの並び順って,希望通りのものじゃないですよね?」と指摘されていたでしょ?

ほげ山くん:本当は「最新情報」「国内作家の絵本」「海外作家の絵本」「赤ちゃん向け絵本」「会社概要」「絵本出版のポリシー」と並べたいのに,今のMTタグの書き方では,「国内作家の絵本」「最新情報」のところが逆順になっているんですよね。

くれま先輩:こんな風に,カテゴリをリストアップする場面で希望の順番にカテゴリを並べ替えるには,カテゴリ名の先頭に数字を付けるなどの方法も使われたりしているんだけど……。私のオススメは,藤本壱さんが配布してくださっている「カテゴリーとフォルダを並べ替えるプラグイン」プラグインを使うこと。

ほげ山くん:便利なプラグインを作ってくださってるんですねー。

くれま先輩:やっぱり,管理画面でWYSIWYGでカテゴリの順番を変えることができるのが,初級の人にはわかりやすいと思うのよ。なので,まずは下記のページから,プラグインをいただいてきましょう。

【参考】
カテゴリーとフォルダを並べ替えるプラグイン(MT4以降用)|The blog of H.Fujimoto
http://www.h-fj.com/blog/archives/2007/08/28-114447.php

ほげ山くん:藤本さんの解説どおりに,ダウンロードして,解凍して,アップロードして,画面の指示通りにアップグレードしました!

くれま先輩:そうしたら,上部メニューの[デザイン→テンプレート]を選択して,「テンプレートモジュール」一覧の中から「グローバルナビゲーション」をクリック。編集画面に入ってみて。

ほげ山くん:藤本さんの解説にテンプレートの中で,MTSubCategories/ MTTopLevelCategories/MTSubFolders/MTTopLevelFoldersタグを使っている箇所を検索します。と書いてありましたけど,この中にありますねー。

テンプレートモジュール「グローバルナビゲーション」の中身

<ul>
<mt:TopLevelCategories>
<li><a href="<mt:CategoryArchiveLink />"><mt:CategoryLabel remove_html="1" /></a></li>
</mt:TopLevelCategories>

<mt:TopLevelFolders>
<li><a href="<mt:BlogUrl /><mt:FolderPath />/"><mt:FolderLabel remove_html="1" /></a></li>
</mt:TopLevelFolders>
</ul>

くれま先輩:そうそう。なので,解説どおり,こういう風に書き換えて保存してね。

テンプレートモジュール「グローバルナビゲーション」の中身

<ul>
<mt:TopLevelCategories sort_method="SortCatFld::Sort">
<li><a href="<mt:CategoryArchiveLink />"><mt:CategoryLabel remove_html="1" /></a></li>
</mt:TopLevelCategories>

<mt:TopLevelFolders sort_method="SortCatFld::Sort">
<li><a href="<mt:BlogUrl /><mt:FolderPath />/"><mt:FolderLabel remove_html="1" /></a></li>
</mt:TopLevelFolders>
</ul>

ほげ山くん:「sort_method="SortCatFld::Sort"」が,このプラグインを使えるようになるおまじないみたいなものなんですね。

くれま先輩:おまじないねー(笑)。っで次に,上部メニューの[一覧→カテゴリ]を選択して。カテゴリの一覧に「カテゴリの並べ替え」というリンクができてるでしょ?

図1 カテゴリの一覧画面に追加された「カテゴリの並べ替え」リンク

図1 カテゴリの一覧画面に追加された「カテゴリの並べ替え」リンク

ほげ山くん:おぉ,ほんとだ!「カテゴリの並べ替え」をクリックすると,上下移動アイコンが沢山の画面になりました。順番を変えるのが,目で見て分かりやすいですね。「最新情報」カテゴリを先頭にするようにクリックして…と。

図2 「最新情報」カテゴリを一番先頭に持っていく

図2 「最新情報」カテゴリを一番先頭に持っていく

くれま先輩:で,「変更を保存」をクリックして,全体を再構築したあと,トップページのHTMLソースを見てみて。

出力された順番なしリスト

<ul>
<li><a href="http://xxxxxxx.xxxxx/news/">最新情報</a></li>
<li><a href="http://xxxxxxx.xxxxx/japan/">国内作家の絵本</a></li>
<li><a href="http://xxxxxxx.xxxxx/world/">海外作家の絵本</a></li>
<li><a href="http://xxxxxxx.xxxxx/baby/">赤ちゃん向け絵本</a></li>
<li><a href="http://xxxxxxx.xxxxx/company/">会社概要</a></li>
<li><a href="http://xxxxxxx.xxxxx/policy/">絵本出版のポリシー</a></li>
</ul>

ほげ山くん:ちゃーんと最新情報が先頭に来てますねー。便利ですねぇ,これ!

くれま先輩:さらに補足しておくと,ここでご紹介したプラグインを非常にパワーアップさせたプラグインのβ版を,作者の藤本壱さんが公開なさっているのよ。まだこの連載の中では使っていないのだけど,気になる方は,ぜひ使わせていただくと良いと思います!

【参考】
カテゴリ/フォルダ/ブログ記事/ウェブページを並べ替えるプラグインβ版|The blog of H.Fujimoto
http://www.h-fj.com/blog/archives/2008/10/20-164959.php

ほげ山くん:ブログ記事とウェブページを並べ替えるのもできるんですねー!今まで公開日を変更して並べ替えたりしてたんですよね?

くれま先輩:そうそう,すごいよね!正式版になったら商用やアカデミックでの利用は有償になるんだけど,いずれありがたく使わせていただくことにしようね!

著者プロフィール

黒野明子(くろのあきこ)

1973年生まれ。1995年 武蔵野美術大学短期大学部専攻科グラフィックデザインコース修了。

ファッションカメラマン事務所、広告系デザイン事務所、Web制作会社勤務を経て、2003年よりフリー。Webデザイン・企画を中心に、DTPデザインなども行う。

現在、武蔵野美術大学共通デザイン研究室非常勤講師及び株式会社デジタルスケープ・PreJOBトレーニング講師も兼務。2005年秋頃から業務としてMTサイトの構築を始め、現在の業務のほとんどでMovable Typeを使用している。

著書:

『CMSとして使うMovable Typeガイドブック』 (翔泳社、共著)

『Movable Typeプロフェッショナル・スタイル』(毎日コミュニケーションズ、共著)

URL:http://cremadesign.jp/

コメント

コメントの記入