*

yahoo! shopping サイドナビの編集

公開日: : 最終更新日:2016/11/08 CSSやHTML、CGI, ネットショップの作り方, ヤフーショッピング・作成講座

サイドナビ
動画付き解説版できました~

デザイン設定で、「とりあえずお店らしく」と考えた場合、ヘッダー、トップページ、そして、サイドナビ(サイドナビゲーション)をオリジナルに変更しておけば、「とりあえず」それっぽくなります。

今回は、サイドナビ。

ヤフーショッピングのサイドナビの幅は200px(デフォルト/初期状態)なので、この大きさのボタンを作ります。縦の大きさは任意ですが、カテゴリの数が多い場合は、できるだけ高さを押さえて、平たく作って、カテゴリ数が少ない場合は、大きく、見やすく作ると良いでしょう。

オンラインのボタン作成サイトで作ってみました。

Tシャツ
パンツ
キャップ
アクセサリー

フォトショップなど、画像編集系のソフトを使える場合は、そちらで作れば良いのですが、「なにも持っていない!」という場合は、こういった無料で使えるオンラインソフトを使うと便利です。

とにかく、技術力のない初心者のときは「それなり」で良くて、「かっこいいボタンにしたい」とか「おしゃれなデザインにしたい」といった欲は捨てるのがコツです。

画像ができたらアップロードしておきます。そして、ストエディタのサイドナビの「パーツの並べ替え」の箇所で「ストア内商品カテゴリ」を左側に捨てます。画像化したカテゴリは「フリースペース1」にHTMLタグを書きます。

<a href=”カテURL”><img src=”アップ画像”></a><br>
<a href=”カテURL”><img src=”アップ画像”></a><br>
<a href=”カテURL”><img src=”アップ画像”></a><br>
<a href=”カテURL”><img src=”アップ画像”></a><br>

ボタンとボタンの間にスペースを入れたい場合はTABLEタグを使うと良いです。

ボタンメイカー
http://box.aflat.com/buttonmaker/

※人気ページ
ヤフーストアのカテゴリをバナー画像に置き換える方法



Adsense

関連記事

わからない

ヤフーショップの構築方法がわからない

「ヤフーに出店したけど構築方法がわからない。」という人が激増中です。 出店審査にパスす

記事を読む

動画風・・・意味なし

クリック率が高くなる仕掛け(動画風)を作ってみた

動画風バナーというか、「これクリックすると動画が再生される」と思ってしまうバナーです。で、ついクリッ

記事を読む

no image

Window10にアップグレードしてみた

「アップグレードしてください。」のメッセージがあまりにうざいので、Windows10にアップグレード

記事を読む

slider

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

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

記事を読む

カスタマイズ

WEB MART(KentWeb)カスタマイズ

WEB MART CGIの続き。購入は最低限のスッキリ3ステップなので、カスタマイズもしやすく、かつ

記事を読む

自分で作れる

ネットショップは自分で作れるのか?

このネタは何回も投稿しないといけないようです。兵庫県某市から接続のAさん。男性か女性か、年齢もわかり

記事を読む

ビジネス

商品と資金があるのでビジネスにしたい

どんな商品があって、どの程度の資金があるのかわかりませんが、おそらく中小企業かと思われます。自社で直

記事を読む

生き残り

WEB制作業が生き残る方法はあるのか

今から15年前の2000年あたりでしょうか。HP制作業が一番儲かった時期は。その後、「猫も杓子もホー

記事を読む

たたりなし

CMS・・触らぬ神に祟りなし

「触らぬ神に祟(たたり)なし」とは、『かかわり合いさえしなければ、余計な災いを受けることもない。』の

記事を読む

フォームメールで売上UP

高機能フォームメールを活用して売上アップ

問い合わせのフォームも、使い方によっては受注数のアップにつながるケースがあります。フォームから受注と

記事を読む

Adsense

Adsense

必要なもの
副業のネットショップ起業に必要なもの

最小単位は(1)商材と(2)銀行口座です。一応、これだけあれば、ネ

去って欲しい社員
去って欲しいスタッフの条件

ドワンゴ社内に飾られている「去ってほしい社員の条件」 出典:天

何を売っていいかわからない
ネットショップ 商材 何を売っていいか分からない

個人で、副業で、ネットショップを始めたいけど、何を売っていいいかわ

ヤフーデザイン
ヤフーショッピング出店デザインはどうやって作るのか

「無料で簡単に」申し込みができるようになったヤフーショッピングですが、

quocard2
QUOカードや金券を確実に経費にする方法

(www.quocard.com/) quoカードはもちろん

→もっと見る

PAGE TOP ↑