*

yahoo! shopping サイドナビの編集

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

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

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

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

今回は、サイドナビ。

ヤフーショッピングのサイドナビの幅は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

関連記事

繁盛

さびれているのに流行っている店。つぶれない理由とは。

郊外にカジュアルウェアのお店があって、たまたま通りがかったとっきなどに下着なんかを買うことが

記事を読む

データ以降

独自サイトの商品をヤフーショッピングに掲載する方法

独自サイトをどのような形式で構築しているかによってデータ移植作業の時間は変わってきそうです。ショップ

記事を読む

ECサイトの作り方

ECサイトの作り方。これさえわかれば100点満点。

「ECサイトってどうやって作るの?」って聞かれました。なるほど、最近の若い人は「ECサイト」って

記事を読む

学んだこと

レスポンシブ・デザインへの移行に際し学んだこと(その2)

もうやり始めると止まらない(><)。HTML5とCSS3?レスポンシブWEBデザインをち

記事を読む

ヘッダー看板

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

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

記事を読む

wixでブログ

ネットショップ用ブログをWixで始めるのも良い

ネットショップの運営にブログはつきものですが、ブログの書き方がわかっていないお店や活用しきれていない

記事を読む

ヤフーショッピング自社サイトに埋め込む

自社サイトにヤフーショッピングを埋め込む方法

いくつか考えられるものを。 1つ目は、自社サイト内に商品ページが既にあって、そのページにヤフー

記事を読む

ショップサーブ・CSSカスタマイズ

最初にやっておきたい、ショップサーブ・スマホサイトCSS基本カスタマイズ5ヶ所

ショップサーブのスマホ・テンプレートですが、個人的にはイマイチ・・・。 ただ、カスタマイズ

記事を読む

オリジナルページ

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

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

記事を読む

ビジネス

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

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

記事を読む

Adsense

Adsense

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

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

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

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

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

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

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

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

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

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

→もっと見る

PAGE TOP ↑