Elementorのモーダルはリッチなので設定が多い。
BootStrapのような簡易なモーダルをお手軽につくりたいのであればElement Pack、Elements Kitのモーダルがおすすめ！
下記はElement Packのモーダルを表示するボタン
- モーダルの幅、WidthをAFCから参照可能。
- ヘッダー、モーダル内本文、フッターをAFCから参照可能。
- モーダル内のデザインは、Elementorで作成可能。
モーダル表示のオプションは下記。
- デフォルトはボタンをクリックしたら表示。
- ページが表示されてから10秒後に表示…のように、ページ表示後に秒単位で表示タイミングが調整可能。
- ポインターがページ外へ移動した場合に表示。
Element KitsとUltimate Addons for Elementorのモーダルについては下記リンクを参照のこと。
Dynamic Content for ElementorはJavaScriptを使った多機能でリッチなウィジェットが売り。下記はDynamic Content for Elementorのモーダルを表示するボタン。
Dynamic Content for Elementorのモーダルは上記のリッチなものだけではない。
シンプルなモーダルも用意されている。モーダル内のデザインはElementorで自由に作成可能。モーダルのボタン内の文字列、モーダル内に表示するテンプレート名などをAFCから参照できる。
また、クッキーの期限切れ、Expiredまで表示し続けるといった制御ができる。
