カードいらずで簡単運用、Felica(フェリカ)携帯端末を利用した次世代携帯ポイントカードシステム
8.デザイン管理
概要
「mobipoiシステム」は、携帯サイトの基本デザインの雛型をテンプレートとして登録し利用することができます。
この章ではデザイン・テンプレートの作成方法を説明します。
作成完了までの流れ
- デザイン一覧ページを表示する
- デザイン情報ページを作成する
- 新規にデザイン情報ページを作成する または
- 既存のデザイン情報ページを複写する
- デザイン情報ページ上の設定項目を設定する
- デザイン情報ページを登録する
デザイン一覧ページを表示する
[デザイン一覧ページ]は携帯サイトのデザイン・テンプレート(雛型)を作成・修正・削除することができます。
デザイン・テンプレートは[デザイン一覧ページ]に保存されています。
1.[管理者サイトページ]または各業務ページにて画面左[MENU]より[デザイン管理ボタン]をクリックします。
[管理者サイトページ]
2.[デザイン一覧ページ]が表示されます。
[デザイン一覧ページ]
| 1.新規作成ボタン | 新規にデザイン情報ページを作成します。 |
| 2.店舗名 | このページを適用する店舗を設定します。 |
デザイン一覧
| 3.詳細ボタン | 該当行のデザイン一覧ページを表示します。 |
| 4.コピー | 該当行のデザイン一覧ページを複写して新規にデザイン情報ページを作成します。 |
| 5.No. | 該当行の行番号が表示されます。 |
| 6.デザイン名 | このデザイン・テンプレート(デザイン雛型)に付けた名称が表示されます。 サイト設定時のテンプレート選択肢にこのデザイン名が使われます。 |
| 7.最終更新日 | このページが登録された日時が表示されます。 |
新規にデザイン情報ページを作成する
デザイン・テンプレート作成は[デザイン情報ページ]上で行います。
1.[デザイン一覧ページ]を表示します
2.[デザイン一覧ページ]にて[新規作成ボタン]をクリックします。
[デザイン一覧ページ]
3.白紙の[デザイン情報ページ]が表示されます。
[デザイン情報ページ]
既存のデザイン情報ページを複写する
自店または他店の既存デザイン情報ページを複写して新規ページを作成することができます。
1.[デザイン一覧ページ]を表示します。
2.[デザイン一覧ページ]に既存の[デザイン情報ページ]が一覧表示されます。
[デザイン一覧ページ]より複写したいページ行の[コピーボタン]をクリックします。
[デザイン一覧ページ]
3.新規に[デザイン情報ページ]が作成され、該当[デザイン情報ページ]の設定が複写され表示されます。
[デザイン情報ページ]
サイトデザイン・テンプレートを作成する
携帯サイトデザイン・テンプレートの作成は[デザイン情報ページ]上で行います。
1.[デザイン情報ページ]を表示します。
2.[デザイン情報ページ]ににて必要な項目を設定します。
[デザイン情報ページ]
デザイン基本設定
| 1.デザインNo. | このテンプレートの識別番号が表示されます。 ページ登録時自動付番されます。 |
| 2.デザイン名 | このデザイン・テンプレート(デザイン雛型)の名称を設定します。 サイト設定時のテンプレート選択肢にこのデザイン名が使われます。 |
| 3.店舗名 | この設定ページを適用する店舗を設定します。 |
| 4.更新情報 | 直近のページ登録日時が表示されます。 |
デザイン詳細設定
| 5.タイトルHTML | 携帯市とのタイトル・タイトルデザインを入力します。 [title]を必ず挿入してください、各ページタイトルに変換され表示されます。 各種ボタンでタイトルの装飾が可能です。 文字色ボタン:タイトルの色を設定できます。 背景色ボタン:タイトルの背景色を設定できます。 絵文字ボタン:タイトルに絵文字を挿入することができます。 画像ボタン:画像一覧ページから画像を選択することができます。 |
| 6.サイト背景色 | 携帯サイトの背景色を設定します。 色選択ボタン:色選択ページから色を選択できます。 |
| 7.リンク(未)色 | 未選択のリンク(他ページへの移動ボタン)の色を設定します。 色選択ボタン:色選択ページから色を選択できます。 |
| 8.リンク(済)色 | 1回以上選択されたリンク(他ページへの移動ボタン)の色を設定します。 色選択ボタン:色選択ページから色を選択できます。 |
| 9.タイトル背景色 | 携帯サイト最上部にある店舗名表示部の背景色を設定します。 色選択ボタン:色選択ページから色を選択できます。 |
| 10.タイトル文字色 | 携帯サイト最上部にある店舗名表示部の背景色を設定します。 色選択ボタン:色選択ページから色を選択できます。 |
| 11.ヘッダー画像 | 携帯サイトの先頭に画像を挿入できます。 画像ボタン:画像一覧ページから画像を選択できます。 |
| 12.フッター画像 | 携帯サイトの最後に画像を挿入できます。 画像ボタン:画像一覧ページから画像を選択できます。 |
| 13.プレビュー | タイトルが(会員様の携帯電話に表示する)サイト画面イメージで表示されます。 更新ボタン:クリック時プレビュー表示を最新情報にします。 |
デザイン情報ページを登録する
作成した[デザイン情報ページ]は登録を行うことで初めてテンプレートとして利用できるようになります。
1.「デザイン情報ページ」上にサイトデザイン・テンプレートを作成します。
→「デザイン管理・サイトデザイン・テンプレートを作成する」参照
2.サイトデザイン・テンプレートを作成終わったら[デザイン情報ページ]上の[登録ボタン]をクリックします。
[デザイン情報ページ]
【注意】
[戻るボタン]をクリックすると何もせずに[デザイン一覧ページ]に戻ります。
設定内容は保存されません
3.[登録確認画面]が表示されます。[OK]をクリックします。
[登録確認画面]
4.[デザイン情報ページ]が登録され[デザイン一覧ページ]に戻ります。
新規・複写の場合、[デザイン一覧ページ]に新規[デザイン情報ページ]が追加表示されます。
[デザイン一覧ページ]
登録したデザイン情報ページを修正する
既登録のデザイン一覧ページの確認・修正ができます。
1.[デザイン一覧ページ]を表示します。
2.[デザイン一覧ページ]に登録済み[デザイン情報ページ]が一覧表示されます。
修正したい[デザイン情報ページ]の行の[詳細ボタン]をクリックします。
[デザイン一覧ページ]
3.該当の[デザイン情報ページ]が表示されます。設定項目を修正し登録します。
[デザイン情報ページ]
デザイン一覧ページを削除する
登録した[デザイン一覧ページ]を削除することができます。
1.[デザイン一覧ページ]を表示します。
2.[デザイン一覧ページ]に登録済み[デザイン情報ページ]が一覧表示されます。
削除したい[デザイン情報ページ]行の[詳細ボタン]をクリックします。
[デザイン一覧ページ]
3.該当の[デザイン情報ページ]が表示されます。設定項目を確認の後[削除ボタン]をクリックします。
[デザイン情報ページ]
【注意】
削除された[デザイン一覧ページ]は元に戻すことができません。
4.[削除確認画面]が表示されます。[OK]をクリックすると削除が実行されます。
[削除確認画面]
5.該当の[デザイン一覧ページ]が削除され[デザイン一覧ページ]に戻ります
該当のページが一覧表から削除されます。
[デザイン一覧ページ]
