*

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

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

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

(1)センタリング

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

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

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

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

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

ヘッダー

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

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

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

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


Adsense

関連記事

有名ASP

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

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

記事を読む

マネー

知らずに余計に払わされているお金

入会金ってよくわかりませんよね。スポーツジムの会員募集ポスターが貼ってあって、見ると、「入会金150

記事を読む

トップページ

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

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

記事を読む

マグカップ

画像検索対策が手薄な店が多いみたい

商品を探すときに画像検索を使う人も多いと思います。でも、その画像検索の結果を見ても、同じような写真ば

記事を読む

ライン電話

LINE電話の品質が良かった

最近よくLINE電話を使います。無料ですし、通話品質もだいぶ良くなってるので、友達との会話くらいなら

記事を読む

EC CUBE 3

2015年7月1日にEC CUBE 3が誕生していた!

ロリポップからのお知らせをたまたま見たら、EC CUBEが新しくなっているじゃないですか。しかも、簡

記事を読む

ページ作り

ページ作りが一番大変で一番時間がかかる

出店申し込みをして、お店の体をなすまでの作業も大変ですが、それ以上に大変なのがランディングページなど

記事を読む

ブラックな手法

確かに存在するブラック?グレー?なやり方

暇つぶしで某巨大掲示板を見て回ってたら、「アフィリで月○○万稼いでるけど質問ある?」といったスレッド

記事を読む

動画埋め込み

yahoo! shoppingの商品ページにyoutube動画を埋め込む方法

結論から申しますと、yahoo! shoppingのトップページや商品ページに、「無料」で動画を埋め

記事を読む

no image

まとめ割キタ!(Eストアーお知らせ)

Eストアーのお知らせ いま読みました。 「3足で1,000円!」(1足なら400)

記事を読む

Adsense

Adsense

菓子製造
菓子製造業許可書つきのレンタルキッチン 広島

今回のおもしろキーワードです。キーワードから、検索ユーザーの思

300select-t
ウェブ仕入れ300点までのセレクトショップが簡単開業できる

ネットショップを始める場合、仕入れをどうするか?ということで頭を悩まし

居酒屋
居酒屋開業とネットショップ開業を比較してみた

「居酒屋を始めたい!」という場合2つ方法がありそうです。 (A)

自分で作成
「自分でネットショッピングサイトを作りたい方」へのアドバイス

「ネット販売がしたい。」というのではなく、「ショッピングサイト

FOBとCIF
FOBとCIFの違いはこの説明がわかりやすいんじゃない?

ネットショッピングをしたことがない人はいないと思いますが、その時に出て

→もっと見る

PAGE TOP ↑