ヘッダ画像について

ヘッダ画像の作成

 テンプレート“Mini-Site”では、あえて、「そのまま使用できるヘッダ画像」を添付していません。すべての「商用サイト」に使用可能なヘッダ画像は、ありえないと思ったからです。どうか、ご自分でご用意ください。
 一番いいのは、店舗や商品の写真を実際に使用して、ご自身で作成するか、身近な範囲の方に作ってもらうことです。
 とはいえ、「ウェブで使える写真を撮る」だけでもデジタルカメラと撮影技術が要ります。そこから「きれいなヘッダ画像を作る」には、画像加工ソフトをある程度に使えるスキルと、デザインセンスが必要です。
 もし、心あたりがないときには、この部分だけ、プロにお任せになるという手もあると思います。
 ヘッダ画像のオーダーメードに応じてくれるデザイン業者さんがありますし、ご自身で写真だけでも撮影できれば、画像に取り込んで作成してくれる業者さんもあるようです。写真を撮影して簡単な文字入れをする、という形なら、もしかしたら、ご近所の写真ショップで引き受けてくれるかもしれません。
⇒ 「ヘッダ画像  オーダーメード」でGoogle検索

画像について

  • ファイル形式:JPG,PNG,GIF
  • ファイルサイズ:《JUGEM》無料枠なら300KB、有料枠なら500KBまで
    (ただし、あまりファイルサイズが大きいものは、閲覧者の使用する回線速度が遅いと、表示が遅くなる原因となります。あまりサイズが大きくならず、かつ、画質が目だって荒れないように作成するのが望ましいのです)
  • 横幅:791px 高さ:任意

ヘッダ画像をテンプレートに組み込む

 《JUGEM》マニュアル「画像のみをアップする」に従って、ブログ内に画像をアップします。right
 上記の枠内をクリックすると、<img〜の部分が選択されたという表示になるので、コピーします。
 [デザイン]→[HTML・CSS編集]で、テンプレート編集画面を開き、HTMLのなかの、
   
<!-- ▼ヘッダ画像 -->
    <img src="http://img-cdn.jg.jugem.jp/5c6/1597921/20100123_948815.jpg" alt="" width="791" height="200" class="pict" />
の赤文字部分を、上でコピーした「<img〜」に置き換えます。

トップページ枠を編集する

 この作業のときに、トップページ、記事上枠表示も、一緒に変更してください。HTML内の下記の部分です。なお、HTML画面では、改行には「<br>」が必要です。
<!-- ▼トップページ、記事上枠 -->
“mini-site” ~(略)~ サイト作成に。
<!-- ▲トップページ、記事上枠 -->

広告を削除する

 ページの1番上に表示されているGMO広告=HTML内の「{gmo_header_src}」は、削除しても問題ないそうです

テンプレートを保存する

 [HTMLを編集]ボタンをクリックすると、保存されます。
 [ブログを確認する]ボタンをクリック、ブログ画面を表示させ、もしも新しいヘッダ画像が表示されていないようなら、PCキーボードの[Ctrl]を押しながら[F5]キーを押してください(画面更新操作)、表示されるはずです。
 これで、ヘッダ画像の導入操作は、完了です。




【ご質問は】BBSにお願いします。スパムよけのため、ユーザー名「adan」、パスワード「adan」を入力してお入りください。


search this site.

MOBILE

qrcode

Archive

RSS

Powered

テンプレート提供元
無料ブログ作成サービス JUGEM
(C) 2017 ブログ JUGEM Some Rights Reserved.
Admin.