テンプレート【旅行03】 ＋ 背景画像【旅行 02-1】

テンプレート【旅行 - Travel 03】と【旅行 02-1】の背景画像を組み合わせてブログを公開しています。「旅行」の背景画像は、全部で45種類です。背景画像を変更するだけでブログの印象が違います、新たに制作するブログにご活用ください。

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

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

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


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


◆使用テンプレート【旅行 - Travel 03】

　基本デザインとして全4種類が用意されているテンプレート「旅行 - Travel」の中から、今回使用したのは「03」です。背景画像は「旅行 02-1」を使用しました。

　テンプレートも背景画像のテーマ名も「旅行」と、ちょっとややこしいので、テンプレートの場合は「旅行 - Travel」と日本語と英語を表記して、背景画像の方は「旅行」と日本語表記のままにして区別したいと思いますので、混乱しないようにして下さい。

　さて、「旅行」という誰にとっても親しみのあるフレーズですが、イメージとしてもやはり、世界旅行などで目にする美しい風景写真を想像するでしょうが、もちろんそのような写真素材も多いのですが、その他にも旅行に関係しそうな小物などもあり、テーマ全体としては、その数の割合どおりに幅広く押さえているように思います。詳しくは → こちら。

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

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

◆テンプレート デザイナー指定内容まとめ

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

◆上級者向け指定内容

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

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

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

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