オリジナルのテーマを作成、エクスポートする
オリジナルのテーマを作成するには、二つの方法があります。
- Movable Typeの管理画面で、現在のブログのデザインをテーマとしてエクスポートする
- テーマの設定ファイルやテンプレートを、自分で作成する
手軽なのは管理画面でテーマをエクスポートする方法です。テーマのファイルを自分で作成する方法は、技術的な知識が必要ですが、より柔軟性があります。本ページでは、管理画面でテーマを作成、保存する方法を解説します。
テーマ用にブログ(ウェブサイト)をカスタマイズする
まずは、Movable Typeでxウェブサイトやブログをデザインします。テーマに保存できる項目は以下の通りです。
- テンプレート
- デザインで利用する、画像などのファイル
- カテゴリー
- フォルダ
- カスタムフィールドの設定
テンプレート
ブログのテンプレートは、カスタマイズします。テーマとして書き出すためには、以下の点を注意します。
- 他のブログのテンプレートをIncludeせず、同じブログ内でテンプレート構造を完結させる。
- リンクや画像のURLは、絶対パスで記述せず、ブログルートからの相対パスで記述する。
- カテゴリーやフォルダ、カスタムフィールドをテンプレートタグで指定する場合は、それらを忘れずにテーマに含める。
- プラグインに依存するMTタグがある場合は、必要なプラグインを同時に配布する。
テーマで利用するファイル
デザイン用の画像やJavaScriptを、テーマにエクスポートします。標準では、以下の拡張子のファイルが含まれます。環境変数の、ThemeStaticFileExtensions を指定すると、エクスポートするファイルの種類を追加できます。
- jpg, jpeg, gif, png, js, css, ico, swf, flv
テーマで必要なファイルは、ブログのサイトルートにフォルダを作成してアップロードしてください。エクスポート時に、フォルダを指定してファイルをテーマに含めます。トップレベルのフォルダのみ指定可能です。サブフォルダは指定できませんが、指定したトップレベル内のサブフォルダのファイルはエクスポートされます。例えば、以下のようなフォルダにファイルをアップロードします。
サイトルート/ theme-images/ logo.jpg corner.png theme-js/ jquery.theme.js theme-css/ theme.css
カテゴリーとフォルダ
テーマにエクスポートする、カテゴリとフォルダを作成します。カテゴリごとにアーカイブのデザインを変更することができます。テーマを適用すると、自動でカテゴリとフォルダが作成されます。
テーマのエクスポート
以下の手順でテーマをエクスポートします。
- ナビゲーションから、ウェブサイトあるいはブログを選択します。
- サイドメニューから、[ツール]の[テーマのエクスポート]を選びます。
テーマの設定項目
- 名前(必須)
管理画面のテーマ一覧に表示する名前です。
- 出力ファイル名(必須)
/themes/ フォルダに、出力ファイル名でテーマを保存します。アルファベット、数字、ダッシュ(-)、アンダースコア(_)のみ利用できます。
- バージョン(必須)
テーマの内容を更新したら、バージョン番号を新しくします。
- 説明
管理画面のテーマ一覧に表示するテーマの説明です。
- 作者名(必須)
このテーマの作者の名前。
- 作者のページ
作者のホームページ。作者名からリンクします。
オプション
テーマに含めてエクスポートする項目のチェックボックスを選びます。"詳細"をクリックして、エクスポートする内容を選択します。
- カスタムフィールド
ブログ記事やウェブページのカスタムフィールドをテーマに含めます。
- ファイル
詳細をクリックしてフォルダ名を入力します。フォルダ名は、フォーム内に一行ずつ記載します。ブログのサイトルート直下のみ指定可能です。
theme-images theme-js theme-css
- カテゴリ
カテゴリをテーマにエクスポートすると、テーマ適用時に、自動でカテゴリを作成します。
- フォルダ
フォルダをテーマにエクスポートすると、テーマ適用時に、自動でフォルダを作成します。
- テンプレートセット
カスタマイズしたテンプレートをエクスポートします。詳細をクリックして、テーマとして必要なテンプレートを選択してください。
- 出力形式
-
- "テーマディレクトリへのインストール" : このMovable Typeの/themes/フォルダにテーマを保存します。保存したテーマは、ブログやウェブサイトの[テーマの一覧]に表示されます。
- "zip形式アーカイブでダウンロード" : テーマをzip形式でダウンロードして、他のMovable Typeにインストールします。
項目を指定したら、[テーマのエクスポート]ボタンをクリックします。
テーマを配布する。別のMovable Typeで利用する
作成したテーマは、別のMovable Typeで利用したり、インターネットで配布できます。
- ダウンロードしたフォルダを解凍して、他のMovable Typeの /themes/ フォルダにアップロードします
- 管理画面のテーマ一覧に表示されます。