まるで、BGMとしてジャズが流れている、懐かしい映画を見ているように感じます。テンプレート【旅行03】 ＋ 背景画像【旅行 03-5】

テンプレート【旅行 03】と、背景画像のテーマ・カテゴリーの中から選んだ背景画像を組み合わせることで、ブログにどのような変化が起きるのかを検証しています。そして、今回取り上げている背景画像も、同じく【旅行】というテーマカテゴリーが付いていて、ちょっと、ややっこしいですが、その中から使用したいと思います。

使用した【旅行】の背景画像は、全部で４５種類が用意されています。


◆旅行というタイトルの付いているブログですので、「旅行」カテゴリーからの選択で悩むのも楽しいものです。

　今回使用する背景画像は、【旅行 03-5】の都会の夜景風景です。場所がどこか特定するのは、あくまでも推測ですが、おそらくニューヨークのブルックリン橋ではないかと思います。

　全体の色調をグリーンにすることで都会的な夜のニューヨークを効果的に演出しているようですが、実際にこのように見えたら素晴らしいですが、あくまでもフィルターによる効果でこのように見えているのだと思いますので、その辺は割り切っていますが、それにしても、なんだかジャズ・ミュージックが聞こえてきそうな、そんなイメージを醸し出しています。

　画像に記事が被ってしまいますが、記事をスクロールして、フッターエリアに入ると隠れていた背景画像が見れるようになりますので、レイアウト的には気になりませんでした、あくまでもその雰囲気が気に入って使用しています。

◆この記事に関連する他の記事はこちら。

　→ 使用テンプレートは【旅行 03】

　→ 背景画像【旅行 - Travel】について

◆ブログの制作工程を簡素化する Blogger のテンプレート。

　Googleが提供している無料ブログシステムのBloggerを実際に使っていく場合、ブログ全体のデザインについてどうしようかと悩むと思いますが、そのブログ全体のデザインを向上させるために、Bloggerでは多数のデザインフォーマットを用意していて、そのフォーマットのことをテンプレートといいます。

　現在のところ、全34種類のテンプレートが用意されていますので、ブログ制作者は、その中から自分のブログのイメージに合ったテンプレートを選び、使用することができます。背景のイメージ画像を変更することで、さらにバリエーションを増やせますので、そのデザイン的な効果は、ほぼ無限大と云えます。

　※記事を作成し、写真とともに投稿すると、このサンプル記事のような感じで掲載することが出来ます。写真のサイズや文字の大きさ、種類、色についても、自由に、変えられ、ます。


　背景画像は同じでもテンプレートのバージョンを変更することによって、ブログ全体に対してどのような変化が起きるのかなど、イメージ画像で確認出来ると思います。今後のブログ制作の参考になれば幸いです。


◆テンプレート、背景画像の各呼名の意味

• テンプレート名 = 旅行 - Travel
• テンプレート番号 = 03
• 背景画像 = 旅行 03-5
• 03 = サムネールの3列目
• 5 = サムネール左から5番目

◆この記事掲載時のテンプレート デザイナーの指定内容まとめ

• テンプレート ＞ 【旅行 - Travel 03】
• 背景 ＞ 背景画像 ＞ 旅行 03-5
• 幅を調整 : ブログ全体830px、サイドバー無し
• レイアウト ： ブログ参照
• 上級者向け ： 下記参照（指定した内容の未記載）

◆上級者向け指定内容

• ページのテキスト ： フォント Arial 14px、テキストの色 #006239、
• 背景 ： 外側の背景 #7ee8bc、メインの背景 transparent、
• リンク ： リンクの色 #00c192、表示済みの色 #006239、カーソルを合わせた時の色 #7ee8bc、
• ブログのタイトル ： フォント Trebuchet、B、 120px、テキストの色 #c19100、
• ブログの説明 ： 説明の色 #006239、
• タブのテキスト ： フォント Arial、11px、テキストの色 #ffffff、選択済みの色 #c19100、
• タブの背景 ： 背景色 transparent、選択済みの色 transparent、
• 日付ヘッダー ： フォント Arial、13px、テキストの色 #727272、
• 投稿タイトル ： フォント Arial、B、20px、テキストの色 #006239、
• 投稿の背景 ： 背景色 #ffffff、
• ガジェットのタイトルの色 ： フォント Arial、B、13px、タイトルの色 #ffffff、
• ガジェットのテキスト ： フォント Arial、13px、テキストの色 #c2c2c2、
• ガジェットのリンク ： リンクの色 #c2c2c2、表示済みの色 #c2c2c2、代替色 #ffffff、
• サイドバーの背景 ： 背景色 transparent、べベル（面取り）の色 transparent、
• Mobile Button Color ： #ffffff、
• CSSを追加 ：

　通常のブラウザの設定では、背景画像は左右に少ししか見えない状態ですので、ブラウザ右上にある最大化をクリックして、是非全体像をご覧ください、印象がだいぶ違います。

◆使用画像についての解説は
　→ 背景画像について！

◆リクエスト方法については
　→ テンプレート・リクエスト方法