*

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

長時間作業に集中したい時にはクラシック

「この3時間で、ショップサーブの商品ページの作り込みと、ブログを2つ書いておきたい。」と気合を入れた

記事を読む

no image

ショップサーブを予約システムとして転用してみる方法

ショップサーブといえば、物販用のネット販売システムですが、これを予約システムとして使えるのではないか

記事を読む

ttrinity

オリジナルTシャツをネット販売する方法(T-Shirts Trinity×通販アプリ)

毎年Tシャツを買い換えるのが楽しみですね。「今年来たTシャツは来年は着ない。」「捨てる。」と言う人も

記事を読む

バナー作りはプロに

バナー作りはプロに任せて安上がり

ランサーズ(Lancers)でオリジナル・バナーの作成を募集。 こういう手があったのを知らなか

記事を読む

トップページ

トップページの編集手順について考え中

ヤフーショッピングにかぎらず、トップページはお店の顔ですから「それなり」に作りこんでおきたいところ。

記事を読む

検索されてる言葉

ヤフーショッピングで検索されている言葉を知るには?

という検索ワードでの当サイトご来店。 ヤフーショッピングで「腰痛」と検索してみました。すると「

記事を読む

Adsense

Adsense

副業をする3つの理由
副業する理由は3つ

副業全盛の時代ですが、副業をする人の理由はまとめると3つになりそうです

とっておきの副業30
とっておきの副業厳選30(プレジデント2017.4.3)

今さらですが、副業したい人多いですよね。したほうが良いと思います。会社

生き残る問屋
問屋が売上げを上げる方法(生き残る唯一の道)

ガラケーがスマホに押されて姿を消しつつあるように、インターネットの

商品数が少ないネットショップの戦略
商品数が少ないネットショップの戦略

商品数が少ないとお店のページ数も少なくなるので、商品数が多い場合に比べ

屋号2つ以上
屋号を2つ以上使い分けても良いのか?

開業届け書には、屋号を書く箇所はひとつだけです。税務署に対しては屋号は

→もっと見る

PAGE TOP ↑