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

第8回 ブログ記事リストテンプレートを使って,カテゴリ別絵本一覧ページを作る

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

トップページの次は,ブログ記事リストテンプレートをいじっていきましょう。「最新情報」カテゴリとその他のカテゴリで別々の体裁になりますので,カテゴリ名による条件分岐を行うところから始めます。

Movable Type4.23とMotionでましたね!

ほげ山くん:先輩,今月もなんですけど,Movable Type 4.23のセキュリティアップデートでましたね!

くれま先輩:でましたね(笑)。早速アップデートしておきましょー!

【参考リンク】
[重要]セキュリティアップデート Movable Type 4.23 の提供を開始(MovableType.jp)
http://www.movabletype.jp/blog/_movable_type_423.html

くれま先輩:で,Motionの告知もでましたね。

【参考リンク】
Movable Type をソーシャルアプリケーションに『Motion』のベータを開始(MovableType.jp)
http://www.movabletype.jp/blog/the-web-is-in-motion-via-movable-
type-pro.html

ほげ山くん:僕,Motionがなんなのか,よくわかってないんですけど(汗)。

くれま先輩:簡単に言うと,「Twitterのようなマイクロブロギング」「FriendFeedのようなにさまざまなWebサービスのフィードの収集・閲覧」ができる,「Movable Type Pro(4.25ベータ版)+専用プラグイン+デザインテンプレート」のセット,って感じかな。

ほげ山くん:Movable Typeで,Twitterみたいなことができるんですか…?

くれま先輩:そうなのよ。どんな感じなのかは,荒木勇次郎さんと蒲生トシヒロさんの記事が参考になるので,見てみてね!

【参考リンク】
Movable Type 4.25(英語版ベータ)・Motion(ベータ)リリース(小粋空間)
http://www.koikikukan.com/archives/2008/12/17-015555.php
今日のMovable Type:Movable Type: Motionにシックス・アパート社の開発魂を感じた(世界中の1%の人々へ)
http://www.dakiny.com/archives/movable-type/
movable_type_motion_beta/

ほげ山くん:Movable Type,どんどん進化してますねぇ。

くれま先輩:Motion,おもしろいから触ってみるといいと思うよ!私もインストール していじってみたので,今度ちょっと書きます!

gihyo.jp 2009年新春特別企画にて公開します.乞ご期待!

「ブログ記事リスト」テンプレートに出力させる要素を確認する

くれま先輩:さて。話を本題に戻そうか。前回でトップページが一通りできたから,今日は「ブログ記事リスト」テンプレートをカスタマイズしていこう!

ほげ山くん:「ブログ記事リスト」テンプレートというと,カテゴリごとに属するブログ記事を自動でリストアップしてくれるテンプレートですね?

くれま先輩:うん。それで,デフォルトのテンプレートとはちょっと違った項目を出力させたいんだよね。ほげ山くん,第3回で自分で言ってたこと,覚えてる?

ほげ山くん:えーっと,あ,あれか。「『最新情報』カテゴリの記事一覧ページは,この体裁ではだめなんじゃないですか?」って言ってましたね。僕。

くれま先輩:それそれ。「最新情報」カテゴリで出力させたい要素はこんな感じなんだよね。

「最新情報」カテゴリで出力したい要素

ブログ記事が投稿された日付
タイトル
ブログ記事の個別URL

ほげ山くん:了解です!じゃ,その他のカテゴリで出力させるものを,チェックしないといけませんね。

くれま先輩:第3回で見せた「カテゴリ別絵本一覧ページ」のデザインをもう一回見てみて確認しましょ。

図1 カテゴリ別絵本一覧ページのデザイン

図1 カテゴリ別絵本一覧ページのデザイン

ほげ山くん:そうかそうか。1冊につき,こんな内容が出力されているんですね。

その他のカテゴリで出力したい要素

絵本の表紙画像
絵本のタイトル(と個別ブログ記事へのリンク)
絵本の著者名
絵本の発売日

くれま先輩:そうなのよ。「最新情報」カテゴリとは違うでしょ?じゃ,次の段階に進んで,それぞれの出力を振り分けてみようね!

著者プロフィール

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

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

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

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

著書:

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

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

URL:http://cremadesign.jp/

コメント

コメントの記入