SaCSS　vol.07 「MovableTypeで作る企業サイトの基本」補足

2009年10月28日 13:19
Category : MovableType, webdesign
Tags :MovableType, MT5, SaCSS

遅くなりましたが、前回のSaCSS勉強会で話した内容のまとめと補足を掲載しますので、参加されたかたは参考にしてください。
（なお、スライドデータの公開予定はありません）

MTに関する基礎知識

MTは非常に活発なユーザーコミュニティを持っている。
2004年頃からユーザーが増え始め、2005～2006年頃から企業サイト構築、関連書籍出版などの流れが出来てきた。

MTを使って構築しているサイト

東京もつ鍋天国（コミュニティサイト）
東京ナイロンガールズ

MTタグでできることいろいろ

変数・条件分岐が使えるので、アイデア次第で面白いものが作れます。

ごっごめんなさい‥‥！

サンプルサイトの概要

MTで構築した一般的なサイトの見本として、架空の生花店のサイトを用意しました。

サイト構成は、

トップページ
店舗紹介
お問い合わせ
アクセスマップ
お知らせ
- お知らせのアーカイブ
商品一覧
- 商品一覧のアーカイブ

こういう階層構造になっています。
MT5で構築したので、サイトの中に「お知らせ」「商品一覧」という2つのブログがあり、その他はWebページで構成されています。

これは、小規模な企業・店舗サイトによくある「お知らせだけを自分で追加したい」という要望を満たす仕様として考えました。

MTでWebサイトを構築する時に重要なポイント

ページかカテゴリか？
動的ページか、静的ページか？
カテゴリ名と構造をしっかり決める
コンテンツの増減や、アーカイブの蓄積・カテゴライズが必要かどうか、設計をしっかり検討する

と、スライドに書いたのですが、「静的動的」というのは不要ですね。
いずれにしても、カテゴリ名・構造をしっかり決めることと、Webページとブログ記事のどちらを用いるかという切り分けは非常に重要です。
コーディング時に困らないためにも、設計はしっかりおこなってください。

MTタグの基本

これは書籍等見ていただいた方が早いので、リンクだけ。

Movable Type テンプレートタグの種類と働き | Movable Type 4 ドキュメント
- ブロックタグ
- ファンクションタグ

Movable Type テンプレートタグの種類と働きのページは必読です。
このページに記載されているタグの記述をテストしてみたい人は、MTの管理画面からテスト用のインデックステンプレート（メインインデックスのコピーなどを作成すると良いでしょう）を作って、試して見ると良いです。

テンプレートモジュールについて

MovableTypeのテンプレートモジュールは、Dreamweaverのライブラリに非常に似ていると思うのですが、参加メンバーの中にこの機能のことを知っている人があまりいませんでした。残念。
また、WordPressでのサイト構築経験のあるかたには、ファイルをインクルードするいう説明でピンと来たようでした。

なお、モジュール内では条件分岐の記述が可能です。

トップページだけJSファイルを読み込む
ウェブページのみ特定のCSSファイルを読み込ませる
特定のカテゴリのページのみ、サイドバーの表示を変える

といった処理が可能です。

ウェブページとカテゴリの違い

ウェブサイトを管理する『ブログ』と『ウェブページ』の使い分け | Movable Type 4 ドキュメント

このページに掲載されている図版がわかりやすいです。
なお、「ファイル（アイテム）」は、画像以外に音声ファイルやPDFなどにすることも可能です（かならずしも画像でなくても良い）。
なので、今回のサンプルサイトでは、商品画像のサムネイルを出しましたが、例えばプレスリリースのPDFをアップしておいて、PDFの一覧を出力する、というような使いかたも可能です。