お知らせモーダル設定

「お知らせモーダル」はレスポンシブサイトにのみ表示できる機能です。PC/スマートフォンサイトには表示できませんので、ご注意ください。

設定方法

お知らせモーダルの設定方法についてご案内します。

1.管理画面「サイト作成」>お知らせモーダル>「追加」ボタンをクリックします

お知らせモーダル設定一覧の詳細は、はてなアイコン(下図青枠)からご確認いただけます。

追加可能なモーダル数は最大20個です。

サイト作成>お知らせモーダル>追加

2.適宜入力し、「設定する」をクリックします

設定する
表示設定 サイト上でモーダルを表示させる場合はチェックを入れます。
会員限定 会員ログイン後にモーダルを表示したい場合はチェックを入れます。
モーダル表示期間 モーダル表示の開始日時と終了日時を選択します。
タイトル(管理名) お知らせモーダルのタイトルを入力します。
見出しとして表示
チェックを入れると、入力したタイトルがお知らせモーダルの見出しとして表示されます。
モーダルのデザイン お知らせモーダルの表示デザインを選択します。

それぞれのデザインの表示例はこちら

複数モーダル表示時の反映デザインについて
複数モーダル表示時、優先度が高い順に表示されますが、2つ目以降のモーダルは、1つ目のモーダルの「モーダルデザイン」設定内容が反映されます。

表示内容 モーダルに表示する内容を入力します。100,000文字
画像挿入
追加する画像を選択することができます。
備考 このお知らせモーダルに関する備考を入力します。100文字以内

備考へ入力した内容はお知らせモーダル内には表示されません。管理用としてご利用ください。

サマーセールのお知らせモーダル。来年も使用するので削除しない。

モーダルを閉じる動作について
「✕」(下図赤枠①)でモーダルを閉じた場合、セッションクッキーがクリアされるまで表示されません。
「しばらく表示しない」(下図赤枠②)にチェックを入れ、「✕」でモーダルを閉じた場合は、7日間表示されません。

閉じる

モーダルのデザイン例

1.中央

中央

2.右からスライド

右からスライド

3.上からスライド

上からスライド

4.右下に表示

右下に表示