カードいらずで簡単運用、Felica(フェリカ)携帯端末を利用した次世代携帯ポイントカードシステム

モバイルポイントシステム

8.デザイン管理

概要

「mobipoiシステム」は、携帯サイトの基本デザインの雛型をテンプレートとして登録し利用することができます。

この章ではデザイン・テンプレートの作成方法を説明します。

作成完了までの流れ

  1. デザイン一覧ページを表示する
  2. デザイン情報ページを作成する
    • 新規にデザイン情報ページを作成する    または
    • 既存のデザイン情報ページを複写する
  3. デザイン情報ページ上の設定項目を設定する
  4. デザイン情報ページを登録する

デザイン一覧ページを表示する

[デザイン一覧ページ]は携帯サイトのデザイン・テンプレート(雛型)を作成・修正・削除することができます。
デザイン・テンプレートは[デザイン一覧ページ]に保存されています。

1.[管理者サイトページ]または各業務ページにて画面左[MENU]より[デザイン管理ボタン]をクリックします。

[管理者サイトページ]

mobipoi管理者サイトページデザイン

2.[デザイン一覧ページ]が表示されます。

[デザイン一覧ページ]

mobipoiFeliCaタッチ設定一覧ページデザイン
1.新規作成ボタン 新規にデザイン情報ページを作成します。
2.店舗名 このページを適用する店舗を設定します。

デザイン一覧

3.詳細ボタン 該当行のデザイン一覧ページを表示します。
4.コピー 該当行のデザイン一覧ページを複写して新規にデザイン情報ページを作成します。
5.No. 該当行の行番号が表示されます。
6.デザイン名 このデザイン・テンプレート(デザイン雛型)に付けた名称が表示されます。
サイト設定時のテンプレート選択肢にこのデザイン名が使われます。
7.最終更新日 このページが登録された日時が表示されます。

新規にデザイン情報ページを作成する

デザイン・テンプレート作成は[デザイン情報ページ]上で行います。

1.[デザイン一覧ページ]を表示します

→「デザイン管理・デザイン一覧ページを表示する」参照

2.[デザイン一覧ページ]にて[新規作成ボタン]をクリックします。

[デザイン一覧ページ]

mobipoiデザイン設定一覧

3.白紙の[デザイン情報ページ]が表示されます。

[デザイン情報ページ]

mobiopoiデザイン設定ページ

既存のデザイン情報ページを複写する

自店または他店の既存デザイン情報ページを複写して新規ページを作成することができます。

1.[デザイン一覧ページ]を表示します。

→「デザイン管理・デザイン一覧ページを表示する」参照

2.[デザイン一覧ページ]に既存の[デザイン情報ページ]が一覧表示されます。

[デザイン一覧ページ]より複写したいページ行の[コピーボタン]をクリックします。

[デザイン一覧ページ]

mobipoiデザイン設定一覧ページ

3.新規に[デザイン情報ページ]が作成され、該当[デザイン情報ページ]の設定が複写され表示されます。

[デザイン情報ページ]

mobipoi該当デザイン情報ページ

サイトデザイン・テンプレートを作成する

携帯サイトデザイン・テンプレートの作成は[デザイン情報ページ]上で行います。

1.[デザイン情報ページ]を表示します。

→「デザイン管理・新規にデザイン情報ページを作成する」参照

2.[デザイン情報ページ]ににて必要な項目を設定します。

[デザイン情報ページ]

mobipoiデザイ設定ページ詳細

デザイン基本設定

1.デザインNo. このテンプレートの識別番号が表示されます。
ページ登録時自動付番されます。
2.デザイン名 このデザイン・テンプレート(デザイン雛型)の名称を設定します。
サイト設定時のテンプレート選択肢にこのデザイン名が使われます。
3.店舗名 この設定ページを適用する店舗を設定します。
4.更新情報 直近のページ登録日時が表示されます。

デザイン詳細設定

5.タイトルHTML 携帯市とのタイトル・タイトルデザインを入力します。
[title]を必ず挿入してください、各ページタイトルに変換され表示されます。
各種ボタンでタイトルの装飾が可能です。
文字色ボタン:タイトルの色を設定できます。
背景色ボタン:タイトルの背景色を設定できます。
絵文字ボタン:タイトルに絵文字を挿入することができます。
画像ボタン:画像一覧ページから画像を選択することができます。
6.サイト背景色 携帯サイトの背景色を設定します。
色選択ボタン:色選択ページから色を選択できます。
7.リンク(未)色 未選択のリンク(他ページへの移動ボタン)の色を設定します。
色選択ボタン:色選択ページから色を選択できます。
8.リンク(済)色 1回以上選択されたリンク(他ページへの移動ボタン)の色を設定します。
色選択ボタン:色選択ページから色を選択できます。
9.タイトル背景色 携帯サイト最上部にある店舗名表示部の背景色を設定します。
色選択ボタン:色選択ページから色を選択できます。
10.タイトル文字色 携帯サイト最上部にある店舗名表示部の背景色を設定します。
色選択ボタン:色選択ページから色を選択できます。
11.ヘッダー画像 携帯サイトの先頭に画像を挿入できます。
画像ボタン:画像一覧ページから画像を選択できます。
12.フッター画像 携帯サイトの最後に画像を挿入できます。
画像ボタン:画像一覧ページから画像を選択できます。
13.プレビュー タイトルが(会員様の携帯電話に表示する)サイト画面イメージで表示されます。
更新ボタン:クリック時プレビュー表示を最新情報にします。

デザイン情報ページを登録する

作成した[デザイン情報ページ]は登録を行うことで初めてテンプレートとして利用できるようになります。

1.「デザイン情報ページ」上にサイトデザイン・テンプレートを作成します。

→「デザイン管理・サイトデザイン・テンプレートを作成する」参照

2.サイトデザイン・テンプレートを作成終わったら[デザイン情報ページ]上の[登録ボタン]をクリックします。

[デザイン情報ページ]

デザイン情報ページ

【注意】
[戻るボタン]をクリックすると何もせずに[デザイン一覧ページ]に戻ります。
設定内容は保存されません

3.[登録確認画面]が表示されます。[OK]をクリックします。

[登録確認画面]

mobipoi登録確認画面

4.[デザイン情報ページ]が登録され[デザイン一覧ページ]に戻ります。

新規・複写の場合、[デザイン一覧ページ]に新規[デザイン情報ページ]が追加表示されます。

[デザイン一覧ページ]

mobipoiデザイン一覧ページ

登録したデザイン情報ページを修正する

既登録のデザイン一覧ページの確認・修正ができます。

1.[デザイン一覧ページ]を表示します。

→「デザイン一覧・デザイン一覧ページを表示する」参照

2.[デザイン一覧ページ]に登録済み[デザイン情報ページ]が一覧表示されます。

修正したい[デザイン情報ページ]の行の[詳細ボタン]をクリックします。

[デザイン一覧ページ]

mobipoiデザイン一覧ページ

3.該当の[デザイン情報ページ]が表示されます。設定項目を修正し登録します。

[デザイン情報ページ]

mobipoiデザイン一覧ページ

デザイン一覧ページを削除する

登録した[デザイン一覧ページ]を削除することができます。

1.[デザイン一覧ページ]を表示します。

→「デザイン管理・デザイン一覧ページを表示する」参照

2.[デザイン一覧ページ]に登録済み[デザイン情報ページ]が一覧表示されます。

削除したい[デザイン情報ページ]行の[詳細ボタン]をクリックします。

[デザイン一覧ページ]

mobipoiデザイン情報ページ

3.該当の[デザイン情報ページ]が表示されます。設定項目を確認の後[削除ボタン]をクリックします。

[デザイン情報ページ]

mobipoiデザイン情報ページ

【注意】
削除された[デザイン一覧ページ]は元に戻すことができません。

4.[削除確認画面]が表示されます。[OK]をクリックすると削除が実行されます。

[削除確認画面]

mobipoi削除確認画面

5.該当の[デザイン一覧ページ]が削除され[デザイン一覧ページ]に戻ります

該当のページが一覧表から削除されます。

[デザイン一覧ページ]

mobipoiデザイン設定一覧ページ