テンプレート【旅行 03】と、背景画像のテーマ・カテゴリーの中から選んだ背景画像を組み合わせることで、ブログにどのような変化が起きるのかを検証しています。そして、今回取り上げている背景画像も、同じく【旅行】というテーマカテゴリーが付いていて、ちょっと、ややっこしいですが、その中から使用したいと思います。
使用した【旅行】の背景画像は、全部で45種類が用意されています。
◆旅行というタイトルの付いているブログですので、「旅行」カテゴリーからの選択で悩むのも楽しいものです。
今回使用する背景画像は、【旅行 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、
- ブログのタイトル : フォント 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を追加 :
通常のブラウザの設定では、背景画像は左右に少ししか見えない状態ですので、ブラウザ右上にある最大化をクリックして、是非全体像をご覧ください、印象がだいぶ違います。
◆使用画像についての解説は
→ 背景画像について!
◆リクエスト方法については
→ テンプレート・リクエスト方法
0 件のコメント:
コメントを投稿
ご覧いただき感謝します。ご意見やご質問がありましたら、下記のコメント欄へお願い致します!