GutenKit のポップアップ ビルダー は、ユーザーが Web サイト用のモーダル ウィンドウ、ライトボックス、オーバーレイなどのさまざまな種類のポップアップを作成およびカスタマイズできるようにするモジュールです。

モジュールがどのように動作するか見てみましょう。

GutenKit ポップアップビルダー #

それは プロモジュール忘れずに入手してください ここ.

• WordPressダッシュボードへのアクセス
• GutenKitを見つけてモジュールへ移動
• ポップアップビルダーを見つけてオンにします

新しいポップアップを作成 #

これで、モジュールの下にポップアップ ビルダーが表示されます。これをクリックすると、ポップアップを作成できます。

1. プラス記号をクリックします
2. ポップアップビルダーが表示されるので、それをクリックします

次に、ポップアップフィールドにプラス記号が表示され、 任意のブロックを追加.

コンテンツ部分の編集 #

• オープンイベント: ポップアップが表示されるタイミングを決定します。ここでのオプションは次のとおりです。
  • ページ読み込み時: ここで調整できます オープン遅延 （秒） ページの読み込みに時間がかかります。
  • 非アクティブ後: 調整できます ユーザーの非アクティブ時間 (秒).
  • ページスクロール: 設定する必要があります ページスクロールの進行状況 (%) ここ。
  • ページ終了時の意図: ユーザーがページを離れようとしているときにポップアップをトリガーします。
  • 日付: ここで調整できます 時間と日付.
  • カスタムセレクタークリック： セレクタクラス ポップアップをトリガーするページ上の要素を指定するオプションを追加します。
• 入場アニメーション: ここで、ポップアップの入力スタイルを選択できます。(例: フェード、ズーム、回転、ロールなど)。
• 終了アニメーション: ポップアップの終了スタイル (フェード、スライドなど) を選択できます。
• アニメーションの長さ: 入場アニメーションと退場アニメーションの速度を制御できます。

• 閉じるボタン: これはポップアップを手動で閉じるボタンです。
• 外側をクリックすると閉じる: ボタンを有効にすると、ユーザーはポップアップの外側をクリックしてポップアップを閉じることができます。
• かぶせる： これはポップアップの背景であり、外観をカスタマイズできます。

• 閉じるボタン: これはポップアップを手動で閉じるボタンです。
• 外側をクリックすると閉じる: ボタンを有効にすると、ユーザーはポップアップの外側をクリックしてポップアップを閉じることができます。
• かぶせる： これはポップアップの背景であり、外観をカスタマイズできます。

設定条件 #

状態： この部分では、どのような状況でポップアップを表示または非表示にするかを指定できます。

• 含む –
  • サイト全体: ポップアップはウェブサイトのすべてのページに表示されます。
  • 特異： ポップアップは特定の個別のページにのみ表示されます。
  • アーカイブ： ポップアップはアーカイブ ページ (著者アーカイブ、検索結果、投稿カテゴリなど) にのみ表示されます。
• 除外 –
  • サイト全体: ポップアップはウェブサイトのすべてのページで非表示になります。
  • 特異： ポップアップは特定の個別のページでは非表示になります。
  • アーカイブ： ポップアップはアーカイブページでは非表示になります。

編集スタイル #

他の GutenKit ブロックやモジュールと同様に、ポップアップ ビルダーのスタイルも設定できます。ここでのスタイル設定オプションは、幅、高さ、位置、色、パディングなどです。

ポップアップの表示方法 #

選択に応じてポップアップをカスタマイズできます。例を参照してください。

出力 #

ポップアップ ビルダーはこのように動作します。