*

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

関連記事

動画埋め込み

yahoo! shoppingの商品ページにyoutube動画を埋め込む方法

結論から申しますと、yahoo! shoppingのトップページや商品ページに、「無料」で動画を埋め

記事を読む

Youtube

動画の再生は可能か?(埋め込み手順)

ショップサーブでは、トップページや商品ページへの動画の貼り付けは、他のサービスに比べると、比較的簡単

記事を読む

バナー作りはプロに

バナー作りはプロに任せて安上がり

ランサーズ(Lancers)でオリジナル・バナーの作成を募集。 こういう手があったのを知らなか

記事を読む

SEO

これで十分。役立つSEO情報サイト2つ

しばらくSEOについては放置してましたが、ここへ来て、久々にしっかりお勉強中。ブックマークしていたサ

記事を読む

記事が多い理由

なぜショップサーブの記事が多いのか。その理由。

なぜショップサーブの記事が多いのか。 最大の理由のひとつは、「ショップサーブを使っている人が多

記事を読む

常時SSL

がっくりorz…常時SSLを無料で利用できるプラン発見、灯台下暗し

つい2,3日前に、さくらインターネットを使った常時SSLオプションが、年額1,620円と破格なのに飛

記事を読む

手順

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

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

記事を読む

画像検索

商品写真だけの一覧ページを作りたい

店舗内の商品検索は、品名や品番など「テキスト(文字)検索」が基本。 でも、商品数が多いと、テキ

記事を読む

メルカリ売れた

メルカリ売れた!(初注文)苦節200日!?

メルカリに出品すること100日か200日か。コメントやイイネなどがつくものの売れる気配なく完全放置す

記事を読む

ヘッダー看板

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

開店申請にパスしたなら、とりあえず商品を登録して行くわけですが、ヘッダーを作ってお店らしくしたい人も

記事を読む

Adsense

Adsense

整骨院でハロー効果
整骨院のハロー効果とプラシーボ効果

腰痛で接骨院だか整骨院だかに行ったとき、若いセンセが見てくれて電気治療

タイミング
「ビジネスはタイミングが大事」で失敗した例

商売は「早すぎてもダメ。遅すぎてもダメ。タイミングが大事。」なんて言い

ドロワーメニュー
スマホランディングページに最適なドロワーメニュー

ショップサーブのスマホページにドロワーメニューを取り付けるために大奮闘

儲かりまっせ
ただで仕入れたモノを5万円で売る。

ITの世界は「ボロ儲けできる」というのが垣間見れるサービスが、ショップ

読みたくなる
つい読みたくなる、クリックしたくなるタイトルの作り方

捨てメアドの整理をしていたらキャッチコピー系のメルマガが気になってつい

→もっと見る

PAGE TOP ↑