2016年10月25日火曜日

テンプレート【シンプル07】 + 背景画像【旅行 - 01-1】


背景画像【旅行 - 01-1】

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


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

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

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


◆使用テンプレート【シンプル 07】

 基本デザインとして全7種類が用意されているテンプレート「シンプル」の中から、今回使用したのは、前回同様に「07」です。背景画像は「旅行 01-1」を使用しました。

 テンプレート 【シンプル 07】はタイトル部分に背景画像をレイアウトするタイプで、レイアウト的にもデザイン的にも使いやすくもあり、ブログの特徴を表現したり、主張したい内容をビジュアル的に表現することがタイトルバックで出来るため、背景画像をメインに使用する場合などに威力を発揮します。

 今回セレクトした背景画像は、前回からこのブログのレイアウトを全面的に変えたこともあり、また、先日、背景画像「旅行」に関する記事やサムネール画像をアップしましたので、その「旅行」との連動も考慮しながら、旅を連想させられるものと思い、船出をイメージしてタイトルバックに使用してみることにしました。





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

  • テンプレート名 = シンプル
  • テンプレート番号 = 07
  • 背景画像 旅行 01-1 → 背景画像「旅行」について!
  • 01 サムネールの1列目
  • 1 サムネール左から1番目

背景画像【旅行 - Travel】



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


    ◆上級者向け指定内容
    • ページのテキスト  フォント Arial 13px、テキストの色 #000000
    • 背景  外側の背景 #c8e1e3メインの背景 #ffffff、ヘッダーの背景 transparent、
    • リンク  リンクの色 #1d1971、表示済みの色 #7e6e97、カーソルを合わせた時の色 #6767ff
    • ブログのタイトル  フォント Arial、B、106px、テキストの色 #1d1971
    • ブログの説明 : #b45f06
    • タブのテキスト  フォント Arial、B、12px、テキストの色 #4c4cbb、選択済みの色 #b45f06
    • タブの背景  背景色 transparent、選択済みの色 transparent、
    • 投稿タイトル  タイトルのフォント ArialB20px
    • 日付ヘッダー  フォント Arial、B、12pxテキストの色 #666666背景色 transparent、
    • 投稿のフッター  テキストの色 #4a4a4a、背景色 #f5f5f5影の色 #d8d8d8
    • ガジェット  タイトルのフォント ArialB、12pxタイトルの色 #666666、代替色 #8f8f8f
    • 画像  背景色 #ffffff、枠線の色 #eaeaeaキャプションのテキストの色 #222222
    • アクセント  区切り線の色 #d8d8d8、タブの枠線の色 #dddddd
    • Mobile Button Color : #ffffff、
    • CSSを追加 

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

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


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

    0 件のコメント:

    コメントを投稿

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