2016年9月23日金曜日

テンプレート【ウォーターマーク02】 + 背景画像 【テクスチャ 02-5】

背景画像【テクスチャ 02-5】を再び使用して、今回はテンプレート【ウォーターマーク 02と組み合わせたサンプル画像を公開します。



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

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

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


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


◆使用テンプレート【ウォーターマーク 02】

 基本デザインとして全4種類が用意されているテンプレート「ウォーターマーク」の中から、今回使用したのは「02」です。背景画像は「テクスチャ 02-5」を再び使用しました。 → 前回はこちら

◆テンプレート、背景画像の各呼名の意味
  • テンプレート名 = ウォーターマーク
  • テンプレート番号 = 02
  • 背景画像 テクスチャ 02-5
  • テーマ テクスチャ
  • 02 サムネールの2列目
  • 5 サムネール左から5番目
背景画像【テクスチャ】


背景画像 【テクスチャ 02-5】

◆テンプレート デザイナー指定内容まとめ
  • テンプレート > 【ウォーターマーク 02】
  • 背景 > 背景画像 > テクスチャ 02-5
  • 幅を調整 : ブログ全体990px、右側のサイドバー330px
  • レイアウト : ブログ参照
  • 上級者向け : 指定した内容のみ記載、下記参照。

◆上級者向け指定内容
  • ページのテキスト : フォント Arial 13px、テキストの色 #ffffff、
  • 背景 : 外側の背景 #4572ba、フッターの背景 #000000、
  • リンク : リンクの色 #00cee7、表示済みの色 #45ba8d、カーソルを合わせた時の色 #9aff5e、
  • ブログのタイトル : フォント Arial、 45px、タイトルの色 #ffffff、
  • ブログの説明 : 説明の色 #91a8c8、
  • タブのテキスト : フォント Arial、B、12px、テキストの色 #ffbf5e、選択済みの色 #ffffff、
  • タブの背景 : 背景色 transparent、区切りの色 #4572ba、
  • 日付ヘッダー : フォント Arial、14px、テキストの #e0e6ff、
  • 投稿 : タイトルのフォント Arial、B、19px、背景色 transparent、枠線の #91a8c8、
  • 投稿のフッター : テキストの色 #183e7c、
  • ガジェット : タイトルのフォント Arial、14px、タイトルの色 #e0e6ff、代替色 #91a8c8、
  • フッター : テキストの色 #91a8c8、ガジェットのタイトルの色 #b4ccec、
  • フッターのリンク : リンクの色 #00cee7、表示済みの色 #45ba8d、カーソルを合わせた時の色 #9aff5e、
  • CSSを追加 : 


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

 イメージ画像ではよくわからないという方のために、サンプル画像との組み合わせの他、ウォーターマークの各テンプレートと、その他の背景画像との組み合わせでブログ全体をご覧いただけるようにすることもできます。

 ブログ全体を実際に使用できる状態でご覧になりたいというご希望があれば、ご希望の組み合わせで使用できるようにして対応させていただきますので、下記の「コメント投稿」欄から、ご希望の組み合わせ等をお寄せ下さい。

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

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

0 件のコメント:

コメントを投稿

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