FC2ブログテンプレートのdecoweb > 編集方法 > テンプレート設定方法

テンプレート設定方法

ダウンロードしたデータは解凍できたかな?

ここではダウンロードしたテンプレートをFC2ブログ管理画面から設定する方法を教えます。
(※FC2ブログユーザーでない方は公式サイトより新規ユーザー登録を先に行ってください)

Step1

解凍してできたフォルダの中身を確認しておきましょう。
フォルダを開くと中に以下のようなファイルが入ってるよ。

FC2ブログ設定方法イメージ図

確認したら、FC2ブログにログインして管理画面から設定するよ。

Step2

FC2ブログの管理画面の左メニューの環境設定にある『テンプレートの設定』をクリック。

FC2ブログ設定方法イメージ図

クリックすると以下のような『テンプレートの設定』の画面が開きます。

FC2ブログ設定方法イメージ図

『ダウンロードしたテンプレートの一覧』に現在設定されているテンプレートやダウンロードしたテンプレートの一覧があるよ。

FC2ブログ設定方法イメージ図

その一覧のどれでもいいので『複製』をクリック。

FC2ブログ設定方法イメージ図

すると一番したの段にコピーができるよ。

FC2ブログ設定方法イメージ図

コピーされたテンプレートの『編集』をクリック。

FC2ブログ設定方法イメージ図

『テンプレートの編集』画面が開き、HTMLとスタイルシートの編集ができるよ。

FC2ブログ設定方法イメージ図

まずは、『名称』をわかりやすい名前に変更。
(半角英数字、ハイフン、アンダーバー 20文字まで)

FC2ブログ設定方法イメージ図

次にダウンロードしたファイルのHTMLとスタイルシートをそれぞれ上書きします。

ダウンロードしたHTMLテキストを開き『編集』の『すべて選択』をクリック。(『Ctrl+A』)

FC2ブログ設定方法イメージ図

HTML文章が全て選択されるので、『編集』の『コピー』をクリック。(『Ctrl+C』)

FC2ブログ設定方法イメージ図

コピーしたら、FC2ブログの管理画面の『HTMLの編集』のHTML文章を全て削除し(またはすべて選択『Ctrl+A』)、『編集』の『貼り付け』をクリック。(『Ctrl+V』)

FC2ブログ設定方法イメージ図

FC2ブログ設定方法イメージ図

FC2ブログ設定方法イメージ図

同じようにダウンロードしたスタイルシートをコピーして、FC2ブログの管理画面の『スタイルシートの編集』に貼り付けてね。

FC2ブログ設定方法イメージ図

HTMLとスタイルシートに貼り付けたら『更新』ボタンをクリック。

FC2ブログ設定方法イメージ図

※画像はdecowebサーバーにUPしているので、FC2ブログ管理画面よりアップロードしなくて大丈夫です。

Step3

サイトの確認をしてみよう!

FC2ブログ管理画面の『ダウンロードしたテンプレートの一覧』に作成した名前の『プレビュー』をクリック。

FC2ブログ設定方法イメージ図

プレビューでチェックOKなら『適用する』をクリックしてテンプレートを変更。

FC2ブログ設定方法イメージ図

FC2ブログ設定方法イメージ図

トップページ以外のページも無事に切り替わったか確認してね。