*

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

関連記事

画像の切り抜き

画像の切り抜き方

AdobeのPHOTOSHOP(フォトショップ)など、写真編集のテクニックのひとつに「切り抜き」とい

記事を読む

no image

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

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

記事を読む

学んだこと

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

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

記事を読む

制作を丸投げしない

こだわりある店主やオーナーは制作を丸投げしないこと

ショップサーブでネットショップを開店。お店づくりをしたいけど、面倒なので制作パックを申し込みたい

記事を読む

plala

ぷらら等プロバイダーの無料HPでのネットショッピングが危険な理由

自宅やオフィスの固定電話を使ってインターネットサービスを使う場合、必ず、プロバイダーという通信事業者

記事を読む

LPO

プロとしてLP(ランディングページ)の制作を請け負うなら

「LP作成の仕事を取ったのだが、クライアントは『送信フォームも埋め込んで欲しい』と言う。これは、PH

記事を読む

激増

ヤフーストアどうやって作るの?という人が激増中

2013年から無料化されたヤフーショッピングですが、出店者が激増するのと同時に、「申込だけどお店

記事を読む

CS-CART

新種発見か?レスポンシブ対応CSカート

サーバーにインストールして使うCS-CARTというカートプログラムを発見。 レスポンシブ(端末

記事を読む

利益率

利益率は高ければ高いほどいい

「仕入れがいくら」「掛け率がいくら」など、結局のところ、ショップ運営者、あるいは仕入れ担当者が知りた

記事を読む

ヘッダー看板

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

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

記事を読む

Adsense

Adsense

初めてのメルカリ
初めてのメルカリショッピングで

ネットショップ運営者とは言え、C業界人ですからね。EC業界のことは広く

ハッシュタグとは
ハッシュダグとは

SNSが盛んになっているにもかかわらず、あまり活用していないのもあって

メルカリ3
メルカリ初心者が学んだ3つのこと

たまに使うメルカリについて学んだことが3つあったので記録しておきます。

商材見っけ
トップセラーで商材見っけ!

仕入れ0.01掛けから7掛けまでの商売をしていると、それ以下の掛け率の

no image
スマホだけでネットショップ運営

「当日は、このメールをプリントしてお持ち下さい。」なんてありますよね。

→もっと見る

PAGE TOP ↑