*

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

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

この記事は約5分で読むことができます。

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

関連記事

確定申告

「確定申告作成や会計はネットから」がスタンダード

パソコンを買い換えると、これからの時期に活躍するあのソフト入ってないんです。会計ソフト。で、ソフトの

記事を読む

メディアEC

ネットショップの基本「メディアEC」

ここ数年、コンテンツマーケティングとかメディアECという言葉が取りざたされていますが、実は、これ

記事を読む

認知的不協和

キャッチコピーや広告文は「えっ!?」と思わせる

何のビジネスの経験もなく、ただ商品を仕入れてアップしておけば、飛ぶように売れた時代が懐かしいです。(

記事を読む

no image

まだまだ売れるホームページビルダー20!

「通販サイト作成 ホームページビルダー20」というキーワードでご訪問。 ホームページビルダーっ

記事を読む

コンテンツマーケティング

コンテンツマーケティング制作中

新しくブログというか、ウェブサイトを作っています。いわゆるコンテンツマーケティングの部類にはいるので

記事を読む

フレームワークとは

フレームワークって何?わかりやすく教えて!

「フレームワークとは何かを考えるときの枠組みである。」 と言われても、「わかるかっ!」ですよね

記事を読む

サーバーエラー

CSV編集CGIがない

放置気味の自作サイトのCSVファイルをウェブ上で編集するためのCGIを探してみたところ、意外にないん

記事を読む

ルナスケープ

Lunascape(ルナスケープ)

Lunascape(ルナスケープ)とは、Chromeやインターネット・エクスプローラーなどと同じ、イ

記事を読む

すべて失ってもLPO

すべてを失ってなっても忘れてはいけないランディングページ作成7つの重要ポイント

ここ数年のウェブスキルで、最も重要なのはランディングページ(LP)を設計し作成できるスキルでしょう。

記事を読む

IT関係得意

周りの人よりパソコン得意だから頼られる。うざい。

こんな実話がありました。 Aさん「俺さ~ん、スマホが壊れちゃってさ、データ復旧できないかな?」

記事を読む

Adsense

Adsense

写真優位効果
写真優位効果(ユーザーは文字を読みたくない!)

返報性の法則やら、アンカリング効果やら、フット・イン・ザ・ドア

11月の販促
11月のイベントに向けて販促キャンペーン・スケジュールを立てよう。

気づけば、今年も後半戦じゃないですか。販促は計画どおり進めてい

クロスセル
EC事業者のトップセラーの活用方法(クロスセルに使う)

ネット販売のお手軽副業のお供、在庫不要ネット仕入れのトップセラー(

管理画面改善
朗報。ショップサーブの管理画面少々改善される(オリンピック!?)

このヘッダーの通り、ショップサーブの管理画面の「メニュー部分」

カラーミーの優れたLP(ランディングページ)がGOOD

カラー・ミーショップ・プロを、たまに覗くのですが脱帽です。日々

→もっと見る

PAGE TOP ↑