Movable Type5の新機能「テーマ」について　その2

こんにちは。味藤です。

前回は「テーマ」とは？をお話しました。今回は「テーマ」のエクスポートをできるようになりましょう！

テンプレートができてこのテンプレートを今後のWebサイト作りの土台にしたい！、いろんな人に配布したい！となった時はエクスポートしなくてはいけません。
エクスポートする時の注意は以下の4点です。

• 他のブログのテンプレートをIncludeせず、同じブログ内でテンプレート構造を完結させる。
• リンクや画像のURLは、絶対パスで記述せず、ブログルートからの相対パスで記述する。
• カテゴリーやフォルダ、カスタムフィールドをテンプレートタグで指定する場合は、それらを忘れずにテーマに含める。
• プラグインに依存するMTタグがある場合は、必要なプラグインを同時に配布する。

上記の点を注意して、いざエクスポート！

～エクスポートの仕方～

• 1.管理画面のツールから「ブログテーマのエクスポート」にいきます。
  
• 2.名前、出力ファイル名などの項目に任意のものを記述してください。
• 3.オプションに「テーマ」に含みたいものを選択します。

  ■フォルダ

  MTの管理画面で作成したファルダが選択できるようになっています。
  自分でアップしたフォルダで「テーマ」に含みたいディレクトリは次の「ファイル」で入れてください。

  ■ファイル

  

  上の画像のように「テーマ」に含みたいディレクトリを、サイトパスからの相対パスで一行ずつ記入します。
  標準だと、以下の拡張子のファイルが含まれます。

  • jpg
  • jpeg
  • gif
  • png
  • js
  • css
  • ico
  • swf
  • flv

  ■テンプレートセット

  カスタマイズしたテンプレートやウィジェットで「テーマ」に含みたいテンプレートを選択してください。

• 4.出力形式を選択します。
• 5.テーマのエクスポート！！

以上でテーマのエクスポートは完了です！
出力形式を「テーマディレクトリへのインストール」にした場合は管理画面メニューのデザイン＜テーマでエクスポートした「テーマ」が確認できます。

エクスポートされた「テーマ」は/themes/フォルダに保存されています。

これで完成ーー！でもいいんですが「テーマ」のサムネイルがないですね。サクっと入れてしまいましょう。

～サムネール登録の仕方～

• 1.作ったWebサイトのキャプチャを撮ります。
• 2.リサイズして以下の名前をつけます。
  • thumb.png　400px×300px
  • thumb-medium.png　240px×180px
  • thumb-small.png　120px×90px
• 3.theme.yamlの「elements」直前に以下を追記します。（theme.yamlはエクスポートしたテーマの中に入っています。）

  		thumbnail_file: thumb.png
  		thumbnail_file_medium: thumb-medium.png
  		thumbnail_file_small: thumb-small.png
  		

• 4.画像をエクスポートしたテーマのフォルダに配置し、theme.yamlと共にアップ
• 5.完成！
  

これで基本的なエクスポートは完璧です。次回はインポートのやり方です！そしてテンプレートも配布しちゃいます。お楽しみに！

• 味藤　愛美
• 2009.12.24