*

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

関連記事

CSVファイルのカンマを置換

CSVファイルを変な区切り文字に変換する方法

エクセル(今回はOpenOffice)を使えば、任意の区切りでCSVファイルを作れると思ったらできま

記事を読む

ポデローサを知らなかった

EC CUBEがFTPでうまくアップロードできないときは「Poderosa」を使おう

EC CUBEをzipファイルでダウンロードして解凍。2000個以上のファイル群です。FFFTPでア

記事を読む

学んだこと

レスポンシブ・デザインへの移行に際し学んだこと(その2)

もうやり始めると止まらない(><)。HTML5とCSS3?レスポンシブWEBデザインをち

記事を読む

ポイントは誰のもの?

ヤフーショッピングのポイント負担、ポイント支払いなどについて

ヤフーショッピングに出店すると、店舗側の意思に関係なく、購入者にはTポイントを差し上げる必要がありま

記事を読む

ヤフー掲示板

このアイデアは失敗に終わった

カラーミーの助け合い掲示板は盛況なのに、yahoo! shoppingの出店者用の助け合い(サポート

記事を読む

トップセラーxヤフー

もしもドロップシッピングのデータをyahoo! shoppingにアップロードする方法(エクセル編集編)

トップセラーのネット仕入れを使ってyahoo! shoppingの商品数を強化しているお店も

記事を読む

横取りマーケティング

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

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

記事を読む

自動表示

ブログの最新記事をトップページに自動表示させる方法(CGI)

ショップサーブはCGIやSSIが使える唯一の通販開業サービスですな。標準で付いている店長ブログこそ使

記事を読む

生き残り

WEB制作業が生き残る方法はあるのか

今から15年前の2000年あたりでしょうか。HP制作業が一番儲かった時期は。その後、「猫も杓子もホー

記事を読む

絵画像

yahooショッピング商品説明絵に入れたい

同じ検索ワードが日本と中国から!そんなこともあるんですね~ さて、この検索ワードですがユーザー

記事を読む

Adsense

Adsense

サポートの品質
サポートの品質で企業の正体がバレてしまう。

ネットショップ1店舗の引っ越し先として検討していた某社。気にな

簡単に取れて稼げる資格
簡単に取れて稼げる資格

税理士の資格を取れば税理士として商売ができるけど独学では難しい

固定費0円
クレジット決済手数料が安い・固定費が無料や安いサービス5選

あっちこっちにネットショップを作っていると大変です。ある通販サ

5つの鉄則
ネットショップ成功の秘訣5つの鉄則

ビジネスとはあまり関連のない教育ジャンルで、とてもいい記事があ

スマホ対応レスポンシブ化
コーポレートサイト(会社ホームページ)のレスポンシブWEBデザイン化で儲ける方法

今ではほとんどの企業やお店がウェブサイトを持っているのは周知の

→もっと見る

PAGE TOP ↑