FC2ブログ背景色変更方法を図説で詳細に!

目安時間:約 4分

 

FC2ブログを運営している人は結構いらっしゃるので、差別化したいなと思った時は見た目を変えるのが手っ取り早いですよね。

 

そんな時に欠かせない「背景色を変更する方法」を紹介します。

 

今回使用するテンプレートは[ basic_white ]です。一番初めに設定してあるテンプレートですね。

背景色を変更するには…

 

背景色を変更するには、スタイルシート部分のbody部分にある背景設定の色を変更する必要があります。

一口に言うと「なんのこっちゃ」とわかりにくいので、一緒にやっていきましょう。

 

設定タブのテンプレートの設定を開く

ブログの背景色を変更するためには設定タブの「テンプレートの設定」を開きます。

するとこのような画面が表示されます。

 

失敗した時用にテンプレートの複製を作成&適用

そしたら、もし万が一間違った時の為に複製で作業しましょう。

 

赤旗がついているテンプレートの右端に「複製」と書かれた部分があるのでそれをクリックしてください。

複製できました。

 

そして新たに作った複製の左端の丸ぽちをクリックし、「適用」と書かれたボタンをクリック。

 

これで複製したテンプレートを適用することができました。

 

 

スタイルシートの背景設定部分を探す

テンプレートの複製ができたら下にスクロールしてスタイルシートの編集画面に移行します。

 

そして背景設定部分を探します。

こういう部分があるので、探し出してください。ここが背景設定部分です。

そしたら、

#container {
background-color: #FFFFFF; /* 全体の背景色 */
}

と書かれている所の#FFFFFFを変更します。この#FFFFFFの部分が色を記述している部分になります。

 

見てわかるとおりなんですが、色を変更する時に、#FFFFFFの部分に普通に「赤」とか、「緑」とか私たちが普段使っている色の名前を入れても背景色は変わらないので、パソコンが理解できる言葉にしなければなりません。パソコンが理解できる色の名前をカラーコードと言います。

 

そのカラーコードがこのサイト(原色辞典)に沢山載っています。ここから自分の好きな色のカラーコードを持ってきましょう。

 

カラーコードをコピーしてきたら、

#container {
background-color: #FFFFFF; /* 全体の背景色 */
}

と書かれている所の#FFFFFFを消し、張り付けてください。

 

私は今回「#ba55d3」(薄紫?)にしました。

 

 

コピー&ペーストが済んだら本当に変更できているか確認します。「プレビュー」と書かれたボタンを押してください。

 

 

このように背景が変わっている事を確認できます。これで大丈夫そうですね。

 

 

確認が終わったら「更新」と書かれた青いボタンをクリックします。

 

これで背景色の変更は完了です。

 

 

 

 

この記事に関連する記事一覧

コメントフォーム

名前

メールアドレス

URL

コメント

管理人プロフィール

 

アフィリ猫:管理人

ブログアフィリエイトアドバイザー。
女子大生向けブログアフィリエイトの情報を発信する人(猫)。

管理人詳細プロフィール

 

ひきこちゃん

私立大学に入学してから学費を自分で払うためにアルバイトを探している女子大生。しかし、人と関わるのが苦手で在宅仕事をしたいと考ていたところ、ブログアフィリエイトに巡り合う。月5万円を稼ぐのが目標。

 

おすすめ商材

アンリミテッドアフィリエイト
 
●1商品で942万円稼ぎ出す仕組み「Unlimited Affiliate NEO(アンリミテッドアフィリエイトネオ)」
 
アフィリエイトで稼ぐ方法をまとめた超大作。
内容がみっちり詰まっているので大変ですが、これを実践すれば間違いはありません。

最近の投稿
カテゴリー
最近のコメント
メタ情報
アーカイブ

ページの先頭へ