会員登録バナーをサイドバーに設置する方法

1. 「内容」の入力欄をクリックし、カーソルを表示させます。
2. 「画像挿入（額縁のアイコン）」をクリックします。

1. 「ファイルを選択」をクリックします。
2. 画像ファイルを選択するダイアログボックスが開きます。
3. パソコンから挿入する画像を選択します。
4. 「開く」をクリックすると画像選択が完了します。
   ダイアログボックスが閉じられ、画像挿入する画面に戻ります。
5. 選択した画像のファイル名が自動的に表示されます。

1. 選択した画像ファイルが「日本語のファイル名」の場合のみ、
   「ファイル名」に、拡張子を含めて半角英数で入力します。
   
   ＜例＞
   バナー画像.jpg　・・・画像挿入できません。
   banner.jpg　　　・・・画像挿入できます。
   
   

   
   選択した元の画像ファイル名が半角英数の場合は入力不要です。

   
   代替テキストはＨＴＭＬのalt属性に反映されます。

2. 「挿入する」をクリックします。 フリーエリアの「内容」の欄に画像が挿入されます。同時に、管理画面メニュー「お店運営 ＞ 画像管理 ＞ 画像台帳」にも画像が登録されます。

   
   フリーエリアの「内容」には、画像の他、テキストも入力できます。
   文字の大きさ、色、太さも変えられます。

1. 画像バナーをクリックし、選択します。
2. 「リンク（鎖のアイコン）」をクリックします。

1. 「アドレス（URL）」にリンク先の新規会員登録ページの URL を入力します。

   
   新規会員登録用のページのＵＲＬは、管理画面で確認できます。

   新規会員登録ページＵＲＬ（ＰＣ用）
   管理画面メニュー「サーバー ＞ URL一覧 ＞ 新規会員登録」

   新規会員登録ページＵＲＬ（スマホ用）
   管理画面メニュー「スマートフォンサイト設定 ＞ 各種設定 ＞ URL一覧 ＞ 新規会員登録」

2. リンク先の表示方法を選択します。
   ※新規会員登録の場合は、「別ウィンドウ」を推奨します。

   
   別ウィンドウ：新しいウィンドウ（タブ）が開き、リンク先ページへ遷移します。
   同ウィンドウ：今見ているウィンドウで、リンク先ページへ遷移します。

3. 「OK」をクリックし、リンク設定は完了です。
4. リンク設定が正しく完了していると、バナー画像に囲み線がつきます。

1. バナー画像をクリックし、選択します。
2. 「中央揃え」をクリックします。画像が中央に移動します。
   「左寄せ」「右寄せ」も可能です。
3. 「設定を保存する」をクリックします。

これで、バナーの設置が完了しました。

お店ページに表示させるために、「2」へ進みます。

1. お店ページのサイドバーに表示させたいコンテンツを「表示」に切り替えます。
2. お店ページの左側、右側のどちらに表示させるか選びます。
3. 「↓表示レイアウト設定へ反映」をクリックすると、下の「表示レイアウト設定」に反映します。

表示させる場所の表示イメージ図

1. 表示位置を変更したい項目をクリックし、色を反転させます。
2. 反転した項目を「上」「下」をクリックして移動させます。
3. 表示位置が確定したら、「設定を保存する」をクリックします。

1. 管理画面の左上「お店ページの更新へ」をクリックします。
2. 「注意事項に同意する」にチェックを入れます。
3. 「編集中のテーマでお店を更新」をクリックします。
4. 更新が完了したら、お店ページを確認します。

ベーシックテンプレートをご利用の場合は「更新を開始」をクリックします。

カスタムテンプレートをご利用の場合は、デザイン設定の左メニュー「テーマの選択」から「ヘッダとＳＥＯの設定」までは、画面下部の「編集中のテーマでお店を更新」で、お店ページに反映します。

編集中のテーマでお店を更新
テンプレートの切り替えや、ＨＴＭＬやＣＳＳのカスタマイズしたデザイン設定をお店ページに反映する時に利用します。「利用中のテーマ」から「編集中のテーマ」に切り替えて更新するため、注意事項に同意してから更新する必要があります。

利用中のテーマでお店を更新
トップページのお知らせの更新、フリーエリア、サイドバーの表示、商品カテゴリ表示などの反映ができます。また、お店運営中にカスタマイズしている「編集中のテーマ」があっても「利用中のテーマ」のまま、お店ページの更新をする際に利用します。

お店ページを更新しても反映されない場合の対処方法

• キーボードの「Ctrl」＋「F5」キーを押して最新の状態を読み込みます。
• 画面上部の「利用中のテーマでお店を更新」をクリックしていないか、ボタンの下に表示される「最終更新日時」で確認します。