★Movable Type 5.1の概要

■Webサイト全体を管理するCMS

■「ウェブサイト」機能でWebサイトを管理

■ウェブサイトに「ブログ」を入れることもできる

■ウェブサイト／ブログ間の連携

★テーマとスタイルキャッチャーの利用

■テーマを入れ替える

★Movable Type 5.1の概要

本書では、Movable Type 5.1を使ってWebサイトを作る方法を解説していきます。その第一歩として、Movable Typeの全体的な概要から話を始めます。

■Webサイト全体を管理するCMS

ここ数年、CMS（Contents Management System、コンテンツ管理システム）という言葉を聞く機会が多くなりました。Webサイトは多くのコンテンツから構成されますが、それらのコンテンツを管理し、多彩な形態でWebページとして出力することができるのが、CMSの特徴の1つです。

Movable Typeも、CMSの一種と言える製品です。Movable Typeは、元々はブログを管理するための製品でしたが、ブロガーだけでなくWeb製作者に使われる機会が増え、それにともなってCMS的な機能が強化されてきました。

そして、Movable Type 5以降では、「ウェブサイト」という概念があらたに導入されました（詳しくは後述）。これによって、「CMS的な機能もあるブログ管理ツール」から、「ブログも管理できるCMS」へと、変化を遂げたといえます。

■「ウェブサイト」機能でWebサイトを管理

一般的なウェブサイトでは、トップページがあり、それ以外のページはフォルダ（ディレクトリ）によって階層化されていることが多いです（図1.1）。

Movable Type 5.1の「ウェブサイト」の機能では、「ウェブサイト」の中に「フォルダ」と「ウェブページ」を作って、このような構造のWebサイトを管理することができます。

また、個々のウェブページは、ひな型（テンプレート）に沿って出力します。そのため、ウェブサイト内の各ウェブページの構造やデザインを、テンプレートで統一することができます。

さらに、Webサイトの中には、スタイルシートや外部JavaScriptなど、HTML以外のファイルを入れることもあります。これらのファイルも、「インデックステンプレート」というテンプレートで管理することができます。

図1.1　一般的なウェブサイトの構造

■ウェブサイトに「ブログ」を入れることもできる

前述したように、Movable Typeは元々はブログを管理するツールでした。Movable Type 5.1でも、当然ながら、ブログを管理することもできます。

時系列的に管理したい情報や（例：新着情報）、カテゴリに分けて管理したい情報は（例：商品カタログ）、ブログとして管理するのに適しています。

ただし、Movable Type 5.1は、Movable Type 4.xまでとは異なり、「ブログは、ウェブサイトを構成する1つの部品」という扱いになっています。また、1つのウェブサイトの中には、複数のブログを入れることができます。

例えば、企業サイトを作る場合だと、1つのウェブサイトの中に、「新着情報」「商品カタログ」「社長日記」などの複数のブログを立てて管理する、といったことができます。

図1.2　ウェブサイトの中にブログを入れて管理する

ブログでは、記事をカテゴリごとにまとめたり、年別／月別／日別などでまとめたりして出力することが一般的です。Movable Type 5.1のブログの機能でも、カテゴリごとや年別などで記事をまとめて、「アーカイブページ」として出力することができます（図1.3）。

また、個々のアーカイブページは、「アーカイブテンプレート」というテンプレートに沿って出力されます。したがって、個々のアーカイブページも、ブログ全体で構造やデザインを統一することができます。

さらに、アーカイブページは複数種類作ることができます。例えば、パソコン用のアーカイブページと、携帯用のアーカイブページを作り分ける、といったことも可能です(※)。

なお、ウェブページはフォルダで分類することができますが、時系列やフォルダ別のアーカイブページを出力することができません。前述したように、時系列的な要素があるページや、カテゴリ分けしたいページは、ブログを使って管理する方が良いでしょう。

図1.3　記事をカテゴリごとや年ごとにまとめてアーカイブページを出力することができる

■ウェブサイト／ブログ間の連携

Movable Type 5.1では、ウェブサイトとその中の個々のブログを連携させたり、ブログどうしを連携させたりすることもできます。例えば、ウェブサイトのトップページに、そのウェブサイトに属するブログの新着記事を一覧表示することができます（画面1.1）。

ただし、紙面の都合上、本書ではウェブサイトとブログの間の連携については解説しません。本書の続編（Volume 2）で解説します。

画面1.1　ウェブサイトのトップページに、そのウェブサイトに属するブログの新着記事を一覧表示する

★テーマとスタイルキャッチャーの利用

Movable Type 5以降ではテーマ機能が追加され、テンプレート一式を入れ替えることが簡単になりました。また、テンプレートはそのままで、スタイルシートだけを入れ替える「スタイルキャッチャー」という機能もあります。

■テーマを入れ替える

Movable Type 5以降の新機能の1つに、「テーマ」があります。テーマは、テンプレートをはじめとして、サイトを構成する要素一式を、一度に切り替える機能です。既存のテーマを利用することで、サイトのデザイン等を手軽に切り替えることができます。

テーマを入れ替えるには、対象のウェブサイトまたはブログの管理画面で、「デザイン」→「テーマ」メニューを選びます。すると、現在インストールされているテーマが一覧で表示されます（画面2.74）。Movable Type 5.1には、標準で表2.2のテーマが同梱されています。

使いたいテーマを選んで「適用」ボタンをクリックすると、そのテーマが適用され、テンプレート等が入れ替わります。その後、ウェブサイト（またはブログ）全体を再構築すると、そのテーマに沿ったページが出力されます。

ただし、テーマを切り替えると、それまで使っていたテンプレートはすべて削除されます。「ちょっとテーマを試してみて、気に入らなかったら元に戻したい」という時は、現在使用中のテンプレートをいったんテーマとして書き出しておくようにします。こうすれば、書き出したテーマに戻すことができます。テーマを書き出す方法は、後の149ページで解説します。

画面2.74　テーマの一覧（ブログの場合）

表2.2　Movable Typeに標準で同梱されているテーマ

ライセンス形態

ウェブサイト用

ブログ用

全ライセンス共通

クラシックウェブサイト

クラシックブログ
Pico

商用ライセンス／個人無償ライセンスのみ

プロフェッショナルウェブサイト

プロフェッショナルブログ
コミュニティブログ
コミュニティ掲示板