*

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

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

この記事は約4分で読むことができます。

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

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

関連記事

EFO

CVRアップのためのEFO5つのテクニック

EFO(エントリーフォーム最適化)のHTML、CSS等の技術情報。 1.入力フォームの拡大 通常

記事を読む

2019年から

今年2019年からネットショップを始めるなら「ここ」しかない。

何度も書いていますが、ここ2、3年でEC業界は激変しました。ネット通販業界は、もともと変化の

記事を読む

ヤフーショッピング自社サイトに埋め込む

自社サイトにヤフーショッピングを埋め込む方法

いくつか考えられるものを。 1つ目は、自社サイト内に商品ページが既にあって、そのページにヤフー

記事を読む

検索されてる言葉

ヤフーショッピングで検索されている言葉を知るには?

という検索ワードでの当サイトご来店。 ヤフーショッピングで「腰痛」と検索してみました。すると「

記事を読む

ショップサーブ・CSSカスタマイズ

最初にやっておきたい、ショップサーブ・スマホサイトCSS基本カスタマイズ5ヶ所

ショップサーブのスマホ・テンプレートですが、個人的にはイマイチ・・・。 ただ、カスタマイズ

記事を読む

ストアクリエーターPro

初心者が「ストアクリエーターProが難しい」と感じる3つの理由とその解決策

「ヤフーショッピング・プロフェッショナルで出店したのは良いけど、管理画面であるストアクリエーターPr

記事を読む

EFO

ショッピングカートCGI復活か

10年前は全盛だったショッピングカートCGIですが、もはや絶滅かという域に達しつつあります。

記事を読む

ホームページビルダーでは作らない

ホームページ・ビルダー20クラシックでネットショップは作りません。補助に使います。

「ネットショップを始めよう!じゃ、ホームページ・ビルダーだ。」 で買ってしまった方もいると思い

記事を読む

通販用ホームページ

ネット通販用ホームページの作り方

「通販用のホームページの作り方は?」というご質問。 この業界について、ほとんど知識のない方だと

記事を読む

トップページ

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

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

記事を読む

Adsense

Adsense

最強のメルマガCGI
メルマガCGI、こんなに素晴らしい最強のCGIがあったのを忘れていた・・・

2018年からの傾向なんですが、通販システムを借りているショップサ

事情
一部のネット販売店の実情

最近話したAさんのお話。。。「ネット販売やっています。」というと、

確定申告
2019年確定申告の時期だよ~テキトーな個人的裏(ウラ)話

来ましたか?確定申告のハガキ!1月下旬に来たハガキ、忘れないように

みるみる残高が増える
やれば、銀行口座残高がみるみる増えるヽ(^o^)

銀行口座の残高が増えるって嬉しい! って思いませんか? 思

insta
instagramやるべき店とやるべきではない店(ネット販売)

インスタは一応アカウント持ってますが何年か放置です。当然です。

→もっと見る

PAGE TOP ↑