page-triangle.svg

デザインの設定

デザイン設定画面に切替

管理ページ左側のメニューから「デザイン設定」をクリックして、デザイン設定画面に切り替えてください。この画面では、スタンプラリーのデザインやマップの表示などを設定することができます。

image

デザインの設定方法

カラー

カラーでは、スタンプラリーのカラーを設定することができます。

スタンプラリーのテーマのカラーは10種類の中から選択できます。テーマのカラーは、各種ボタンやマップのピンの色など、ページの各所で反映されます。

設定したいテーマのカラーを選び、右下の「保存」をクリックしてください。

image

テーマ・フォント・背景の色は、カラーコードで設定することもできます。カラーコードを用いた詳細なカラー設定は、以下の手順で行ってください。

  1. 「高度な設定を表示する」にチェックを入れてください。
    image
  2. カラーを設定したい内容にカラーコードを入力し、右下の「保存」をクリックしてください。
    image

フォント

フォントでは、スタンプラリーのフォントを設定することができます。

スタンプラリーのフォントはゴシック体・明朝体・丸ゴシックの3種類から選択できます。企画のイメージに合わせてフォントを選び、右下の「保存」をクリックしてください。

image

フォントはより多くの種類から設定することもできます。高度なフォント設定をしたい場合は、以下の手順で行ってください。

  1. 「高度な設定を表示する」にチェックを入れ、「フォント選択」をクリックしてください。
    image
  2. 設定したいフォントを選択し、右下の「保存」をクリックしてください。
    image

外枠のスタイル

外枠のスタイルでは、スタンプラリーに外枠のデザインを設定できます。

外枠のデザインを表示したくない場合はチェックをはずし、右下の「保存」をクリックしてください。

image

背景のスタイル

背景のスタイルでは、スタンプラリーの背景を設定できます。

設定したい背景を選び、右下の「保存」をクリックしてください。

image

背景は任意の画像で設定することもできます。任意の背景画像を設定する場合は、一番右の+マークをクリックした後、表示される+マークをクリックして画像をアップロードし、右下の「保存」をクリックしてください。

image

画像は、幅・高さ共に640px以上のものを設定してください。縦横比が1:1でない場合は中央でトリミングされます。最大アップロードサイズは10MBです。また、JPEG、GIF、PNG形式以外のファイルはアップロードできません。

スタンプ画像

スタンプ画像では、スタンプラリーのスタンプ画像を設定できます。

スタンプ画像は、スタンプ獲得時に表示される画像です。設定したいスタンプ画像を選び、右下の「保存」をクリックしてください。

image

スタンプ画像は任意の画像で設定することもできます。任意のスタンプ画像を設定する場合は、一番右の+マークをクリックした後、表示される+マークをクリックして画像をアップロードし、右下の「保存」をクリックしてください。

image

画像は、幅・高さ共に640px以上のものを設定してください。縦横比が1:1でない場合は中央でトリミングされます。最大アップロードサイズは10MBです。また、JPEG、GIF、PNG形式以外のファイルはアップロードできません。

また、「スポットページでもスタンプ画像を表示する」にチェックを入れて右下の「保存」をクリックすると、スポット一覧に表示されるスポット画像だけでなく、各スポットページのスポット画像にもスタンプ画像を表示することができます。必要に応じて設定してください。

image

スポット一覧のレイアウト

スポット一覧のレイアウトでは、スポット一覧に表示されるスポット画像のレイアウトを2列表示・3列表示の2種類から選んで設定することができます。スポット数が多く、ページが縦に長くなることを防ぎたい場合は、3列表示に設定してください。

企画に合わせて設定したいレイアウトを選び、右下の「保存」をクリックしてください。

image

スポット画像のスタイル

スポット画像のスタイルでは、スポット一覧に表示されるスポット画像の形を、四角・角丸・丸の3種類から選んで設定することができます。

企画のイメージに合わせてスタイルを選び、右下の「保存」をクリックしてください。

image

ナビゲーション設定

ナビゲーション設定では、スタンプラリーの下部にナビゲーションを表示することができます。ナビゲーションを表示すると、ページの各項目へワンタップで移動できるようになります。スポット数や文章が多く、スタンプラリーのページが縦に長くなってしまう場合にご活用ください。

ナビゲーションを表示する場合は、「ページ下部にナビゲーションを表示する」にチェックを入れ、右下の「保存」をクリックしてください。

image

また、「特典を表示する」のチェックを外して右下の「保存」をクリックすると、ボトムナビゲーションに特典を表示しないようにすることができます。スタンプラリーに特典を設定しない場合にご活用ください。

image

ポップアップ設定

ポップアップ設定では、初回アクセス時などの特定のタイミングで注意事項や通知のポップアップを表示するように設定することができます。各設定の内容は以下の通りです。ポップアップ表示したい項目にチェックを入れ、右下の「保存」をクリックしてください。

image

  • 初回アクセス時に注意事項を表示する
    • 初回アクセス時、または注意事項の表示から8日以上経過した後にアクセスした場合に、スタンプラリーの基本的な注意事項をポップアップで表示します。
  • Cookie アクセスへの同意を表示する
    • 初回アクセス時に、スタンプラリーの参加には Cookie アクセスへの同意が必要な旨をポップアップで表示します。
  • 初回アクセス時に新型コロナウイルス感染拡大防止の注意事項を表示する
    • 初回アクセス時、または注意事項の表示から8日以上経過した後にアクセスした場合に、新型コロナウイルス感染拡大防止の注意事項をポップアップで表示します。
  • 特典応募条件を満たした際にポップアップを表示する
    • スタンプ獲得時に応募条件を満たした特典があった場合、応募可能になった特典をポップアップで表示します。
  • 初回スタンプ時にデータの復元ポップアップを表示する
    • 初回スタンプ獲得時に、スタンプラリーのデータ復元用のQRコードを保存するように促すポップアップを表示します。

マップ表示設定

マップ表示設定では、スタンプラリーのマップに関する設定ができます。

各項目の設定内容は以下の通りです。設定したい項目にチェックを入れ、右下の「保存」をクリックしてください。

image

  • スポット名を表示する
    • マップに表示されるマーカーにスポット名を表示します。
  • マップページを表示する
    • スポットの位置を確認できるマップページを表示します。
  • ボトムナビゲーションにマップを表示する
    • ボトムナビゲーションからマップページに直接アクセスできるようになります。
  • 現在地表示ボタンをマップに追加する
    • GPSを利用して現在地を確認できるボタンをマップページに表示します。
  • スポットページにマップを表示する
    • スポットページにマップを表示します。
デザイン設定のマップ表示設定は、スタンプラリー全体に対する設定となります。スポット個別にマップ表示を設定したい場合は、スポット設定から設定することができます。詳細は以下のドキュメントをご確認ください。

スポットの登録と設定

スタイルでは、マップのデザインをストリート・グレー・ダーク・トナー・ウィンターの5種類から選択できます。企画のイメージに合わせてデザインを選び、右下の「保存」をクリックしてください。

image

ホーム表示設定

ホーム表示設定では、スタンプラリーのホームで、スタンプラリー名・キャッチコピー・注意事項を表示するかどうかを設定することができます。各種表示をしたくない場合はチェックをはずし、右下の「保存」をクリックしてください。

image

フッター設定

フッター設定では、スタンプラリーのフッターにSNSシェアボタンを表示するかどうかを設定することができます。表示をしたくない場合はチェックをはずし、右下の「保存」をクリックしてください。

image

ヘルプセンターホームに戻る
contactcontact

専門スタッフが
しっかりサポートします

ご不明点や有償サービスのお見積りなど、
何でもお気軽にご相談ください。

お問い合わせをする