*

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

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

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

(1)センタリング

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

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

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

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

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

ヘッダー

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

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

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

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


Adsense

関連記事

エクセルの表

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

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

記事を読む

10ページ以内

10ページ以内のネットショップを作りたい

ネット販売を始める場合、ASPを使うのが当たり前になりました。 でも、「商品1点だけ。ページ数

記事を読む

no image

ヤフーショッピングのページ作りに使える無料ソフト

これ↓ http://asomin.net/htmleditor/ ホームページビルダー

記事を読む

フリーランスの自己ブランディング

超キケン「自己ブランディング」なしのフリーランス起業

その投稿が命取り たまたま周りにフリーランスの人が何人かいます。フリーランスとは、個人で活躍してい

記事を読む

baseアプリ

ベイス(base)はネット開業ASPの理想形

ショップサーブでお店を運営しながら、つい、使いにくい点に不満たらたらで、ブログにも「あんな機能とかこ

記事を読む

シンメトリー効果

デザインはシンメトリー効果を意識する

シンメトリーとは左右対称や上下左右でつり合っていること。ホームページのレイアウトが崩れていると「この

記事を読む

アンドロイド

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

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

記事を読む

ブラックな手法

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

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

記事を読む

ヤフーショッピング出店失敗

ヤフーショッピング出店失敗は3タイプか

何をもって「失敗」とするのか?考えてみると3つくらいありそうです。 1.まったく売れなかった・

記事を読む

no image

長時間作業に集中したい時にはクラシック

「この3時間で、ショップサーブの商品ページの作り込みと、ブログを2つ書いておきたい。」と気合を入れた

記事を読む

Adsense

Adsense

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

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

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

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

おてがる通販
おてがる通販を使いたいが評判やWindows10で使えるのか気になる

「おてがる通販」とは、なつかしいひびきですね。「おてがる通販」はネ

ストアープロ
ストアークリエーターproを使うにはhtmlの知識が必要か?

はい。もちろんです。 でも、必須ではありません。HTMLの知

クレーマー対処法
クレーマー対処法マニュアルを知るには自らクレーマーになること

いざクレームが発生すると、どうして良いかわからないものです。そこで

→もっと見る

PAGE TOP ↑