Blogger テンプレートデザイナーの背景指定。

 「Blogger テンプレート デザイナー」について解説しています。今回は〔背景〕について検証していきたいと思います。背景といっても、ブログ全体についてなのか、各パーツに対して細かく、ピンポイントで設定できるのか、できる限り細かく検証してみたいと思います。





 背景    


 (※今回からテンプレートデザインを変更しているため、各項目の名称が若干変わっています。上図の場合〔Background〕となっていますが、このブログでは、今まで同様に〔背景〕で統一して解説を続けています。)

 〔背景〕についての指定エリアを見てみると、大きく分けて「外側の背景」、「メインの背景」、「枠線の色」の3つのエリアに分けられています。さらに、それぞれのエリアで、「このテンプレートの色」、「おすすめの色」に分けられています。


 設定の仕方は前回の〔ページのテキスト〕で解説した「テキストの色」の指定方法と同じです。

 つまり、テキストボックスに数字やアルファベットの入力で指定する16進数に対応した指定方法と、カラーチャートで指定するプルダウンメニューを展開して指定する方法が可能となっています。

 それでは、それぞれのエリアで指定した場合に、ブログにどう適用されていくのか見ていくことにします。

外側の背景


 最初に「外側の背景」について見ていきましょう。外側の背景ということはブログ全体に影響するということでしょうか? 下に指定エリアだけを抜き出して試してみましょう。基本的にそれぞれの内容は同じです。〔外側の背景〕から順に影響を検証します。

 それぞれの内容は同じですので、変更箇所を同じにすると、何処が変化するのか判断しやすいと思いますので、それぞれ、「おすすめの色」の中から、上段の右端のライトグリーンを選択して検証してみます。(検証後は元に戻して、それぞれ独立して検証します。

〔外側の背景〕の「おすすめの色」の中から、上段右端のライトグリーンを選択した場合。




※ブログメイン部分の外側、オレンジ系だった背景が指定色のライトグリーンに変化しました。


〔メインの背景〕の「おすすめの色」の中から、上段右端のライトグリーンを選択した場合。


※ブログのメイン部分である、記事やサイドバーの背景が指定色のライトグリーンに変化しました。


〔枠線の色〕の「おすすめの色」の中から、上段右端のライトグリーンを選択した場合。


※少し分かりにくいですが、ブログメイン部分と外側の境目にある細いオレンジ系の枠線が
指定色のライトグリーンに変化しました。


 以上のように、それぞれの指定領域がとても分かりやすく区別されていますので、各指定変更が容易に行えます。修正をかけた後に、変更をブログに適用させるには、ページの頭の部分右端にあるオレンジ色のブログに適用ボタンをクリックしておこないます。

 ところで、元の状態に戻したくなることも多いと思いますが、

 「外側の背景」指定エリアの下の方に「backgroundの詳細な変更をクリア」という青い文字がありますので、その文字をクリックすると、すべて元に戻せます。

 納得できるまで何度でも試すことができますし、修正を重ねたのちに、ブログに適用ボタンをクリックする前であれば元に戻すことができますので、安心して作業できると思います。


 〔背景〕についての説明はこれくらいで終わります。


 次回は〔リンク〕について見ていきます。


注意 : 上記解説で使用している画像は、以前使用していたテンプレート画像ですので現状と違う場合があります。基本的な内容に変化はありませんが、実際にご覧頂いている時のブログの状態とは違う場合があることをご了承ください。

コメント

▼ 人気の投稿