2016年9月19日月曜日

テンプレート【シンプル01】 + 背景画像【テクスチャ 01-3】


背景画像【テクスチャ 01-3】

テンプレート【シンプル 01】と【テクスチャ 01-3】の背景画像を組み合わせてブログを公開しています。「テクスチャ」の背景画像は、全部で21種類です背景画像を変更するだけでブログの印象が違います、新たに制作するブログにご活用ください。



【シンプル01】 + 背景画像【テクスチャ 01-3】

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

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

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


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

 基本デザインとして全7種類が用意されているテンプレート「シンプル」の中から、今回使用したのは「01」です。背景画像は「テクスチャ 01-3」を使用しました。

◆テンプレート、背景画像の各呼名の意味
  • テンプレート名 = シンプル
  • テンプレート番号 = 01
  • 背景画像 テクスチャ 01-3
  • テーマ テクスチャ
  • 01 サムネールの1列目
  • 3 サムネール左から3番目

背景画像【テクスチャ】



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

◆上級者向け指定内容

  • ページのテキスト : フォント Arial 12px、テキストの色 #505050、
  • 背景 : 外側の背景 #ffd403、メインの背景 #ffffff、ヘッダーの背景 #d09d59、
  • リンク : リンクの色 #e18812、表示済みの色 #598cd0、カーソルを合わせた時の色 #ffbb12、
  • ブログのタイトル : フォント Verdana、 45px、テキストの色 #ffffff、
  • ブログの説明 : 説明の色 #ffffff、
  • タブのテキスト : フォント Arial、14px、テキストの色 #d09d59、選択済みの色 #000000、
  • タブの背景 : 背景色 #f7f7f7、選択済みの色 #d09d59、
  • 投稿タイトル : フォント Arial、B、20px、テキストの #e18812、
  • 日付ヘッダー : フォント Arial、B、11px、テキストの色 #505050、背景色 transparent
  • 投稿フッター : テキストの色 #737373、背景色 #fbfbfb、影の色 #f0f0f0、
  • ガジェット : タイトルのフォント Arial、B、11px、タイトルの色 #000000、代替色 #9f9f9f、
  • 画像 : 背景色 #ffffff、枠線の色 #f0f0f0、キャプションのテキストの色 #505050、
  • アクセント : 区切り線の色 #f0f0f0、タブの枠線の色 #f0f0f0、
  • Mobile Button Color : #ffffff、
  • CSSを追加 : 

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


使用画像についての解説は
 → 背景画像「テクスチャ」について!

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

0 件のコメント:

コメントを投稿

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