*

ヤフーショップのヘッダー画像HTMLの編集方法

公開日: : 最終更新日:2016/08/10 CSSやHTML、CGI, ヤフーショッピング・作成講座

開店申請にパスしたなら、とりあえず商品を登録して行くわけですが、ヘッダーを作ってお店らしくしたい人も多いと思います。ま、そこは、順番は別に決まっていないので、商品登録が終わってからでも良いし先でも良いです。

1.ページの幅は決めてますか?

まず、ヘッダーを作るにしろ、フリースペースにバナーを貼り付けるにしろ、ページの全体幅を決めていないと、何もできません。ページの幅を決めるのは「ストアデザイン」→「全体の設定」のところです。950が標準だと思うんで、この数字を基準に話を進めます。

ストアページ幅

 

2.ヘッダーは横いっぱい(950)の画像を作る

ヘッダーは通常は、横幅いっぱいに作ります。分割する方法などもありますが、それ基礎ができてからでよいでしょう。ちなにみ、950というのは950px(ピクセル)のことです。横に点(ドット)が950個ということです。

必ず、ページ幅と揃えてください。これが違うをレイアウト崩れの原因になります。縦の大きさはいくらでも良いですが、大きすぎるとページが見難くなるので、最大でも200pxくらいに納めておきましょう。

ヘッダー看板

 

3.ヘッダー看板画像を登録する

ここがちょっとヤフーショップ編集の面倒なところですが、作成した看板は、一度画像専用フォルダに入れる必要があります。言ってみれば、画像専用保管庫です。画像を保存する場所は決められていて、そこ以外には置けない決まりになっています。

「画像管理」→「追加画像」→「パーツ」→「追加」と進みます。

追加できると、その画像用のURLが割り振られるので、それをコピーしておきます。

ヘッダー画像

4.ヘッダーHTMLの欄にIMGタグを書く

ここでまた、「ストアデザイン」のページに戻ります。左側のナビゲーションにある「ヘッダー・看板」というボタンをクリックします。右側に出てくる「ヘッダー」をクリックします。そして、その下のほうにある「HTML(タイプ3)」にチェックを入れます。

ヘッダー看板3

そして、さらに下にあるフォームのスペースの中次のタグを書きます。

<a href=”お店URL”><img src=”http://shopping.c.yimg.jp/lib/shopid/kanban.jpg” border=”0″></a>

ヘッダー看板4

ポイントは、看板そのものをクリックするとお店のトップページに戻れるように、<A>タグでリンクをする点と、border=”0″と入れておくことです。borderを入れないと、画像の周りに余計な枠ができてしまいます。これで、お店看板がページ横幅いっぱいに配置されます。

ちょっと面倒ですが、慣れてしまえばどってことないです。しかも、ヘッダーなんて毎日編集するもんじゃないですから、1度決めてしまえば何年もそのままで良いですからね。

関連 ヤフーストア作成講座2016


Adsense

関連記事

オンエアー

「今、店長います。」をON AIR画像を使って表示させる方法

確か、10年近く前の、日経MJ「にぎわう専門通販」という記事で取り上げられていたショップサーブユーザ

記事を読む

トップページ

トップページの編集手順について考え中

ヤフーショッピングにかぎらず、トップページはお店の顔ですから「それなり」に作りこんでおきたいところ。

記事を読む

ウェブテクニック

ショップオーナーが知っておくと役に立つWEBテクニック

ネットショップを始めるのにHTMLやCSSとかの知識は、とりあえずいらないです。アプリを借りたなら、

記事を読む

EC CUBEはバージョン2.13がオススメ

過去にインストールして試してみたCMSは数知れず。Movable Typeに始まり、XOOPS、Dr

記事を読む

オリジナルページ

ショップサーブのテンプレートを使わずにオリジナルページを使う方法

ショップサーブは、オリジナルページを使えるところが、他社と違うところですね。「ショップサーブのテンプ

記事を読む

CS-CART

新種発見か?レスポンシブ対応CSカート

サーバーにインストールして使うCS-CARTというカートプログラムを発見。 レスポンシブ(端末

記事を読む

yahooトップテンプレート

yahoo! shoppingトップページ用HTMLテンプレート

yahooさんが用意してくれてもいいのに、無いのがトップページ用のカテゴリー一覧のテンプレート。無い

記事を読む

no image

ショップ運営者のHTMLメール作成について

HTMLメールのメルマガが増えてきているのは周知のところです。その流れでネットショップ運営の現場でも

記事を読む

メールフォームCGI

レスポンシブ対応メールフォームCGIを設置した

ショップサーブのメールフォームが気に入らないので、レスポンシブ対応の無料CGIメールフォーム

記事を読む

no image

まだまだ売れるホームページビルダー20!

「通販サイト作成 ホームページビルダー20」というキーワードでご訪問。 ホームページビルダーっ

記事を読む

Adsense

Adsense

メルマガ編
ネットショップ運営は戦術フルコースで(メルマガまだまだ効果あり編)

ネットショップ開業しました。商品並べました。はいおしまい。

栄枯盛衰
ネットショップも栄枯盛衰

オヤジ化してしまったのか、まれに人の話についていけないことがあります。

クーポン乱発で客単価UP
楽天アマゾンに学べ!クーポン乱発で客単価をアップさせよう

よほどのことがない限り使わない大好きな楽天お買い物中、ある異変に気

税理士
個人事業主が税理士使うと得する売上の分岐点は?

まもなく確定申告の時期ですね。「こんなに楽だったとは・・・そんなことな

副業で貸し会議室
副業で貸し会議室ビジネスがアツいらしいけど収益シミュレーションしてみた。

「副業で何か始めたいよなぁ~」と思っている人も多いようですが、ネッ

→もっと見る

PAGE TOP ↑