私の無料メールマガジンの登録特典にしている、

FC2ブログ用デザインテンプレートの設置方法について

解説いたします。

FC2ブログの事前準備とバックアップ

まず、FC2ブログの管理画面にログインし、

左側にある「テンプレートの設定」をクリックしてください。

 

fc2メルマガ特典4色 説明1

 

すると、HTMLとスタイルシートを変更する画面が開きます。

画面の中ほどから下の方にかけて、編集欄が表示されるはずです。

 

fc2メルマガ特典4色 説明2

 

画面上の方にあるテンプレート管理(PC用)という部分を見ると

現在適用しているデザインテンプレートの名前が表示してあります。

 

赤いチェックマークが入っているのが、

いままさに適用しているテンプレートなので、

そのマークの入ったテンプレート名の右の方にある

「複製」というリンクをクリックしてください。

 

fc2特典バックアップ

 

「複製」をクリックすると、

テンプレート名のすぐ下に、コピーされたテンプレート名が表示されます。

 

fc2特典バックアップ2

 

今回は、

この複製されたテンプレート(赤いチェックマークが入っていない方)の

データを書き換えるので、チェックなしのテンプレート名の右にある

「編集」をクリックしてください。

 

以上で、FC2ブログ版特典テンプレートを設置するための

事前準備は完了です。

FC2テンプレートの展開および設置作業

続いて、このHTMLとスタイルシート部分を

特典テンプレートの内容と書き換えます。

 

ダウンロードした特典テンプレートのを用意してください。

 

ダウンロードされると、

以下のようなZIPファイルが保存されます。

 

fc2メルマガ特典4色 ZIP

 

このZIPファイルを解凍してください。

 

fc2メルマガ特典4色 ZIP解凍

 

解凍が完了すると、フォルダ内には下の画像のように

4つのフォルダと1つのテキストファイルが入っています。

 

fc2メルマガ特典4色 展開

 

まず初めにHTMLファイルをダブルクリックするか、

メモ帳などのテキストソフトで開いてください

 

fc2メルマガ特典4色 html

 

メモ帳で開くと、以下のような画面が表示されます。

 

fc2メルマガ特典4色 メモ帳

 

文字が記載してある画面内のどこかをクリックしてから

  • Windowsの場合 Ctrl +A
  • Macの場合 Command+A

で全部を選択したあと、そのまま

  • Windowsの場合 Ctrl +C
  • Macの場合 Command+C

でコピーしてください。

 

fc2メルマガ特典4色 htmlコピー

 

以上で特典テンプレートの展開および設定作業は完了です。

特典テンプレートの設置

次に、

FC2ブログの管理画面に戻ります。

 

FC2ブログの管理画面に戻ったら、HTML名に「tokuten」など

好きな名前を入力してください。

 

そして、下の赤枠の部分に先ほどコピーした特典テンプレートの

HTMLデータを貼り付けてください。

 

fc2メルマガ特典4色 html貼り付け

 

貼り付ける際は、

赤枠内のどこでも好きな部分で1回左クリックしたあと、

  • Windowsの場合 Ctrl +A で全選択してから Ctrl+Vで貼り付け
  • Macの場合 Command+A で全選択してから Command+Vで貼り付け

をするとスムーズにできます。

 

貼り付けが終わったら、一度「更新」ボタンをクリックして

保存しておきます。

CSSデータの書き換え

続いて、HTMLを書き換えたのと同じ要領で

CSSデータを書き換えます。

 

特典テンプレートのフォルダに移動後、

お好きな色が書かれたフォルダを開きます。

 

今回は、「青」フォルダを開いてみます。

 

fc2メルマガ特典4色 css

 

フォルダ内には「css青」というタイトルの

テキストファイルが入っているので、これをメモ帳などで開きます。

 

fc2メルマガ特典4色 css

 

HTMLを書き換えた時と同じ要領で

全選択してからコピーします。

 

fc2メルマガ特典4色 css2

 

FC2ブログの管理画面に戻り、

今度は画面の下の方にある「スタイルシートの編集」の

内容を書き換えて、「更新」をクリックします。

 

最後に、同じ画面内の上の方に戻り、

いま編集していたテンプレート名の左にあるチェック欄に

チェックを入れた後、

すぐ上にある「適用」をクリックしてください。

 

fc2メルマガ特典4色 適用

 

以下のようなデザインでブログが表示されるようになれば、

特典テンプレートの設定は完了です。

 

fc2メルマガ特典4色 青

 

今後、全体の基本色を別の色に変えたい場合は、

CSSだけ書き換えれば基本色が変えられます。

 

また、

やっぱり元のデザインに戻したい!という場合は

テンプレート管理(PC用)から元のテンプレート名にチェックを入れ、

「適用」をクリックすれば元のデザインに戻せます。

 

今回説明する際に利用したFC2ブログのテンプレートですが、

こちらの無料メールマガジンに登録することで入手することが可能です。

↓  ↓  ↓

無料メールマガジン

 

サテライトブログなどに活用できたりするので、

興味がある方は入手してみてください。

 

デザインテンプレートは色々なものを使っていればいるほど

自演リンクなどをする際にもSEO的に有利になります。

 

持っていて損することはないので、入手しておくと良さそうです。