モーダルとは?

モーダルは、ページの上に表示されるポップアップウィンドウです。

モーダルには多くの用途があります。定期購読や購入などユーザーにメールアドレスを求めるウィンドウや、画像のライトボックス、サイドバー、ハンバーガーメニューなどがあります。

モーダルポップアップを作成する

モーダルを作成するには:

  1. ページの右上にある +マークをクリックし、「モーダル」を選択します。
  • 必要に応じて、モーダルのサイズを変更します。

  2. テキストや画像、コンテンツを追加し、スタイルを調整します。

   3. モーダルの外側の領域の不透明度を調整して、好みに合わせて非表示または表示します。

  • トップバーにある「塗り」をクリックして調整します。不透明度の違いによる外観を確認するには、トップバーからライブビューを起動し、スタイルを調整しながらリアルタイムでどのように見えるか確認します。

  4. トップバーから、Transitionの効果を選択します。

  5. モーダルの名前を変更すると、後ですぐに見つけることができます。

  6. メインページにモーダルのリンクを追加します。ユーザーがクリックしたときにポップアップする要素を選択し、右上に表示される矢印をクリックしてリンクを追加します。

Did this answer your question?