*

ヤフーショップのヘッダー画像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

関連記事

カートCGI

web shop構築に根強い人気。無料ショッピングカートCGI

Webshopと言えば、昔は、ショッピングカートCGIをよく使っていました。もちろん、今でも使え

記事を読む

no image

初心者は安易にワードプレスを使うな

脆弱性(ぜいじゃくせい)の話です。脆弱性とは、簡単にいえば弱点のこと。その弱点をつかれても、軽い痛み

記事を読む

カートボタンを押した後は何をして欲しいのかを考えると

お客様がカートボタンを押した後、それも購入商品が決まったなら、お店としては、できるだけ早く「購入完了

記事を読む

ショッピングカート

「共同購入(CGI)」役目終える

サイト引越しのときのCGIの断捨離中に共同購入のCGI(共同購入システム3 coopbuy3.cgi

記事を読む

2019年から

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

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

記事を読む

横取りマーケティング

スマホサイト横取りマーケティング

すでにスマホ・ショッピング全盛です。楽天やヤフーに出店しているネットショップは、スマホからアクセスし

記事を読む

メールフォームCGI

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

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

記事を読む

売れてる本の表紙デザイン

売れている本は表紙デザインが秀逸

ショッピングカートを作りたい! APIを使えるようになりたい! マッシュアップサイトを作

記事を読む

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

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

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

記事を読む

EC CUBE HETEML

EC CUBEを使う場合の注意点(共用SSL)

「EC CUBEを使ってお店を作りたい。お店サイトは独自ドメインで、カード部分は共用SSLを使いたい

記事を読む

Adsense

Adsense

仕入れは楽しい
スーパーデリバリー(SD)・デビュー週数間。やっぱり仕入れは楽しいかも。

ふとした思いつきからネット仕入れのスーパーデリバリーを、審査を

スーパーデリバリー
仕入れ日記。スーパーデリバリー審査通った?落ちた?

ネット販売で小売業をやっていると、販売用の商品はもちろん仕入れ

イージーマイショップ
ネットショップ開業easy my shop(イージーマイショップ)の評価。べた惚れかも

EC業界、日々変化して、なにかと対応に追われる日々を送る店長X

イージーマイショップ
easy my shop(イージーマイショップ)はどうよ?評価は?by現役店長

ネットショップ開業と言えば、ショップサーブをはじめとして、カラ

格安SIM
年収300万円以下なのにオススメ格安SIMを使わないのは、お金にだらしないと言わざるをえないかも。

「お金ない~」って言う人いますよね。年収が少ないのかというと、そうでも

→もっと見る

PAGE TOP ↑