*

デザイン設定で最初にやっておきたいこと(その1)

公開日: : 最終更新日:2016/08/09 ネットショップの作り方, ヤフーショッピング・作成講座

「ヤフーショッピングに出店してみた。」ものの、デザインをいじりだすと止まらなくなるのが、もとウェブクリエーターの性ってところです。その気持ちを押さえて、最低限やっておきたいのは次の3つ。

(1)センタリング

恐らくデフォルト(初期の状態)では、レイアウトは左寄せになっているのではないでしょうか。これを真ん中に配置しておきます。

「ストア情報設定」の「エディター設定」で編集モードを「通常モード」にしておきます。その上で「ストアデザイン」→「全体の設定」と進み、ページ幅を900前後にして、「位置」を「中央」にチェックをします。

(2)ヘッダーナビゲーションを画像ボタンにする

デフォルではテキストリンクで、とても格好悪く感じます。ページの下のほうであれば、見られることも少ないでしょうが、「ヘッダー」は、お客様へのイメージ付に非常に大事な部分ですから、せめてオリジナルボタンにしておきたいところです。

ヤフーショッピングでは、ヘッダーナビゲーションとは言わず、「ストアサービス」という言葉が使われています。「ストアデザイン」→「ヘッダー・看板」のところで、画像を登録していきます。

ヘッダー

お店の全体の幅を900にしてボタンを標準の7個配置する場合は、ちょっと計算。幅126pxのボタンを7個作れば、ぴったり収まる計算です。縦の大きさは適当に決めます。

{900-([3px]×6個=18px)}÷7=126px

ちなみに、ストアサービスは並び替えができないので、配置の順番を変えたい場合は、ストアサービスを全部「表示しない」設定にして、「フリースペース」を使って、オリジナルボタンと希望の配置が可能になります。(HTML習得者中級向け)

※関連
ヤフーストア作成講座


Adsense

関連記事

クリスマス特集

クリスマスセール(キャンペーン)の準備や設定方法

もう気分はクリスマスですね。もちろん、店舗運営者の感覚です。でも、世間でも10月あたりからぼちぼちク

記事を読む

welcart

wordpressのネットショプ用のプラグインwelcartをインストールしてみた結果…

以前から気になっていたワードプレスをネットショップにカスタマイズするプラグイン「welcart」をイ

記事を読む

通販アプリ

個人でネット販売を始めるには通販アプリが簡単

そうなんですよね~。今は、スマホやタブレットのアプリで個人通販が始められる時代です。おそらく、通販ア

記事を読む

コンバーター

楽天・yahoo shopping・ショップサーブコンバーター

コンバーターとは変換器のこと。例えば、「楽天からヤフーに引っ越ししたい」という場合、トラックに荷物を

記事を読む

ヤフートップ

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

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

記事を読む

有名ASP

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

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

記事を読む

onlinestore

How to create an online store

「ネットショップってどうやって作るの?」という疑問は、日本に限らず、アメリカ、イギリス、ドイツ、フラ

記事を読む

エクセルの表

エクセルで作った表をHTMLページに表示

「エクセル(Openoffice)で作った表をウェブページに移植できる!」と、まぁ~こんなことを今更

記事を読む

利益率

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

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

記事を読む

base

スマートフォンやタブレットでも開業できる

無料レンタルショップで同じみのBASE株式会社がやってくれました。 なんと、すでに、iPhon

記事を読む

Adsense

Adsense

去って欲しい社員
去って欲しいスタッフの条件

ドワンゴ社内に飾られている「去ってほしい社員の条件」 出典:天

何を売っていいかわからない
ネットショップ 商材 何を売っていいか分からない

個人で、副業で、ネットショップを始めたいけど、何を売っていいいかわ

ヤフーデザイン
ヤフーショッピング出店デザインはどうやって作るのか

「無料で簡単に」申し込みができるようになったヤフーショッピングですが、

quocard2
QUOカードや金券を確実に経費にする方法

(www.quocard.com/) quoカードはもちろん

アパレルショップ向けは
アパレルショップのネットショップを作成するには

アパレルショップと言っても、いろいろですからね。スーツ専門店、

→もっと見る

PAGE TOP ↑