FC2ブログではオリジナルのテンプレートを作成してブログデザインをカスタマイズすることができます。オリジナルブログテンプレートを簡単に作成できる無料ツール「CSSEZ」はFC2ブログに対応していますので、それを利用してFc2ブログをオリジナルデザインにカスタマイズすることができます。

では早速CSSEZで作成したデザインのFC2ブログ テンプレートへの設定方法を説明します。

1. まず、CSSEZのデザイン作成画面でデザインを作成したら、ダウンロード画面のテンプレート形式で「FC2ブログ」を選択してデザインをダウンロードします。

2. デザインをダウンロードして、中を見てみるとpublic_htmlフォルダに二つのファイルが入っています。index.htmlとstyle.cssです。index.htmlはFC2ブログの管理画面からテンプレートのカスタマイズ機能で、HTMLとして使用し、style.cssはスタイルシートして使用します。

3. ではCSSEZで作成したオリジナルデザインをFc2ブログに設定しますので、Fc2ブログの管理画面 を開いてください。Fc2ブログの管理画面の左メニューから「テンプレートの設定」という項目をクリックします。

4. テンプレートの設定画面で、「ダウンロードしたテンプレートの一覧」から適当にデザインを「複製」してください。そうすると、xxx_copyというデザインが新たにできますので、そのFc2ブログテンプレートの「編集」という リンクをクリックしてください。

テンプレートの編集画面では、3つの欄があります。一番上の1行のみのテキスト欄はそのデザインの名前を記入するところです。適当な名前をつけてください。

2番目の大きなテキスト欄は、テキスト欄の上に書いてあるとおりHTMLを編集する場所です。CSSEZからダウンロードしたテンプレートに入っていたindex.htmlの内容をすべて コピーしてHTMLの編集欄に貼り付けてください。

5. 一番下にある大きな記入欄はスタイルシートを編集する欄です。CSSEZからダウンロードしたFc2ブログ用テンプレートのstyle.cssをメモ帳などで開いてすべての内容をスタイルシートの編集欄へ貼り付けてください。

これがすべて済んだら 「更新」ボタンをクリックすると、デザインを保存することができます。

あとは、デザインを適用してブログを確認してみてください。きちんとあなたのFc2ブログのテンプレートがオリジナルのものに変更されていれば完了です。

もし、何かわからないことがあれば、お気軽にこのエントリーにコメントしてください。