« JUGEMブログに、CSSEZで作成したテンプレートを設定するには。

Movable typeでCSSEZで作成したデザインを使用する方法。

マウス操作でブログテンプレートを作成することができる「CSSEZ」は、MovableTypeにも対応しています。そこで、ここでは、CSSEZで作成したテンプレートをMovable Typeに設定する方法を紹介します。

1. まずCSSEZでデザインを作成した後のダウンロード画面で、「テンプレートの形式」を「Movable type(TypePad)」に設定してデザインをダウンロードしてください。
ImageShack

2. フォルダを解凍すると、中には、system, index, archivesという3つのフォルダが入っています。
ImageShack

3. では、Movable Typeの管理画面へログインしてください。ログイン後、左側のメニューから「テンプレート」をクリックします。
ImageShack

4. 以下の対照表に合わせて、デザインをコピー&ペーストで貼り付けてください。全て貼り付けたら、再構築を行ってください。

ダウンロードしたデザインの構造は以下のようになっています。
- デザイン
  ├ system … システムタブ
  │ ├ trackback_list.html … トラックバックの一覧
  │ ├ cpending.html … コメント・保留
  │ ├ comment_preview.html … コメント・プレビュー
  │ ├ comment_list.html … コメントの一覧
  │ └ comment_error.html … コメント・エラー
  ├ index … インデックスタブ
  │ ├ styles-site.css … スタイルシート
  │ ├ index.html … メインページ
  │ └ archives.html … アーカイブページ
  └ archives … アーカイブタブ
    ├ entry.html … エントリー・アーカイブ
    ├ date.html … 日付・アーカイブ
    └ category.html … カテゴリー・アーカイブ

再構築を行ったら完了です。デザインが適用されているか確認してください。

また、デザインを作成していない方は、この機会にCSSEZ作成ページから、オリジナルデザインを作成してみてはいかがでしょうか。

One Response to “Movable typeでCSSEZで作成したデザインを使用する方法。”

  1. 冥水 Says:

    - デザイン
      ├ system … システムタブ
      │ ├ trackback_list.html … トラックバックの一覧
      │ ├ cpending.html … コメント・保留
      │ ├ comment_preview.html … コメント・プレビュー
      │ ├ comment_list.html … コメントの一覧
      │ └ comment_error.html … コメント・エラー
      ├ index … インデックスタブ
      │ ├ styles-site.css … スタイルシート
      │ ├ index.html … メインページ
      │ └ archives.html … アーカイブページ
      └ archives … アーカイブタブ
        ├ entry.html … エントリー・アーカイブ
        ├ date.html … 日付・アーカイブ
        └ category.html … カテゴリー・アーカイブ

Leave a Reply