2016年11月29日火曜日

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


背景画像【旅行 03-5】

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

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


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

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

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

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

テンプレート【旅行03】 + 背景画像【旅行 03-5】プレビュー



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

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

ブログの制作工程を簡素化する 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
  • ブログのタイトル  フォント TrebuchetB 120px、テキストの色 #c19100
  • ブログの説明  説明の色 #006239
  • タブのテキスト  フォント Arial11px、テキストの色 #ffffff、選択済みの色 #c19100
  • タブの背景  背景色 transparent、選択済みの色 transparent、
  • 日付ヘッダー  フォント Arial13px、テキストの色 #727272
  • 投稿タイトル  フォント ArialB20px、テキストの色 #006239
  • 投稿の背景  背景色 #ffffff
  • ガジェットのタイトルの色  フォント ArialB13px、タイトルの色 #ffffff
  • ガジェットのテキスト  フォント Arial13px、テキストの色 #c2c2c2
  • ガジェットのリンク  リンクの色 #c2c2c2、表示済みの色 #c2c2c2、代替色 #ffffff
  • サイドバーの背景  背景色 transparent、べベル(面取り)の色 transparent
  • Mobile Button Color  #ffffff
  • CSSを追加 


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


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

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

0 件のコメント:

コメントを投稿

ご覧いただき感謝します。ご意見やご質問がありましたら、下記のコメント欄へお願い致します!