ヘッダ画像について
ヘッダ画像の作成
テンプレート“Mini-Site”では、あえて、「そのまま使用できるヘッダ画像」を添付していません。すべての「商用サイト」に使用可能なヘッダ画像は、ありえないと思ったからです。どうか、ご自分でご用意ください。一番いいのは、店舗や商品の写真を実際に使用して、ご自身で作成するか、身近な範囲の方に作ってもらうことです。
とはいえ、「ウェブで使える写真を撮る」だけでもデジタルカメラと撮影技術が要ります。そこから「きれいなヘッダ画像を作る」には、画像加工ソフトをある程度に使えるスキルと、デザインセンスが必要です。
もし、心あたりがないときには、この部分だけ、プロにお任せになるという手もあると思います。
ヘッダ画像のオーダーメードに応じてくれるデザイン業者さんがありますし、ご自身で写真だけでも撮影できれば、画像に取り込んで作成してくれる業者さんもあるようです。写真を撮影して簡単な文字入れをする、という形なら、もしかしたら、ご近所の写真ショップで引き受けてくれるかもしれません。
⇒ 「ヘッダ画像 オーダーメード」でGoogle検索
画像について
- ファイル形式:JPG,PNG,GIF
- ファイルサイズ:《JUGEM》無料枠なら300KB、有料枠なら500KBまで
(ただし、あまりファイルサイズが大きいものは、閲覧者の使用する回線速度が遅いと、表示が遅くなる原因となります。あまりサイズが大きくならず、かつ、画質が目だって荒れないように作成するのが望ましいのです) - 横幅:791px 高さ:任意
ヘッダ画像をテンプレートに組み込む
《JUGEM》マニュアル「画像のみをアップする」に従って、ブログ内に画像をアップします。上記の枠内をクリックすると、<img〜の部分が選択されたという表示になるので、コピーします。
[デザイン]→[HTML・CSS編集]で、テンプレート編集画面を開き、HTMLのなかの、
<!-- ▼ヘッダ画像 -->の赤文字部分を、上でコピーした「<img〜」に置き換えます。
<img src="https://img-cdn.jg.jugem.jp/5c6/1597921/20100123_948815.jpg" alt="" width="791" height="200" class="pict" />
トップページ枠を編集する
この作業のときに、トップページ、記事上枠表示も、一緒に変更してください。HTML内の下記の部分です。なお、HTML画面では、改行には「<br>」が必要です。<!-- ▼トップページ、記事上枠 -->
“mini-site” ~(略)~ サイト作成に。
<!-- ▲トップページ、記事上枠 -->
広告を削除する
ページの1番上に表示されているGMO広告=HTML内の「{gmo_header_src}」は、削除しても問題ないそうです。テンプレートを保存する
[HTMLを編集]ボタンをクリックすると、保存されます。[ブログを確認する]ボタンをクリック、ブログ画面を表示させ、もしも新しいヘッダ画像が表示されていないようなら、PCキーボードの[Ctrl]を押しながら[F5]キーを押してください(画面更新操作)、表示されるはずです。
これで、ヘッダ画像の導入操作は、完了です。
【ご質問は】BBSにお願いします。スパムよけのため、ユーザー名「adan」、パスワード「adan」を入力してお入りください。
(2010/01/25 記)