*

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

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

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

(1)センタリング

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

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

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

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

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

ヘッダー

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

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

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

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


Adsense

関連記事

絵画像

yahooショッピング商品説明絵に入れたい

同じ検索ワードが日本と中国から!そんなこともあるんですね~ さて、この検索ワードですがユーザー

記事を読む

さくらインターネット

さくらインターネットでネットショップを開設

さくらインターネット(レンタルサーバー)でネットショップとは、これまたマニアックですね。でも、できな

記事を読む

操作方法

ネットで買い物するためのパソコンやスマホの操作方法

普段、パソコンやスマホなどIT機器に慣れている人には、信じがたい話なのですが、「ネットショップを

記事を読む

コンバーター

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

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

記事を読む

動画埋め込む

一番簡単な動画貼り付け方法

ショップサーブの商品ページへ動画を貼り付ける方法で、もっとも簡単なのはyoutubeを使う方法。手順

記事を読む

アンドロイド

アンドロイドではショッピングサイトを製作しない

スマホしか持っていない人は、ショッピングサイトの仕組みを知らないかも知れないですね。

記事を読む

カテゴリー画像

ヤフーストアのカテゴリをバナー画像に置き換える方法

とりあえず開店したヤフーショッピングのカテゴリーですが、デフォルト(初期設定)の段階では、ださいテキ

記事を読む

no image

yahoo! shopping出店申込時に注意すべきポイント

とりあえず無料で出店できるヤフーショッピングを選ぶ人も多いと思います。最近、出店に関わったので、忘れ

記事を読む

裏ワザ

裏ワザ!無料でカラーミーショップ・プロ3店舗作成

新しいプランを発表した絶好調のカラー・ミーショップ・プロですが、実は、思いもよらないところで無料で3

記事を読む

レンタルキッチンで焼き菓子

レンタルキッチンで菓子製造してネット販売は合法か

人の口に入るモノ販売する場合は、ほぼ例外なく許可が必要です。命に関わりますからね。最近多いの

記事を読む

Adsense

Adsense

閉店
あまりに残念な売上げ・・・閉店か移転かプラン変更か

ショップサーブのライトコースで出店しているお店さんの生々しい台所事情。

フォローメール
フォローメールはスマホで読まれることが多いことを考えると

楽天で買い物したお店からフォローメールが届きました。スマホで読んだ

オーディオルーム
起業ネタ レンタル(高級)オーディオルーム

CDが売れなくなったのは、音楽配信などの影響が大きいと思いますが、

amazon
アマゾン・マーケットプレイスの特定商取引法について

そういえば、1年くらい前でしょうか。マーケットプレイスの出品者に特

屋号に堂
屋号に「商店」や「堂」も古かっこいいかも

屋号の決め方ページにランディングのキーワード「堂」。 メジャーな

→もっと見る

PAGE TOP ↑