2016年11月8日火曜日

テンプレートは【シンプル 07】ですが、背景画像については、更新内容に合わせて変更していく予定です。そして、今回紹介する背景画像は紅葉です。


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

テンプレートに、気に入った背景画像を組み合わせてどのような効果があるのかを検証してきましたが、背景画像のテーマ紹介も一通り終了していますので、これからは、このブログで発信する様々な話題やテーマに添ったかたちで、背景画像を使用していきたいと思います。


今のところ、使用するテンプレートは、【シンプル 07】で統一していますので、これからはテンプレートの告知は、なるべくなら省略して、背景画像のみ告知していきますので、よろしくお願いします。

今回使用する背景画像は、秋を彩る美しい紅葉を捉えた風景写真でありながら、その透き通るような薄紅色を強調したクローズアップ画像が魅力的な、今の季節にピッタリな一枚です。


紅葉のイメージ画像から【自然 03-1】を組み合わせてみました。


自然】のテーマの中には、紅葉の画像が4種類ありますので、秋を連想させたいのであれば、それらの背景画像を使用するだけで、ブログのイメージが、あっという間に秋の彩りに作り変えられることでしょう。

せっかくの短い季節ですので、このブログでは、この秋をイメージしたそれぞれの素材を使い、しばらくの間は、ブログのメインビジュアルとして使ってみようと思います。

テンプレート【シンプル 07】+背景画像【自然 03-1】サンプル


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


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



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

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

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



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

  • テンプレート名 = シンプル
  • テンプレート番号 = 07
  • 背景画像 自然 03-1 → 背景画像について!
  • 03 サムネールの3列目
  • 1 サムネール左から1番目

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



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


    ◆上級者向け指定内容
    • ページのテキスト  フォント Arial 13px、テキストの色 #404040
    • 背景  外側の背景 #e8ddd1メインの背景 #ffffff、ヘッダーの背景 transparent、
    • リンク  リンクの色 #6dae26、表示済みの色 #86a480、カーソルを合わせた時の色 #25ae67
    • ブログのタイトル  フォント Arial、B、106px、テキストの色 #6dae26
    • ブログの説明 : #515151
    • タブのテキスト  フォント Arial、B、12px、テキストの色 #4fa500、選択済みの色 #515151
    • タブの背景  背景色 transparent、選択済みの色 transparent、
    • 投稿タイトル  タイトルのフォント ArialB20px
    • 日付ヘッダー  フォント Arial、B、12pxテキストの色 #6c6c6c背景色 transparent、
    • 投稿のフッター  テキストの色 #6c6c6c、背景色 #fafafa影の色 #efefef
    • ガジェット  タイトルのフォント ArialB、12pxタイトルの色 #6c6c6c、代替色 #9c9c9c
    • 画像  背景色 #ffffff、枠線の色 #efefefキャプションのテキストの色 #222222
    • アクセント  区切り線の色 #dedede、タブの枠線の色 #dddddd
    • Mobile Button Color : #ffffff、
    • CSSを追加 

    使用画像についての解説は

    ◆リクエスト方法については


     最後までご覧頂き感謝いたします。

    0 件のコメント:

    コメントを投稿

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