*

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

公開日: : 最終更新日:2016/02/22 CSSやHTML、CGI, ウェブ・テクニック, ヤフーショッピング・作成講座

yahooさんが用意してくれてもいいのに、無いのがトップページ用のカテゴリー一覧のテンプレート。無いなら作ろうホトトト・・・今回作ってみたのは、ショップの幅が950pxの場合です。カテゴリー数を9個として作ってみました。イメージは次のような感じ。

カテゴリー用

HTMLを書く前に「バナー作成」と「画像のアップロード」を済ませておきます。バナー作成は、イラストレーターでも良いしフリーの画像ソフトでもOK。画像のアップロードは「画像管理」→「追加画像」。

HTMLは、パソコン上でメモ帳などを使って、保存しながら書いたほうが良いでしょう。ストアクリエイターPro上で書いても自動保存はしてくれないので、「あっ!」と思ったときは手遅れになるかも知れないですね。

以下、コピペでご利用ください。
バナー画像の縦サイズは自由に変えてください。

<table width=”740″ cellpadding=”0″ cellspacing=”0″>
<tbody>
<tr>
<td><a href=”カテURL”><img src=”バナー画像URL” width=”240″ height=”180″ border=”0″ /></a></td>
<td width=”10″></td>
<td><a href=”カテURL”><img src=”バナー画像URL” width=”240″ height=”180″ border=”0″ /></a></td>
<td width=”10″></td>
<td><a href=”カテURL”><img src=”バナー画像URL” width=”240″ height=”180″ border=”0″ /></a></td>
</tr>
<tr>
<td height=”10″ colspan=”5″></td>
</tr>
<tr>
<td><a href=”カテURL”><img src=”バナー画像URL” width=”240″ height=”180″ border=”0″ /></a></td>
<td></td>
<td><a href=”カテURL”><img src=”バナー画像URL” width=”240″ height=”180″ border=”0″ /></a></td>
<td></td>
<td><a href=”カテURL”><img src=”バナー画像URL” width=”240″ height=”180″ border=”0″ /></a></td>
</tr>
<tr>
<td height=”10″ colspan=”5″></td>
</tr>
<tr>
<td><a href=”カテURL”><img src=”バナー画像URL” width=”240″ height=”180″ border=”0″ /></a></td>
<td></td>
<td><a href=”カテURL”><img src=”バナー画像URL” width=”240″ height=”180″ border=”0″ /></a></td>
<td></td>
<td><a href=”カテURL”><img src=”バナー画像URL” width=”240″ height=”180″ border=”0″ /></a></td>
</tr>
</tbody>
</table>

 

 

Adsense

関連記事

店舗メール3つのコツ

開店前に知っておきたい「ショップサーブ店舗メールの使い方3のコツ」

ショップサーブだけに限ったことはでないですが、メールの使い方については3つのコツがあります。

記事を読む

no image

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

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

記事を読む

テクニック

やられてしまった・・・実店舗雑貨店のずる賢い販売テクニック

「たまにはリアルの「モノ」を見なければ」と思って駅ナカの雑貨店でウロウロしていました。ちょうど赤のボ

記事を読む

ポイントは誰のもの?

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

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

記事を読む

手順

インターネット販売の手順を教えて下さい

最近、かなり増えてきている文章スタイルの検索ですが、一応、そういった検索は意識しているつもりです。今

記事を読む

通販アプリ

個人でネット販売を始めるには通販アプリが簡単

そうなんですよね~。今は、スマホやタブレットのアプリで個人通販が始められる時代です。おそらく、通販ア

記事を読む

CSSでレイアウト

ショップページをCSSでレイアウトするコツ

TABLEに慣れてるるので、レイアウトもついついTABLEを使ってしまいます。でも、そろそろCSSで

記事を読む

裏ワザ

裏ワザ!無料でカラーミーショップ・プロ3店舗作成

新しいプランを発表した絶好調のカラー・ミーショップ・プロですが、実は、思いもよらないところで無料で3

記事を読む

画像検索

「その画像どこから仕入れたのか?」を調べる方法

「この画像(写真)いいよな。でも、このサイトからコピペすると著作権に違反するかもしれないからできない

記事を読む

メイリオの行間

フォントMEIRYO(メイリオ)を使うと不自然な行間が開いてしまう問題を直す!

ネットショップの業務として、ワードやエクセルは、ほとんど使わないんです。ネット販売に、そんなスキルは

記事を読む

Adsense

Adsense

重ねるCSS
商品写真の上に文字や画像を重ねるCSS

初めての沖縄旅行にテンション上がりまくりの女の子ちゃん

今後10年で
今後10年でなくなる仕事を目の当たりにして実感した3例

オックスフォード大学が702業種を調べて、今後10年で「消える職業

制作を丸投げしない
こだわりある店主やオーナーは制作を丸投げしないこと

ショップサーブでネットショップを開店。お店づくりをしたいけど、面倒

CSV引っ越しは楽しい
ヤフーショップからショップサーブへの引っ越し方法

楽天からカラー・ミーショップ・プロ、カラー・ミーショップ・プロから

受信拒否
迷惑客のメールを受信拒否する方法

電話や携帯メールは受信拒否が簡単にできますが、実は、メールの拒否機

→もっと見る

PAGE TOP ↑