*

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

関連記事

php無理

phpプログラミングは果てしないのであきらめた

「phpでプログラミングができたらどんなにいいか。APIを使っていろんなことができるし。」という思い

記事を読む

価格の表示方法

商品毎に価格の表示方法を変えたい

ネットショッピングをしていて色々な価格表示がありますよね。今回遭遇したのは、「衝撃価格」という表示。

記事を読む

静岡県

静岡県の浜名湖とWordPressとwelcart

浜名湖を通っても、いつもは「静岡だ~」「うなぎだ~」くらいしか思い浮かべないんですが、今回は、浜名湖

記事を読む

ヤフートップ

yahoo! shoppingのトップページはどうやって作るのですか?

無料で、しかも、地方の父ちゃん母ちゃんでも出店できてしまうyahoo! shopping。ライト出店

記事を読む

ランディングページの作り方

ランディングページの作り方は2種類!?

ランディングページの作成で3時間格闘しました。 「ランディングページの作り方」と検索すると、い

記事を読む

欠品率

27万点の中からドル箱アイテムを探そう

トップセラー(Top Seller)の商品数が27万点を突破したそうです。27万円はわかりますが、2

記事を読む

カラーミー

ハンドメイドで単価が安く商品数が少ない場合(50点程度まで?)の開業サービスの選択

ハンドメイドの商品を作っている人。ネット販売ではなく、リアル中心で営業をしている。商品単価は100円

記事を読む

カウントダウン

時限(カウントダウン)タイマーを設置したい

楽天でショッピング中に見かけた、この100分の1秒単位でカウントダウン(キッチンタイマー?)

記事を読む

Youtube

動画の再生は可能か?(埋め込み手順)

ショップサーブでは、トップページや商品ページへの動画の貼り付けは、他のサービスに比べると、比較的簡単

記事を読む

おすすめ本

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

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

記事を読む

Adsense

Adsense

TPPに注目
TPP協定発効でネット販売市場はさらに伸びるか

「もう、ネット販売は儲からない。」「モノ余りでモノは売れない。

ニッポンの社訓はすごい
ニッポンの社訓はすごい!から8社

30分の時間つぶしのために、いつものコンビニの雑誌コーナー。さっと見渡

クレカ必須
ネットショップ運営者にクレジットカードは必須である2つの理由

現金主義の人も多いですが、ネットショップをやるとなれば、そのポリシ

消費者直送を嫌がるメーカー・消費者直送をすべきメーカー

個人宅への直送を嫌がるメーカーが口をそろえて言うのが「トラブルが嫌

勘違い
かっこいいと思っていたデザインは実は最悪だった

サイト開設時から使っていたブログ(今放置)のレイアウト・デザインですが

→もっと見る

PAGE TOP ↑