TOP > 機能システム > ショップ作成に関する機能 > ショップデザイン簡単作成ツール「カスタマイズテンプレート」
機能詳細
| 対応プラン |
|
|---|---|
| 機能名 | ショップデザイン簡単作成ツール「カスタマイズテンプレート」 |
| こんな目的の機能です! | ショップのテンプレートデザインをカスタマイズしてデザインすることができます。各項目（サイト全体・ テキスト・ ヘッダー・ ナビゲーション・ ブロック・ ショップ・ フッター） ごとにデザインの設定が行え、お好みのショップデザインに効率良くカスタマイズする事が可能です。 |
| こんなメリットあります! | ショップのテンプレートデザインをそのまま使うだけでは物足りない方、よりオリジナルデザインのショップを作成した方にはオススメの機能です。 |
| 機能のしくみ | 管理画面「デザイン管理」の項目で、テンプレートデザインのカスタマイズが行えます。 |
| 機能の説明 |
ショップのテンプレートデザインを任意でカスタマイズできます。
各項目（サイト全体・ テキスト・ ヘッダー・ ナビゲーション・ ブロック・ ショップ・ フッター） ごとに設定や選択を行うことで、お好みのデザインに効率良く変更する事が可能です。
管理画面の「デザイン管理」をクリックしてください。
下記画面が表示されます。
「カスタマイズテンプレート」に選択のチェックを入れて、「編集」をクリックしてください。
「編集」をクリックしますと、「テンプレートカスタマイズ設定」画面が表示されます。
各項目を設定してください。
ショップ反映後のデザインを確認したい場合は、画面右下の「プレビュー」をクリックしてください。
背景色を設定する
まず、画面全体の背景設定を行います。
背景には、二種類の設定方法があります。いずれかを選択してください。
背景色を設定するは場合は「背景色」にチェックを入れ、色を選択します。
画像パターンを設定したい場合は、「デザインパターン」にチェックを入れて、使用するデザインパターンを設定してください。
それぞれを設定し、プレビューをクリックすると下記のように反映されます。
サイト枠線を設定する
次にサイトに枠線を使用するか、しないか、いずれかを設定します。
使用する場合は、「枠線あり」にチェックを入れ、線の色を選択します。
枠線が不要の場合は「枠線なし」にチェックを入れてください。
それぞれを設定し、プレビューをクリックすると下記のように反映されます。
サイト全体の背景色を設定する
サイト全体の背景色を設定します。設定したい背景色を選択してください。
それぞれを設定し、プレビューをクリックすると下記のように反映されます。
サイドカラム（両サイド部分）の背景を設定する
サイドカラムの背景色を設定します。設定したい背景色を選択してください。
それぞれを設定し、プレビューをクリックすると下記のように反映されます。
文字色・リンク色・マウスオーバー時の 文字色を設定する
文字色・リンク色を設定します。指定したい色をそれぞれ選択してください。
それぞれを設定し、プレビューをクリックすると下記のように反映されます。
サイドカラムの文字色・リンク色・マウスオーバー時の 文字色を設定する
サイドカラムの文字色・リンク色を設定します。指定したい色をそれぞれ選択してください。
それぞれを設定し、プレビューをクリックすると下記のように反映されます。
ヘッダーを設定する
ヘッダーのデザインを設定します。
ヘッダーには３種類の設定方法があります。
三種類の設定詳細は、下記表をご参照下さい。
それぞれを設定し、プレビューをクリックすると下記のように反映されます。
ヘッダーデザインが設定できましたら、ヘッダーテキストの表示位置と文字色を選びます。
ヘッダーテキストは、キャッチコピーが反映されることになります。
次に、ショップロゴ画像の表示位置を選びます。
「基本情報管理」の「SHOPマスタ」で登録した画像が反映されます。
詳しくは⇒https://www.abplaza.jp/manual/basis/index.htmlをご参照下さい。
それぞれを設定し、プレビューをクリックすると下記のように反映されます。
ナビゲーションの設定する
ナビゲーションの設定を行います。パターンや色をお選び下さい。
それぞれを設定し、プレビューをクリックすると下記のように反映されます。
ブロックの設定する
ブロックの設定を行います。パターンや色をお選び下さい。
プレビューをクリックすると、下記のように表示されます。
それぞれを設定し、プレビューをクリックすると下記のように反映されます。
ショップの設定する
ショップの設定を行います。デザインや色をお選び下さい。
それぞれを設定し、プレビューをクリックすると下記のように反映されます。
次にカレンダーの設定を行います。デザインや色をお選び下さい。
それぞれを設定し、プレビューをクリックすると下記のように反映されます。
フッターの設定する
フッターの設定を行います。背景色や文字色をお選び下さい。
プレビューをクリックすると、下記のように表示されますます。
全設定が完了しましたら、「この内容で編集する」をクリックしてください。
反映を確認するため、「SITE CHECK」をクリックしテンプレートを確認できたら、この作業は終了です。
