FC2ブログのカスタマイズ方法

第1回目の講義は、FC2ブログのカスタマイズ方法について説明します。


FC2ブログ をカスタマイズするには、テンプレートを編集します。CSSやHTMLの知識があれば、自分好みのブログにカスタマイズすることができます。

■ FC2ブログの特徴
FC2ブログの特徴として、カスタマイズする際に、テンプレートを編集しても再構築をする必要がありません。記事が増えてきても、再構築が終了するまで待つということもなく、即座に変更後のサイトを確認することができます。また、テンプレートもCSSやHTMLの2種類のみで、HTMLが個別記事やメインページなどに分別されておらず、一つのファイルにまとめられているということも特徴的です。


FC2ブログ のテンプレートを編集する手順です。

FC2ブログ テンプレート編集方法
1.	管理画面の左メニューから「テンプレートの設定」をクリックします。
2.	編集するテンプレート名の右側にある「編集」をクリックします。
3.	編集フォーム（名称、HTML、スタイルシート）にて編集をします。
4.	編集後、「更新」ボタンを押すと、編集内容が保存・適用されます。

ただし、テンプレートを編集する前に、下記の点を注意してください。

■ 編集する前に、必ずバックアップをとりましょう。
テンプレートを編集し、「更新」をクリックすると、失敗したり、気に入らなかった場合でも元に戻せません。ですので、編集する前には、必ずバックアップをとりましょう。そうすれば、何度でもやり直せます。

バックアップ方法は、テンプレートのソース内で右クリックして、「すべてを選択」、「コピー」を選択し、メモ帳などに貼り付けると簡単です。

コントロールキーを使うと、さらに簡単です。
・「Ctrl」+「A」（すべてを選択）
・「Ctrl」+「C」（コピー）
・「Ctrl」+「V」（貼り付け）

■ 編集は、Web上ではなく、テキストエディタなどで行いましょう。
Web上で直接テンプレートを編集すると、失敗した場合でも元に戻せません。ですので、編集する際には、テキストエディタなどで編集し、編集前のテンプレートはバックアップをとっておきましょう。

テキストエディタは、メモ帳でも構いませんが、Tera Pad（無料ソフト）を利用すると、行番号や元に戻せる機能など付いてますので、便利です。

編集後は、ファイル内容のすべてをコピーし、テンプレートのソース内で右クリックし、「すべてを選択」、「貼り付け」をクリックすると、簡単に貼り付けることができます。


カスタマイズやテンプレート編集に便利なツールを紹介します。当サイトの作成時に利用しています。

ブログカスタマイズに便利なツール
TeraPad	TeraPadは無料のテキストエディタです。 行番号、URL/メールアドレスのカラー表示、Undo/Redo、画面分割などの機能は、テンプレートをカスタマイズする際には便利です。
たぬきのしっぽ	オンラインのCSS（スタイルシート）エディタです。URLを入力だけで起動し、簡単にスタイルシートを編集できます。ブログのセレクタなどがいまいち分からない方には、おすすめです。

カスタマイズする前にバックアップをとっておくと、何度でもやり直せますので、いろいろ挑戦してくださいね。

[関連記事]
・FC2ブログ（blog）とは
・FC2ブログ（blog）の開設はこちら>>



[次の講義へ] → ファイルのアップロード方法