GenerateBlocks Pro 2.3.0の新機能:モーダル、ポップアップ、ツールチップなど

コメントはありません

 
GenerateBlocks Pro 2.3.0の新機能:モーダル、ポップアップ、ツールチップなど
現在の12個のGenerateBlocksブロック

少し前に、WordPressでプラグインを使わずにモーダルウィンドウを開くボタンを作成する機能を紹介しました。さて、昨日、GenerateBlocksのPro版の2.3.0のアップデートで、このオプションが追加されました。

これはオーバーレイ・パネル(「オーバーレイ・パネル」という訳語が適切かどうかわからないが)であり、条件付きである。

GenerateBlocks Pro 2.3のオーバーレイパネルでは、ポップアップ、スライドウィンドウ、モーダルおよび非モーダルウィンドウ、ツールチップ、オフキャンバスパネル、さらにはメガメニューなどのインタラクティブ要素に任意のコンテンツを追加することができます。

GenerateBlocksと GeneratePressは、クリーンで軽量かつ最適化されたコードを提供することで知られているが、これらのパネルがDOMに与える影響を分析し、追加される要素の量と深さを比較することで、どのような場合にこの新しいツールを使うのが良いのか、あるいは興味深い条件ルールのオプションを犠牲にしたHTMLとCSSだけを使うのが良いのかを知ることはまだできていない。

GenerateBlocksは、12個のコレクションに新しいブロックを追加することはありません。 私たちが見ることになるのは、管理画面の2つの新しいオプション、オーバーレイ・パネルと 条件です。

GenerateBlocks Pro 2.3.0の新機能:モーダル、ポップアップ、ツールチップなど 1

最初のモーダル、ポップアップ、またはツールチップの作成を開始するには、[オーバーレイ パネル] をクリックします。

GenerateBlocksコンテナ(または他の要素)の中に任意のコンテンツを作成することで、まだConditionsの設定オプションを調べることなく、その機能をテストできるようになりました。

GenerateBlocks Pro 2.3.0の新機能:モーダル、ポップアップ、ツールチップなど 2

トリガー(表示されるコンテンツを持つものを実行するアクションまたは状況)が利用可能です:

  • クリック。ボタン、画像、リンクなどをクリックしたときに表示されるコンテンツが有効になります。
  • On hoverは、ユーザーが要素の上にマウスを置いたときに有効になります
  • クリックまたはカーソルを合わせる。 クリックとカーソルを合わせる。
  • Exit intent(終了インテント):ユーザーがページを離れようとして、ブラウザの一番上にポインターを移動させたときに表示される。
  • パーセンテージスクロール:ユーザーがページの指定したパーセンテージまでスクロールした後に表示する。
  • タイムディレイ:設定した時間後に表示されます。
  • カスタムイベントは、商品がWooCommerceのカートに追加された時(`wc-blocks_added_to_cart`)など、特定のアクションによってトリガーされます。

そうすれば、コンディションを見て、可能性を試すことができる。まだすべての組み合わせを使う時間はないが、すでに試せたわずかな組み合わせはとても便利そうだ。

GenerateBlocks Pro 2.3.0の新機能:モーダル、ポップアップ、ツールチップなど 3

トリガーが良い選択肢のパレットを提供すれば、コンディションはその可能性を大きく広げる。

条件は幅広いパラメーターに基づいて設定できるため、きめ細かなコントロールが可能です:

  • 著者:特定の著者のコンテンツにオーバーレイを表示します。
  • クッキー:クッキーの有無に応じてオーバーレイを表示または非表示にします。
  • 日付と時間。 特定の日付、時間、または定期的なイベントのオーバーレイをスケジューリングします。
  • デバイス - デスクトップ、タブレット、モバイルデバイスに基づいてオーバーレイを表示または非表示にします。
  • 言語: ページの言語によってユーザーをセグメントします。
  • ロケーション:特定のページ、投稿、ファイルにオーバーレイを表示します。ロケーションはサイト全体、または404ページやサブページなどの詳細レベルで設定することもできます。
  • カスタム投稿フィールドを使用してオーバーレイをトリガーすることができます(特定のメタ値を持つ投稿にオーバーレイを表示するなど)。
  • クエリパラメータ - 特定のクエリ文字列(例:`?utm_source=newsletter`)を持つURLをターゲットにします。これは、広告を運用していて、特定のキャンペーンで特定のクエリパラメータに基づいたオファーだけを表示したい場合に非常に便利です。
  • リファラー:特定のドメインまたはURLからの訪問者を対象とします。
  • サイトオプション - 条件に合わせてWordPressのサイト設定を調整します。
  • ユーザー・メタデータ、ユーザー・プロファイル・データによるパーソナライズ。
  • ユーザーの役割:登録ユーザー、管理者、購読者またはゲストにコンテンツを表示します。

その他のオプションの詳細については、この投稿、またはパネルについてはこのガイド、コンディションについてはドキュメント、例、ヒント、スクリーンショットを含むこの ガイドをご覧ください。

また、もし誰かにグラフィカルに説明されたいのであれば、The Admin Barのカイルがすでにこのビデオで説明してくれている。

サポートフォーラムでは、どんな質問にも親切に答えてくれるとても良いカスタマーサービスが提供されていますが、GenerateBlocksの多くの可能性を利用するための学習曲線はまだ少し急だと思います。初心者やElementorのようなビルダーに慣れている人にとってはなおさらだ。それでも、私はGBをどのビルダーやブロックコレクションにも変えるつもりはない。

関連記事

コメントする

Este blog se aloja en LucusHost

LucusHost, el mejor hosting