FC2ブログのテンプレートをカスタマイズする

無料ブログのカスタマイズとしてまずはFC2ブログを取り上げます。なぜFC2ブログなのかというとHTMLとCSSがセットで表示されていて、編集対象がわかりやすいから。

では早速カスタマイズに...と行きたいところですが、まずは編集対象のテンプレートを複製しておきましょう。

デザインテンプレートの複製

「環境設定」→「デザインテンプレートの設定」の順にクリックするとデザインテンプレートの管理のページが表示されます。今回FC2さんのdiaryというテンプレートを編集することにします。題材があったほうが理解しやすいでしょうからね。まずは事前にこのテンプレートを複製しておきます。

一覧の編集対象とするテンプレートの複製をクリックします。このとき自動で_?（?は数字）のテンプレートが作成されます。公式テンプレートは複製しなくても追加しなおすだけですが、もとのテンプレートと比較するには手元にあったほうがいいですからね。

同じく一覧の編集というリンクをクリックすると同一ページのHTMLおよびCSSの編集エリアに移動します。

↓実際に表示された内容です。 ○○のHTML編集、○○のスタイルシート編集と表示されています。一覧からただスクロールさせるだけだと編集対象のテンプレートの内容（ソース）は表示されません。ちゃんと対象のテンプレートかどうかは○○の部分で確認してください。

次回からはdiaryをベースにカスタマイズの方法を説明したいと思います。