2016年11月13日日曜日

テンプレート【画像ウィンドウ 02】をメインテンプレートとして、背景画像の紹介をメインに更新しています。今回紹介する背景画像は【自然 - 06-4】です。


背景画像【自然 - 03-1】

テンプレート 画像ウィンドウに、気に入った背景画像を組み合わせてどのような効果があるのかを検証しています。背景画像の紹介も一通り終り、これからは、季節に合わせながら、その時のテーマに添って背景画像を使用してみたいと思います。


今のところ、使用するテンプレートは、【画像ウィンドウ 02を続けて使用していますので、背景画像を中心にお話ししますが、後半の方で指定内容などのデータをまとめていますので、良かったら参考にしてください。

今回使用する背景画像は、今の季節にピッタリな、実に鮮やかに赤やオレンジの秋色が映えて美しい紅葉を捉えた、【自然 06-4】の背景画像素材組み合わせてみました


【画像ウィンドウ02】 + 背景画像【自然 06-4】プレビュー


この【自然】の中には、紅葉の画像が4種類ありますので、秋を連想させたいのであれば、それらの背景画像を使用するだけで、あっという間に作り出すことが出来ます。

せっかくの短い季節ですので、このブログでは、しばらくの間、この秋をイメージした素材をランダムに使って、ブログのイメージ作りの一つにしたいと思います。良かったらご覧ください。


「自然」の背景画像は、全部で54種類が用意されています。


背景画像を変更するだけでブログの印象が違ってきます、新たに制作するブログやリニューアルに、ご活用ください。


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

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

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


使用テンプレート、背景画像の各名称について。

  • テンプレート名 = 画像ウィンドウ
  • テンプレート番号 = 02
  • 背景画像 自然 06-4
  • 06 サムネールの6列目
  • 4 サムネール左から4番目

背景画像【自然 - Nature】のサムネール



◆テンプレート デザイナー指定内容まとめ
  • テンプレート > 【画像ウィンドウ 02】
  • 背景 > 背景画像 > 自然 06-4
  • 幅を調整 : ブログ全体770px、サイドバー無し
  • レイアウト : ブログ参照
  • 上級者向け : 指定した内容のみ記載、下記参照。


    ◆上級者向け指定内容
    • ページのテキスト  フォント Arial 15px、テキストの色 #5e5e5e
    • 背景  外側の背景 #595959、ヘッダーの背景 transparent、投稿の背景 #ffffff、
    • リンク  リンクの色 #ff8a46、表示済みの色 #d08446、カーソルを合わせた時の色 #ff7300
    • ブログのタイトル  フォント Arial 80px、テキストの色 #ffffff
    • タブのテキスト  フォント Arial 11px、テキストの色 #ffffff、選択済みの色 #f36e00
    • タブの背景  背景色 transparent、選択済みの色 transparent、区切りの色 transparent、
    • 投稿タイトル  タイトルのフォント ArialB19px
    • 日付ヘッダー  テキストの色 #5e5e5e
    • 投稿  フッターのテキストの色 #a2a2a2、枠線の色 #e1e1e1
    • ガジェット  タイトルのフォント ArialB100%、タイトルの色 #939393
    • フッター  テキストの色 #d1d1d1、ガジェットのタイトルの色 #b1b1b1
    • フッターのリンク  リンクの色 #efbc83、表示済みの色 #d08446、カーソルを合わせた時の色 #ff8a46
    • CSSを追加 

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


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

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

    0 件のコメント:

    コメントを投稿

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