お名前.com

ショップ構築マニュアル

デザインの設定

1. イントロ画面デザイン

*ショップを作成中またはデザイン等を変更しているときに、工事中画面を表示させることができます。
*B to Bショップで選択した場合には使用できません。
*イントロ画面を利用した際には、ショップのURLの後に「/index.html」を入力してください。
例) http://商店ドメイン/index.html

イントロ画面使用可否
*イントロ画面を利用するか選択する事ができます。

イントロ画面内容入力
*コメント欄に内容を入力すると、イントロ画面に案内文を表示する事ができます。

イントロ画面デザイン
* 6種類のイントロデザインテンプレートから選択する事ができます。

2. デザインテンプレート選択

*メイクショップで作成した数あるテンプレートの中から1つを選択する事ができます。
希望のテンプレートの下のチェック欄にチェックを入れた後に「確認」ボタンをクリックすると、ショップページに適応させる事ができます。

<注意事項>
トップページを独自デザインする場合においても、まず最初はどれかのデザインテンプレートを選択しなければなりません。

3. トップページデザイン

*タイトル入力:ブラウザの左上段に表示される情報。
ソースには<title>ショップタイトル</title>のように挿入されます。

*コメント:
1. イメージがある場合の適用方法

 

1) イメージファイルを参照ボタンをクリックして選択後、アップロードする。
2) 下のコメント入力欄に
[ MAINLOGO ]というパラメータを記入する。
   * パラメータは必ず中括弧付の大文字半角で記入。
   * コメント入力欄に[MAINLOGO]というパラメータを記入すればサイトで [ MAINLOGO ]の代わりにアップロードしたイメージが表示される。
3)管理者ページの右側上段のMyShop

<イメージ制作時の注意事項>
  1)イメージファイルの容量は150KB以内で作成。
  2)イメージファイルの形式は
gifのみ利用可。
  3)イメージのサイズは、レイアウトが3列表示の場合470×111px、2列表示の場合
630×111px以内。
2. イメージが無い場合の適用方法

 

1) コメント入力欄に文章を入力する。(半角2,500文字、全角5,000文字まで。HTML入力可能)
3. イメージとコメント両方を入力する場合の適応方法

 

【1】 イメージの下に文章を表示させる方法。
  1)コメント入力欄に [ MAINLOGO ] を入力する。
  2)[ MAINLOGO ] の次の行に文章を入力する。
【2】 文章の下にイメージが表示させる方法。
  1)コメント入力欄に文章を入力する。
  2)文章の下の行に [ MAINLOGO ] を入力する。

[ 注意事項 ]
コメント入力欄でエンターキーを押して改行を入れると、サイトに改行分の空白が適用されるので、無意味な改行は入れないように注意する。

4. ショップロゴ/バナー管理

商店ロゴ登録

<ロゴイメージ作成時の注意事項>
1) ロゴは上段の左に表示されます。
2) イメージのファイル形式はgifもしくはjpeg
3) サイズは横(width)×縦(height)は 150×35px以内。
4) ファイルサイズは150KB まで。150KB より大きいものはアップロードできません。

バナー登録および管理

<バナー登録時の注意事項>
1)イメージのファイル形式はgifのみ可能。
2)サイズは横(width)×縦(height)は 145×35px以内。
3)ファイルサイズは150KB まで。150KB より大きいものはアップロードできません。

<バナーの適用方法>
1)ローカルコンピュータ内のバナーを選択してアップロードします。
2)バナーのクリック時に飛ぶリンク先のURLを登録する。(必ず絶対指定( www.----.co.jp のように)で登録する)
3)「登録する」ボタンを押す。
4)バナー表示位置を選択して「変更する」ボタンを押す。


<注意事項>
バナーの登録数は最大5個までです。

<バナー登録時のオプション設定>


1)SSL(暗号化)タイプリンクURL登録:"https://" も登録可能。
2)バナーイメージのボーダー幅調整:0〜4(ピクセル)まで調節可能。
3)バナークリック時のターゲット(target)指定可能:"_blank" , "_top" , "_parent" , "_self" の中で選択する。

5. ショップタイプの設定

フレームタイプ

*ブラウザでいくつかのページを一つのページの中に表示させる方法。

1)「上段+メインフレームタイプ」を選択すると、下図のように上段メニューとメイン部分が別のページとして表示されます。
2)「ノンフレームタイプ」を選択するとショップのアドレスにドメインのみ表示されます。
3)「ノンフレームタイプ+URL表示」を選択するとアドレスにショップページのディレクトリが表示されます。(推奨)

frame1.html
frame2.html

個人情報保安(SSL)認証
*会員に関する情報認証を選択すると会員登録・情報修正・ログインの時に情報を暗号化して送信します。
*注文に関する情報認証を選択すると注文をする時のすべての情報を暗号化して送信します。
SSLとは?
SSL(Secure Socket Layer)とは、サーバとクライアントの間で安全なデータ通信を行うためのインターネットプロトコルです。 このプロトコルを実現するために必要なのがSSL証明書(又はサーバ証明書)です。
※メイクショップではVerisign社で提供する128bit暗号化通信を使用して個人情報を認証しています。

整列タイプ選択
*ショップの整列形態を選択することができます。
*ツーフレームで中間整列をした場合、スクロールバーのためショップの形態がおかしくなることがあります。
*ノンフレームタイプで中間整列に直してください。

左側メニュー表示可否
*ショップページの左側のメニューをの表示・非表示を設定できます。

コミュニティコーナー
*「表示しない」を選択する場合は、コミュニティコーナーに表示されるアンケート、懸賞応募、掲示板が見えないようになります。

タイトルイメージ
*タイトルイメージと上段の間にスペースを入れるか、入れないかを選択できます。

ショップの背景設定
*ショップページの背景カラーまたは、背景イメージを選択できます。
*「ColorPalette」をクリックして、背景カラーを選択した後に「決定」ボタンを押します。 最後に「確認」ボタンをクリックすれば、ショップページに背景カラーが適用されるようになります。
*背景イメージを削除する場合は、背景カラーが初期値の白に戻ります。

6. 商品カテゴリー画面デザイン

一般ショップデザインタイプ

一般的な商品陳列方式で、多くのレイアウトの中から一つ選択をします。


価格固定型共同購入デザイン

(共同購入方式で見せれば価格メリットを与えることができます)
一般の共同購入とは違い固定された価格を表示します。(見かけ上の共同購入表示)


カテゴリー、サブカテゴリー、商品登録の概念説明

カテゴリー : 一番大きな範疇での分類です。
サブカテゴリー : カテゴリーの下にくる分類。商品点数、種類が多い場合に作成すると効果的です。

*サブカテゴリーを作成する場合(商品が多い場合)
 カテゴリー : ファッション雑貨
 サブカテゴリー : 女性服、男性服、時計、カバン、ベルト
 商品登録 : 各商品の登録

*サブカテゴリーを作成しない場合(商品が少ない場合)
 カテゴリー : ファッション雑貨
 商品登録 : 各商品の登録

7. 商品詳細画面デザイン

*各カテゴリーごとに詳細ページのデザインを選択することができます。
「一般ショップデザインタイプ」と「価格固定型共同購入デザインタイプ」があります。

8. 会員登録画面デザイン

*ショップの会員登録画面デザインを選択することができます。

9. ログインページデザイン

*選択したデザインテンプレートは「会員認証」「注文紹介」「商品購入」「パスワード紛失」のデザインに反映されます。

10. 注文書画面デザイン

*注文書画面の整列形体と背景、色、サイズなどを設定することができます。

11. トップページ商品配置の設定

*ショップのトップページの商品陳列方式や位置、個数を設定します。

1) おすすめ商品表示個数
トップページの中央部分上段に表示されるおすすめ商品の表示個数を選択します。
※表示個数を8つ以上にする場合は、サブカテゴリーを表示しないほうが見やすくなります。
2) 新規商品表示個数
トップページの中央部分中段に表示される新規商品の表示個数を選択します。
3) 商品画像サイズ設定
トップページに表示される「おすすめ商品」「新規商品」の画像サイズを80〜140ピクセルで変更することができます。
4) 右側画面ディスプレー設定
(1)上端:お知らせの表示数です。
(2)中段:スペシャル商品表示数です。
スペシャル商品を登録すれば、商品の陳列方式を「固定された商品リスト」か「流れる商品リスト」に選択適用します。
5) 商品リスト表示数設定
カテゴリーをクリックした時に表示される商品の表示数です。
6) 商品のオプション価格の表示設定
商品価格がオプションによって変更される場合に表示するメッセージを変更することができます。

ページ先頭へ