公式テンプレート「basic_white」を使って背景色を変更してみよう!


いつもFC2ブログをご利用いただきありがとうございます。
FC2ブログスタッフです。

ブログで使っているテンプレート、使いやすいし、デザインも悪くはないんだけど、
配色とか、少しだけ変えられたらいいなと思ったそこのFC2ブログユーザー様!

今回の記事では、公式テンプレート「basic_white」を使って、ブログ背景色の変更方法をご紹介いたします。

公式テンプレート「basic_white」を使用テンプレートに設定する


20201204.png

1.管理画面の中の「設定」から「テンプレートの設定」に移動します。
2.「公式テンプレートの追加」をクリックします。

0220201204.png

3.赤枠で示されている検索窓に「basic_white」と入力、「検索」ボタンをクリックし検索結果を表示させます。

テンプレートの設定で「background」という文字を画面内検索する(Ctrlキー+Fキー)



main_header.png

テンプレートの設定でbackgroundを画面内検索、
CSSの編集画面上で検索に引っかかった2つの赤枠内を見てみます。
※よく見えない場合は画像をクリックすると別タブで画像を閲覧できますのでご確認ください!
「#」から始まる部分はカラーコードといい、ウェブサイトの色を設定することができるコードです。

今回の場合、1つ目の赤枠では、ブログ全体の背景色を設定していて、
2つ目の赤枠では、ヘッダー(ブログの上部)部分の色を設定しています。

カラーコードを変更し、背景色とヘッダーの色を変更する



カラーコードの場所が分かったら、早速自分の好みに合った色を設定してみましょう。
以下のようなカラーコードがまとめられたサイト等を使って、好きな色に設定されている
カラーコードを調べることができます。

▼WEB色見本 原色大辞典 - HTMLカラーコード
https://www.colordic.org/


好きな色のカラーコードが見つかったら、コードをコピーして、
先程のテンプレートの編集画面、CSSの編集ページに行き、
「#」から始まるコードと差し替えてみましょう!

「プレビュー」ボタンを押すと、色が変更された状態のブログページが確認できます。

その他の箇所にも色が設定されている場合は、
今回の箇所と同じような手順で色の変更が可能でので、ぜひお試しください。



FC2サービスでは、お客様からのご要望やリクエストを募集しております。
もし宜しければ、FC2ブログに関するご意見・ご要望を
下記のページからご投稿いただけますと幸いです。

▼FC2リクエスト
https://request.fc2.com/


FC2ブログに関してご不明な点がある場合は、
下記の専用お問い合わせフォームより詳細を添えてお問い合わせをお願いいたします。

▼FC2ブログお問い合わせフォーム
https://form1ssl.fc2.com/form/?id=15028
関連記事

【公式】FC2ブログスタッフ

FC2ブログの使い方やおすすめブログのご紹介など、FC2ブログのスタッフによる公式ブログです🐤

月間500億越えのPV数を誇るFC2サービスを使いこなして、ブログで情報発信していこう♪

FC2ブログ 公式ちゃんねるの公式Twitterも、フォローよろしくお願いします!



皆様の応援を心よりお待ちしております👌

web拍手 by FC2

検索フォーム

最新記事

新管理画面でTwitterとの連携/連携解除をしてみよう!【2021年最新版】 2021/05/06
カウンター画像をブログ上で非表示にする方法って? 2021/04/29
FC2ブログでFC2アフィリエイトプログラムを利用してみよう!2021年更新版 2021/04/22
スマートフォンでFC2ブログを利用してみよう!~FC2動画を投稿する方法編~ 2021/04/15
FC2おすすめブログのご紹介♪『Webテク倉庫』 2021/04/08

公式ブロガー

FC2ブログの公式ブロガーとしてご活躍されているブロガー様のご紹介です♪