*

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

関連記事

おすすめ本

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

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

記事を読む

重ねるCSS

商品写真の上に文字や画像を重ねるCSS

初めての沖縄旅行にテンション上がりまくりの女の子ちゃん 商品写真に文字を入れる場合、基

記事を読む

CSVファイルのカンマを置換

CSVファイルを変な区切り文字に変換する方法

エクセル(今回はOpenOffice)を使えば、任意の区切りでCSVファイルを作れると思ったらできま

記事を読む

no image

初頭効果の営業マンを客観的に見ると

心理学で言う初頭効果とは、「初対面以降、第一印象に引きづられる。」ということですね。営業案のSさんが

記事を読む

CGIとSSL

ショッピングカートCGI利用時はSSLに

SSLとは通信の暗号化のこと。お客さんが個人情報やカード情報を送信するときは、必ず暗号化通信にするこ

記事を読む

no image

開業ASPと自作との作業性の劇的な違い

ショップサーブに出店しているお店の、一部の商品ページを編集しようと思って管理画面で作業していました。

記事を読む

改ざん問題

ネットショップ初心者向け基礎知識

ネットショップを始めた。お店づくりにはどんな選択肢があって、どのように選べば良いのかを知らない。そん

記事を読む

no image

あらためてネットショップのメリット7つとデメリット

2016年、ネットが普及し始めて20年以上です。ほぼ20年以上ネット販売をしているってのも変な感じも

記事を読む

集客力強化

集客力を強化するための裏ワザ

書いてしまった段階で裏ワザではないんですが、見ている人は少ないですからね。見て使った人には裏ワザです

記事を読む

自作のすすめ

ネットショップ自作のすすめ、も・・・

ネットショップを始める場合、ショップサーブなどの開業サービスを使ってスタートするのが一般的になりまし

記事を読む

Adsense

Adsense

ニッチジャンルでSEO
ニッチなジャンルで検索結果の1位を狙う方法

「マニアックでニッチなジャンルでSEOを施策し検索結果の1位を狙ってみ

逆境の中で
逆境の中で破壊的改革はできるのか

どんな業界も栄枯盛衰ですね。かなり前から「若者の自動車離れ」というキー

イベントこじつけ
売り上げアップの秘訣の1つは季節のイベントにこじつけたキャンペーン

間もなく3月ですが、3月のビッグイベントは把握して準備されていますか?

常時SSL
がっくりorz…常時SSLを無料で利用できるプラン発見、灯台下暗し

つい2,3日前に、さくらインターネットを使った常時SSLオプションが、

常時SSL化
常時SSL化へ向けてのテスト体験

ホームページビルダーでPC用に作ったサイトが10年経って、レスポンシブ

→もっと見る

PAGE TOP ↑