*

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

関連記事

makeshop

思わず反応してしまったmakeshopのバナー

バナーもデザインやキャッチ次第で反応してしまいます。今回、視線が釘付けになったバナーは、ネットショッ

記事を読む

no image

アクセスユーザーは4タイプに分けて考える

ネットショップを公開すると、予想通りのアクセス以外、予想外の訪問者もたくさんやってくるようになります

記事を読む

ラインギフト

乗っ取り!?LINEに「緊急のお願い」メッセージ

LINEに「緊急のお願い」メッセージ ポキポキっとLINEメッセージ。 開くと「緊急のお

記事を読む

スライダーで賑わい感

紙芝居のように画像が入れ替わるパーツは「スライダー」

ネットショップのヘッダーなどで、同じ場所で写真が自動的に入れ替わるパーツを「スライダー」と言います。

記事を読む

おすすめ本

yahoo!ショッピング等マニュアル本のオススメがない理由

何かを学んだり参照するときに、ネットを中心に情報収集する人と、本や雑誌などの紙媒体をまず入手しよ

記事を読む

オリジナルページ

ショップサーブのテンプレートを使わずにオリジナルページを使う方法

ショップサーブは、オリジナルページを使えるところが、他社と違うところですね。「ショップサーブのテンプ

記事を読む

バナー

効果的なバナーを作るコツ

いざバナーを作ろうと思うといつも困るんですよね。 効果的なバナーどうやって作れば良いのか?

記事を読む

売却

譲渡目的でECサイト(ネットショップ含む)を作る件

「ネットショップ、あるいは、ブログやアフィリサイトなど、収益を生むサイトを作ってそれを売却する」とい

記事を読む

slider

商品を横スクロールするのはjQueryやCSSによるSLIDER

楽天の「今月の売れ筋ジャンルランキング」などの箇所にある、右矢印をポチっとやると、横に商品一覧がスク

記事を読む

wixサムネイル

イスラエルからやってきたネットショップ開業ツールWixを使ってみた

Wix.comは、本社がイスラエルのテルアビブ。「無料でホームページが作れる」ということは知っていま

記事を読む

Adsense

Adsense

ネットショップ講座名古屋
ネットショップ講座 名古屋

久々のオモシロキーワードです。 「ネットショップ講座 名古屋」

現状維持
恐るべし「現状維持の法則」

打ち合わせでランチに行ったとき、おもしろいメニューがたくさんあって「食

心理学
ネットショップ運営は心理学だ!?

商品をネットに公開するだけで売れていたのは今は昔。マーケティングにセー

ココナラ
副業派必読「得意を売り買いココナラ」はすばらしいキャッチコピーだから「出品してみた感想」

「ネット業界の人」ということが周りに周知されたようで、「こんなコマーシ

管理画面比較
ネットショップ開店サービス4社の管理画面比較

ネットショップを始める場合、ASPと呼ばれるネット通販システムを貸し出

→もっと見る

PAGE TOP ↑