テンプレート Awesome Inc. に、気に入った背景画像を組み合わせてどのような効果があるのかを検証してきましたが、背景画像の紹介も一通り終了していますので、これからは、ブログが発信する様々な話題やテーマに添って使用してみたいと思います。
今のところ、テンプレートは【Awesome Inc. 06】を続けて使用していますので、背景画像を中心にお話ししますが、後半の方で指定内容などのデータをまとめていますので、良かったら参考にしてください。
◆使用する背景画像は、【旅行 07-4】を組み合わせてみました。
今の季節にピッタリな美しい紅葉を捉えた一枚です。サンプルでは遠くに日本風の建物が見えますが、実際に使用した状況では、建物の大部分が記事の下に隠れていて、ほとんど見えないのが残念です。
今回使用した秋のイメージ画像は、【旅行】のテーマから使用していますが、この画像は【自然】のテーマの中にも組み込まれていて、どちらかというと自然が本来の場所かも知れません。
このように重複している画像も多いですが、基本的にはどの画像も自由に使用できますので、見つけたカテゴリーから使用すれば良いわけですし、たまたま見つけたのも何かの縁ですから、すぐに使用してください。
ただし、【自然】のカテゴリーの中には、紅葉の画像が他にも数種類ありますので、見つけ易いですし、秋を連想させたいのであれば、それらの背景画像を使用するだけで、ブログ全体に秋の季節感を取り込めて、イメージの構築が容易に出来ます。
せっかくの短い季節ですので、このブログでは、しばらくの間、この秋をイメージした素材を使用して、ブログのイメージ作りのサンプルとして公開したいと思います。秋のイメージとして、他の背景画像も試せるかもしれませんので、良かったらご覧ください。
背景画像を変更するだけでブログの印象が違ってきます、新たに制作するブログやリニューアルに、ご活用ください。
Googleが提供している無料ブログシステムのBloggerを実際に使っていく場合に、ブログ全体のデザインについてどうしようかと悩むと思いますが、そのブログ全体のデザインを向上させるために、Bloggerでは多数のデザインフォーマットを用意していて、そのフォーマットのことをテンプレートといいます。
現在のところ、全34種類のテンプレートが用意されていますので、ブログ制作者は、その中から自分のブログのイメージに合ったテンプレートを選び、使用することができます。背景のイメージ画像を変更することで、さらにバリエーションを増やせますので、そのデザイン的な効果は、ほぼ無限大と云えます。
※記事を作成し、写真とともに投稿すると、このサンプル記事のような感じで掲載することが出来ます。写真のサイズや文字の大きさ、種類、色についても、自由に、変えられ、ます。
◆使用テンプレート、背景画像の各名称について。
- テンプレート名 = Awesome Inc.
- テンプレート番号 = 06
- 背景画像 = 自然 07-4 → 背景画像「旅行」について!
- 07 = サムネールの7列目
- 4 = サムネール左から4番目
テーマ【旅行】の場合は、下に示すような背景画像です。
◆テンプレート デザイナー指定内容まとめ(背景画像【自然】で表記)
- テンプレート > 【Awesome Inc. 06】
- 背景 > 背景画像 > 旅行 07-4(自然 08-4)
- 幅を調整 : ブログ全体960px、左右サイドバー各160px
- レイアウト : ブログ参照
- 上級者向け : 指定した内容のみ記載、下記参照。
◆上級者向け指定内容
- ページ : フォント Arial 13px、背景色 #000000、テキストの色 #666666、
- リンク : リンクの色 #f3793a、表示済みの色 #bd631a、カーソルを合わせた時の色 #e34b38、
- ブログのタイトル : フォント Arial、105px、タイトルの色 #f3a278、ヘッダーの背景 transparent、
- ブログの説明 : フォント Arial、18px、テキストの色 #ffffff、
- タブのテキスト : フォント Arial、12px、テキストの色 #ffffff、選択済みの色 #ffffff、
- タブの背景 : 背景色 #ff7e3c、選択済みの色 #381503、枠線の色 #381503、
- 日付ヘッダー : フォント Arial 13px、テキストの色 #f3793a、枠線の色 transparent、
- 投稿タイトル : フォント Arial、B、18px、テキストの色 #f3793a、
- 投稿の背景 : 背景色 #ffffff、枠線の色 #f3a278、べベル(面取り)の色 #f3a278、
- ガジェットのタイトル : フォント Arial、13px、タイトルの色 #f3a278、
- ガジェットのテキスト : フォント Arial、13px、テキストの色 #f3b696、代替色 #ffffff、
- ガジェットのリンク : リンクの色 #f3793a、表示済みの色 #bd631a、カーソルを合わせた時の色 #e34b38、
- ガジェットの背景 : 背景色 transparent、枠線の色 transparent、べベル(面取り)の色 transparent、
- サイドバーの背景 : 背景色 transparent、
- 画像 : 背景色 #ffffff、枠線の色 #c2c2c2、
- フィード : テキストの色 #f3b696、
- フィードのリンク : リンクの色 #f3793a、表示済みの色 #bd631a、カーソルを合わせた時の色 #e34b38、
- Pager : 背景色 #ffffff、
- フッター : 背景色 #712b07、テキストの色 #f3b696、
- Mobile Button Color : #ffffff、
- CSSを追加 :
0 件のコメント:
コメントを投稿
ご覧いただき感謝します。ご意見やご質問がありましたら、下記のコメント欄へお願い致します!