*

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

関連記事

うなる

優れたキャッチコピーにうなる

ランディングページを作る必要があって調べ物をしていたら、すばらしいキャッチコピーに出会ったので紹介し

記事を読む

フリーランスの自己ブランディング

超キケン「自己ブランディング」なしのフリーランス起業

その投稿が命取り たまたま周りにフリーランスの人が何人かいます。フリーランスとは、個人で活躍してい

記事を読む

最強のメルマガCGI

メルマガCGI、こんなに素晴らしい最強のCGIがあったのを忘れていた・・・

2018年からの傾向なんですが、通販システムを借りているショップサーブ(運営はEストアー)が、顧

記事を読む

サイト廃止も想定してサーバーを選ぶ

「ネットショップ向け写真撮影の代行をやっています。よろしければご紹介ください。」的なメールをたまたま

記事を読む

HTML編集

ヤフーショッピングの画像やHTML編集方法

ヤフーショッピングは、ショッピングモールなので、と言うと語弊

記事を読む

yahoo! shoppingのカートが優れている

yahoo! shoppingで買い物をしていて思うのは、「カートがいい」ということ。 見やす

記事を読む

スマホだけで開店

スマホだけでネットショップが開店できるようになった

スマホやタブレットが普及し始めたころから、「タブレットだけでネットショップが開業できますか?」なんて

記事を読む

オンエアー

「今、店長います。」をON AIR画像を使って表示させる方法

確か、10年近く前の、日経MJ「にぎわう専門通販」という記事で取り上げられていたショップサーブユーザ

記事を読む

no image

たかが月商10万のお店でもやっている受注率アップの基本施策「3そう」

月商10万程度のお店はもちろん、月商1億10億100億と、通販サイトにおいては、基本中の基本である3

記事を読む

バナー

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

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

記事を読む

Adsense

Adsense

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

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

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

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

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

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

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

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

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

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

→もっと見る

PAGE TOP ↑