選べるテンプレート機能について 2010.02.03 作成 目次 選べるテンプレートについて..........................................................................................................2 機能概要・特徴................................................................................................................. 2 注意事項........................................................................................................................ 2 対象画面........................................................................................................................ 2 更新履歴........................................................................................................................ 2 その他........................................................................................................................... 2 事前準備............................................................................................................................... 3 テンプレートの準備............................................................................................................. 3 テンプレートのご説明...........................................................................................................3 利用方法............................................................................................................................... 4 選べるテンプレート テンプレート設定画面.................................................................................. 4 凡 例 ◆ 設定・操作の際に気をつけて頂きたいことや出来ないことなどを記載しています。 ● 設定・操作の際に役立つことや便利な情報などを記載しています。 メニュー名・ファイル名・ URL など、具体的な名前や値を記載しています。 （文中の shop や 99999 などの太字・斜体の箇所は、ショップごとに値が異なる箇所を示しています） 語句について ・資料中の「エンドユーザー」とは、お買い物をされるお客様のことを指します。 ジェネシス・イーシー株式会社 All Rights Reserved. 1 / 4 選べるテンプレート機能について 機能概要・特長 ■ 機能概要 ● ● ● ● 標準搭載されたテンプレートから該当のデザインを選んでクリックするだけで、ページデザインを変更することが できる機能です。 本機能のリリースと同時に、ヘッダー・フッター・サイドナビをパーツとして登録し、パラメーターで各テンプレート で呼び出しできる機能を搭載致しました。 予め、この機能に対応しているテンプレートを FTP 上にアップし(テンプレートはサポートサイトからダウンロード できます。)、バックヤードの画面で希望のテンプレートを選ぶだけで、フロントページを希望のテンプレートデザイ ンに変更することができます。 テンプレート適用後、CSS ファイルや各テンプレートの編集を行う事で、自由にカスタマイズする事ができます。 ■ 特長・メリット ● ● デザインを選択後、ショップロゴやオススメ商品など、必要箇所をカスタマイズする事で、今までのテンプレートよ り簡単にサイト制作を行っていただく事ができます。 ヘッダー・フッター・サイドナビのパラメータ導入により、共通項目の管理が行いやすくなりました。 注意事項 ◆ 選べるテンプレートでデザイン変更を行う場合、Genesis サーバーに保存しているテンプレートを、サポートサイトの 「CSS レイアウト」のテンプレートに変更する必要があります。「CSS レイアウト」のテンプレートに変更せずにバックヤードでの 操作を行っても、デザインの変更は行われません。 ◆ 選べるテンプレートのデザインは CSS で制御を行っております。 既に複数の CSS ファイルを使用している場合、影響を受ける場合がございます。 ◆ オープン済のショップ様にご利用いただく場合、操作を行っていただいた段階で本番環境に反映されるため、ご注意下さい。 オープン済ショップ様のご利用手順については、状況によりご相談させていただきますので、サポートセンター宛に ご相談下さいませ。 対象画面 ■ バックヤード メインメニュー ＞ ツール ＞ 選べるテンプレート 更新履歴 2010.2.3 ● 新しく当機能を搭載しました。 その他 ■ お申込み・オプション料金など 当機能は標準搭載機能ですので不要です。 2 / 4 事前準備 ＜ストアフロント＞ ■ テンプレートの準備 サポートサイトのテンプレートページより、「CSS レイアウト」のテンプレートをダウンロードして下さい。 ※サポートサイト テンプレートダウンロードページ http://www.genesis-ec.com/~support/template.html ■ テンプレートのご説明 選べるテンプレート機能をご利用いただく場合、上記に記載しました「CSS レイアウト」テンプレートをご利用いただきます。 次ページでご案内する方法でテンプレートを作成すると、CSS ファイル及び各パーツが自動的に書き換えられて、 フロントページに表示される内容が変更されます。 ※書き換えされるのは各テンプレートのみで、その他の HTML ファイルについては書き換えられません。 各パーツテンプレートの保存先：/parts/ ヘッダーパーツ サイドナビ 1 サイドナビ 1 メインエリア ※ メイン エリ アはテンプレ ートではござ いません。 フッターパーツ ●ヘッダーパーツ ・対応パラメータ %header% ・テンプレート header.html、header_login.html →ショップロゴ、ログインボタン、バスケットボタン、 グローバルナビボタンなどを含みます。 ●フッターパーツ ・対応パラメータ %footer% ・テンプレート footer.html、footer_login.html →お支払い方法、配送方法、返品などに関する 内容を含みます。 ●サイドナビ 1 ・対応パラメータ %sidenavi1% ・テンプレート sidenavi1.html、sidenavi1_login.html →検索窓、商品分類等の内容を含みます。 ●サイドナビ 2 ・対応パラメータ %sidenavi1% ・テンプレート sidenavi2.html、sidenavi2_login.html →おすすめ商品、ランキング表示を含みます。 ※メインエリアはテンプレートではございません。 テンプレートでは見本の HTML ソースを記載しております ので、お客様のサイトにあわせてバナー、商品の入れ替えを 行ってください。 ◆ メインエリア部分ではパラメータはご利用いただけません。 ご注意ください。 3 / 4 利用方法 ＜バックヤード＞ ■ 選べるテンプレート テンプレート設定画面 ●選べるテンプレート メインメニュー > ツール > 選べるテンプレート 【操作方法】 ①画面左側に表示しているテンプレート一覧から希望の テンプレートを選択します。 ※ポインタを合わせると、拡大画像を表示します。 ※選択する場合はクリックして下さい。 クリックすると、プレビュー画面へ遷移します。 ①希望のテンプレートにポインタ をあわせると、大きいイメージが 表示されます。 ②プレビュー画面で内容を確認後、次の手順で操作を行って 下さい。 Step 1 Step 2 【Step1】バックアップのダウンロード欄の「ダウンロード」ボタン を押し、PC のローカルフォルダなど、任意の場所に ファイルのバックアップを行って下さい。 ◆ バックアップされるファイルについて ・共通ヘッダー/フッター ・アイコン・ボタン等の共通画像 ・ css ※上記以外の HTML ファイルなどはバックアップ されません。必要に応じて FTP を利用してダウンロードを 行って下さい。 プレビュー画面では、 Genesis-EC の商品分類マスタに登録 されている分類が表示されます。 【Step2】「このイメージで確定」ボタンを押すと、実際の店舗の フロントページが変更されます。 4 / 4
© Copyright 2024 Paperzz
