カラー設定

  • 更新

 

①「基本設定」→「カラー設定」からアプリ上のカラー変更ができます。

___.png

 

②「ボタン文字色」で反映される箇所

  • 各機能ページに表示されるボタンの文字色

 

③「ボタン背景色」で反映される箇所 ※白系の薄い色の選択はご遠慮ください

  • 各機能ページに表示されるボタンの背景色
  • ドロワーヘッダーカラー
  • ドロワーアイコンカラー
  • スタンプ特典・利用条件の項目バー
  • クーポン詳細のヘッダーバー

 ※スタンプ画面の「獲得したクーポンを見る」ボタンはピンク色固定になります

 

④「ヘッダー文字色」で反映される箇所

  • 全ページのヘッダーテキスト
  • ドロワーの3本線アイコン
  • クーポン、メニュー、フォトのカテゴリー名
  • 各詳細ページのタイトル左に表示される「<(戻る)」アイコン
  • スタンプ特典・利用条件の閉じるアイコン
  • クーポン詳細の「使用条件」の文字

 

⑤「ヘッダー背景色」で反映される箇所

  • 全ページヘッダー背景
  • クーポン、メニュー、フォトのカテゴリー名の背景
  • クーポン詳細のタイトルバーの背景

 

⑥「フッター文字色」で反映される箇所

  • アクティブになっているフッダーの文字色

  ※非アクティブな項目はグレーで固定になります

 

⑦「フッター背景色」で反映される箇所

  • 全ページフッダーの背景色

 

⑧「全体文字色」で反映される箇所

  • 店舗情報の各店舗名
  • 店舗情報の各項目名
  • クーポンタイトル
  • スタンプタイトル
  • お知らせタイトル
  • イベントタイトル
  • メニュータイトル
  • フォトタイトル
  • 動画タイトル
  • 設定の各タイトル
  • その他、直接背景色の上に表示される箇所

 

⑨「全体背景色」で反映される箇所

  • 全ページの背景(背景画像設定時は画像が優先されます)

 

⑩「背景画像」で反映される箇所 ※設定する場合は薄いカラーを設定してください

  • 全ページの背景

 

 

⑪〜⑮.png

 

⑪「ステータスバーアイコン色」で反映される箇所

  • Android端末のステータスバー

 

⑫「ナビゲーションバーボタン色」で反映される箇所

  • Android端末のナビゲーションバー

 

⑬「PCヘッダーロゴ画像」で反映される箇所

  • PCサイトの画面左上のロゴ

 ※PCサイト(オプション)をお申し込みされている場合のみ管理画面に表示されます
   PCサイト(オプション)をお申し込みされる場合は担当者にご連絡下さい

  PC__________.png

 

⑭「トップページタブ」で反映される箇所

  • トップページタブの全体ホーム画面「すべて」の名称

 ※トップページタブ(オプション機能)をお申し込みされている場合のみ管理画面に表示されます
   トップページタブ(オプション機能)をお申し込みされる場合は担当者にご連絡下さい

 IMG_0062.PNG

 

⑮「フォント」で反映される箇所

  • アプリ全体のシステム側にて設定しているテキスト全般

 

登録が完了しましたら必ず「保存」をクリックして下さい。