FREE GAZA ! FREE PALESTINE ! STOP GENOCIDE ! Elementorはイスラエルの企業 Elementorはもう使わない
エディターならDivi!Divi最高!

Happy Elementor Addons Proのポップアップモーダルの機能を調査!

設定部分がシンプルなのですぐに利用できるけど…バリエーションが少ないので利用の場面は限られそう

Happy Elementor Addons Pro

Happy Elementor Addons Proはサイトがええ感じにガーリーでファンシーなのでそういったデザインが豊富かというとそうでもない。まあ、デザイン素材は無難なので使いやすそうではある。

それでは、Happy Elementor Addons Proの「Modal Popup」の紹介です!

Modal Popup

  • Button
    ボタン内に表示するテキスト内容。
  • Show Image
    ポップアップモーダル内に表示する画像を選択する。
  • Title
  • Description
    ポップアップモーダル内に表示するタイトルと内容を入力する。
  • Close Icon
    ポップアップモーダルの閉じるアイコンを設定する。
  • Show ShortCode
    ショートコードを入力する。フォームなどを利用する場合はこの欄を利用する。

Settings

  • Popup Preview
    ポップアップモーダルをプレビューする場合に利用。
  • Full Screen Popup
    ポップアップモーダルをページ全体に表示する場合に利用。
  • Popup Animation
    表示アニメーションの選択。
  • Close Icon Position
    閉じるアイコンの場所を設定する。
  • Saved Content
    「テンプレート>テンプレートを保存」にある「セクション」を設定する。「Global Widget」の指定も可能。
  • Button Alignment
    ボタンの表示位置の設定。
  • Modal Text Alignment
    ポップアップモーダル内のテキストの表示位置の設定。

Wrapper Link

これは別にポップアップモーダル内のコンテンツにリンクを設定できるわけでない。ポップアップモーダルを開くリンクのWrapper Linkなので、クリックするとポップアップモーダルが開いてから入力されているサイトに遷移する。それだけ。

ポップアップモーダルの高さは固定。テンプレートを作る段階でレスポンシブの確認をしておく必要あり。それでもはみ出して利用できない可能性がある。

関連の投稿

カテゴリー

タグ

FREE GAZA ! FREE PALESTINE ! STOP GENOCIDE ! Elementorはイスラエルの企業 Elementorはもう使わない
エディターならDivi!Divi最高!

お問い合わせ

当サイトの内容などで疑問・質問があればご利用ください。