動的モーダルとは
CMSダッシュボードで管理する画像やテキストなどのCMSデータを動的に表示できるモーダルウィンドウです。
関連記事
CMSアイテムをクリックした際にページへの遷移ではなく、モーダルウィンドウで簡潔に情報を表示させたいシーンなどでご活用いただけます。
例えばポートフォリオ作品や採用ポジションの詳細表示など、データの管理はCMSで行い、CMSリストからモーダルで追加情報を表示したい場合に便利です。
動的モーダルの追加
エディタ右上のページ追加ボタンをクリックします。
「>」をクリックし、動的モーダルを選択します。
紐付けるCMSモデルを選択します。
CMSデータの紐付け
追加した動的モーダル上にテキストや画像ボックスを追加し、CMSプロパティを紐付けます。
紐付け方法について詳しくは、以下の記事をご覧ください。
動的モーダルをデザインする
モーダル自体のサイズやスタイル調整は通常のボックスと同様に行えます。加えてTransition（表示アニメーション）が設定できます。詳しくは、以下の記事をご覧ください。
パスを利用する
動的モーダルのページ設定では「パスを利用」が有効にできます。モーダル表示をURLでシェアする場合にご活用いただけます。
詳しくは、以下の記事をご覧ください。
