小粋空間: FC2ブログでのテンプレート設定方法

Top ＞ FC2ブログ＞テンプレート＞ FC2ブログでのテンプレート設定方法

2006年6月 9日

FC2ブログでのテンプレート設定方法

Posted at June 9,2006 1:55 AM
Category：[テンプレート]
Tag：[FC2, Template]

FC2ブログ登録方法の続きで、当サイトのテンプレートを設定する方法を紹介します。

FC2ブログに、登録したIDでログインしてください。ログイン後にスクリーンショットのような画面が表示されますので、左側のちょっと下にある「テンプレートの設定」をクリックします。

画面中央右にある「修正」をクリックします。

このようにテンプレート編集画面が表示されます。まず青枠で括っている「HTMLの編集 xxxxを編集しています。」の下のテキストエリアの内容を消去します。

Windows でテキストエリアの内容をまとめて削除するには、テキストエリアの任意の位置をクリックし、その状態で Ctrl+a をタイプ入力するか、マウスを右クリックして「すべてを選択」を選択します。選択できるとテキストが反転した状態になりますので、Delete キーを入力してください。

削除すると、このようにテキストエリアに何もない状態になります。

ブラウザをもうひとつ開いて、当サイトのFC2ブログテンプレートを開きます。この記事の下の方にテンプレートがあります。ここでは「HTML（通常カレンダー版）」の下にあるテキストエリアを選択状態にします（テキストエリアのどこかを右クリックするだけで全てが選択されます）。選択状態になったら、Ctrl+c またはテキストエリアのどこかにマウスがある状態で右クリックして「すべて選択」を選択します。これで新しいテンプレートがメモリに記憶された状態になりました。

FC2ブログのテンプレート編集画面を開いているブラウザに戻り、先ほど空にしたテキストエリアのどこかをクリックして、Ctrl+v または右クリックして「貼り付け」を選択します。これで新しいテンプレートがテキストエリアに設定されました。ついでにその上にある名称も「koikikukan」等に変更しておきます。これで上下いずれかの「更新」をクリックし、変更したテンプレートを保存します。

保存がOKであれば、左のようなメッセージが表示されます。

次はスタイルシートの変更を行います。前の画面で「編集」をクリックして、次のページをスクロール（下に移動）してスタイルシートのテキストエリアを表示します。

このテキストエリアも、前のHTMLと同様の手順で空っぽの状態にしてください。

もうひとつのブラウザで開いている、当サイトのFC2ブログテンプレートから「スタイルシート」の下にあるテキストエリアを選択状態にします（テキストエリアのどこかを右クリックするだけで全てが選択されます）。

空のテキストエリアに貼り付けて、保存をクリックします。

保存できたら左のようなメッセージが表示されます。ここまで終わったら、左メニューにある「ブログの確認」をクリックしてください。

当サイトのブログが表示されれば完成です。お疲れ様でした。

現在使っているデザインはそのままで、デザインをもうひとつ追加して、そこに当サイトのテンプレートを適用する場合は、「公式デザインから新しくダウンロードする」「共有デザインから新しくダウンロードする」のいずれかをクリックしてください。

任意のテンプレートを選んで右側の「このテンプレートを追加する」をクリックします。

これで新しいテンプレートが追加されますので、「修正」をクリックして先ほどと同じ手順でテンプレートを差し替えてください。テンプレートを差し替えた後、青枠にある「このテンプレートに変更」を必ずクリックしてからブログ画面を確認してください。

「FC2ブログの共有デザインに登録すれば？」というツッコミはなしで（笑）。

Posted by yujiro

« FC2ブログ登録方法 | Main | Seesaaブログテンプレート更新 »

人気エントリー

トラックバックURL

このエントリーのトラックバックURL:

このブログは重複トラックバック防止プラグインにより、同一エントリーに対する同一のトラックバックは登録されないようにしています（記事のタイトルまたは記事の概要が異なる場合は登録されます）。

コメントする

名前（N）: *必須

メールアドレス（M）:

URL（U）:

情報を保存する？

コメント（C）:

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り（プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り）、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「<」、「>」は「>」と入力してください。例えば「<$MTBlogURL$>」は「<$MTBlogURL$>」となります（全て半角文字）