*

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

関連記事

モーダルウィンドウ

ページの移動なしその場で子ウィンドウを表示できる「モーダルウィンドウ」

modalは英語で「形式上の」「形態上の」という意味ですが、modal window(モーダルウィン

記事を読む

納品書

ショップサーブの納品書のフォントを明朝体に変更する方法

納品書のフォントの初期設定はゴシック体です。「このフォントを変えたい!」と思っている方もいるでしょう

記事を読む

有名ASP

本気でネット販売を始める人に有名ASPをすすめる7つの理由

企業さんに通販システムを聞かれた場合、だいたい、ショップサーブをすすめています。ショップサーブは、ネ

記事を読む

jQuery外部ファイル

外部HTMLファイルをjQueryで読み込んでも表示してくれない2つの原因

古い「.html」を変更するときに悩むのが、全ページ共通部分のヘッダーやナビ、フッターなどで

記事を読む

no image

キャッチコピーのお供「シャルパンティエ効果」

キャッチコピーやライティングをするときは、いろいろなテクニックを盛り込みながらやらないといけないんで

記事を読む

儲かりまっせ

ただで仕入れたモノを5万円で売る。

ITの世界は「ボロ儲けできる」というのが垣間見れるサービスが、ショップサーブのオプションサービスにあ

記事を読む

no image

予約システムはアプリ開発よりCGI

「予約のシステムを使いたい。」というのはネット系の企業よりもリアルのビジネスのほうが多いかもしれませ

記事を読む

自社内で

自社内でネットショップを立ち上げた場合の運用コストについて

自社内で通販事業部を立ち上げる場合の運用コストについて。 すでに製品があるものとして考えた

記事を読む

welcart

ブログでネットショップ構築

wordressのショッピングサイト・プラグイン「welcart」。 WPのサクサク感は心地よ

記事を読む

大人専用

難しいことはイヤ!簡単にオリジナルロゴを作りたい。

ネットショップをやっていても、ロゴ作成だの写真編集だの、面倒くさくなるんですよね。いちいちソフトを立

記事を読む

Adsense

Adsense

らくうるカート評価
らくうるカートの評価とリアルな感想レポート

ここ数が月、弱小ネット販売サイト1店舗の引越し先を探しています。お

HTMLメール
メルマガは無料販促の定番、しかもHTMLメールが基本!もちろん0円で。

過去記事を検索してみると「HTMLメール」に関する記事がほとん

副業
仕事消滅・・・猫も杓子も副業時代に突入?

「レジ係の仕事は将来的になくなる。」とは言われていましたが、こ

オプション・バリエーション
モール退店組(引っ越し)の必須知識。ASPのバリエーション登録方法。

クライアントさんのネット・ショップの引っ越しを手伝っていて、気づいたこ

プラニングカレンダー
プラニングカレンダーで決める4つの目標(ネット通販運営の裏側)

「ご利用は計画的に。」というキャッチがあるように、ネット通販の

→もっと見る

PAGE TOP ↑