Diviプラグインのハイライト：Divi Magic

ユーザーの役割やログインステータスに基づいて、さまざまなページ要素をさまざまなユーザーに表示したいと思ったことはありませんか？ 日付と時刻に基づいて特定の要素を表示するのはどうですか？ Divi Magicと呼ばれるDiviのサードパーティプラグインは、これらの機能をDiviに追加し、特定の要素を誰がいつ見ることができるかをより細かく制御できるようにします。

Divi Magicは、すべての標準セクション、行、列、およびモジュールに新しい可視性ツールのセットを追加します。 これらのコントロールを使用して、ユーザーのログインステータス、ユーザーロール、または日時に基づいて可視性を設定できます。 この記事では、Divi Magicを見て、何ができるかを確認し、使いやすさを確認します。

Divi Magic Visibility Settings

各セクション、行、列、およびモジュールの[詳細設定]タブの[表示]セクションに、新しい機能のセットが追加されます。 これは、テーマビルダーだけでなく、バ​​ックエンドビルダーとフロントエンドビルダーでも機能します。 新機能を使用すると、モジュールを表示できるユーザーを選択し、特定の時間にモジュールを表示するかどうかを指定できます。

モジュールを表示できるユーザーのオプションには、全員、ログアウトしたユーザー、ログインしたユーザーが含まれます。 このレベルの制御により、特別オファーを提供したり、ページに表示される情報を制限したりできます。これは、オンラインショップ、学校などに役立ちます。

ログインしたユーザーを選択すると、特定のユーザーを選択できる新しいリストが追加されます。 これには、標準のWordPressユーザーと追加した追加ユーザーが含まれます。 私の例では、WooCommerce、LifterLMS、GiveWPのユーザーを示しています。これらのプラグインがインストールされているためです。

日付と時刻に基づいて要素を表示するように選択すると、開始日と終了日を別々に設定できるオプションがさらに開きます。

開始日または終了日を選択すると、時間と分のスライダーが付いたカレンダーが開きます（少なくとも、Chromeではそのように機能します）。 これは、特定の時間にオファーを明らかにしたり、セールがライブであるかどうかを示したりするのに適しています。

今日の日付は黄色で表示され、他のすべての日付は薄い灰色で表示されます。 他の日付は、選択したことを示すために色が変わりますが、今日の日付は黄色のままです。 選択していないのに今日の日付を選択したと考えることができるため、これは混乱を招く可能性があります。

特定のユーザー向けのDiviMagicの例

特定のユーザーに対してどのように機能するかの例をいくつか示します。 この例では、ログインしていないユーザーのみを表示するバナーを作成しています。

2番目のテーマビルダーパックを使用しており、グローバルヘッダーの上にバナーを追加しました。 ユーザーに参加を求めるメッセージを表示するテキストモジュールと、ユーザーをサインアップページに移動するボタンを追加しました。 設定では、ログインしていないユーザーにのみその行を表示するように設定しました。ログインしているユーザーはこのバナーを必要としません。

ログインしているので、ヘッダーは通常どおり表示されます。

ログインしていない人は、ヘッダーの上にバナーが表示され、参加するように招待されます。

この例では、さまざまなタイプのユーザーに表示されるさまざまなセクションを作成しています。 ログアウトしたユーザーには、コースにサインアップするためのCTAを含むランディングページが表示されます。

学生としてログインしているユーザーには、コースのリストが表示されます。

ログインしたインストラクターには、コースページが表示されます。

この例では、ログインしていないので、クラスにサインアップするためのCTAのあるページが表示されます。

この例では、インストラクターとしてログインしているため、インストラクター用にマークしたセクションが画面に表示されます。

これにより、セクションに特定のレベルの条件付きロジックが追加されます。 私の例は過度に単純化されていますが、それらのユーザー向けに特別に設計された要素を簡単に表示できます。

毎日のスケジューリングのためのDiviマジックの例：注目のバナー

スケジューリングシステムがどのように機能するかを見てみましょう。 オンラインストアレイアウトパックの要素からバナーを作成し、ランディングページの上部に配置しました。 ボタンの色を行の背景に追加し、11：45からすべての人に表示するように行を設定し、1週間だけ実行します。

テキストモジュール、いくつかのWooCommerceモジュール、およびボタンを使用して販売バナーを作成しています。

バナーを表示する時間ではないため、ページはバナーを非表示にします。

開始日時には、バナーは通常どおり表示されます。 これは、特定の時間まで表示されない販売促進を作成するのに最適です。 手動で公開しなくても、要素を表示するようにスケジュールできるのが好きです。 これはあなたの時間を解放するので、これが起こっている間あなたはどこかにいることができます。

毎日のスケジューリングのためのDiviMagicの例：毎日の販売

ブラックフライデーの週のカウントダウン販売など、毎日異なる販売を示す興味深いヘッダーを作成することもできます。 5列の行を追加しました。 各列には、日を示すテキストモジュールがあります。

毎日のテキストモジュールの新しいセットを作成し、特定の日にのみ表示するように設定しました。 また、もっと大きくなるためにアクティブな日もあります。

私は一連の販売セクションを設定し、それぞれが特定の日に基づいてのみ表示されるようにしました。

バックエンドのワイヤーフレームビューでの表示は次のとおりです（バックエンドビルダーを使用したいという理由だけで）。 テキストモジュールの毎日のスケジュールを個別に設定しました。 テキスト、ボタン、Wooモジュール、ショップモジュールなどの販売アイテムについては、毎日新しい行を作成し、行を個別にスケジュールしました。

これが木曜日に表示されるライブページです。 当日を除き、すべての日が通常どおり表示されます。 その日はより大きなバージョンに置き換えられているので、目立ちます。 当日のセール商品のみが表示されます。 もちろん、販売アイテムについては、実際のWebサイトでより適切な説明を追加し、価格を変えないようにしますが、この例は、要素の毎日のスケジューリングで何ができるかを示すのに十分です。

ユーザー設定とスケジューリングを組み合わせたDiviMagic

ユーザー設定とスケジュール設定を一緒に使用して、特定の日に特定のユーザーに特定の要素を表示できます。 この例では、顧客であるユーザーにのみ表示されるように予定販売を設定しました。

顧客としてログインしていないため、販売セクションが表示されません。 これは、ログインしている顧客ではないすべての人にページがどのように表示されるかを示しています。

戻って管理者をユーザーとして追加したので、ページを見ると表示されます。

エクストラ付きディビマジック

Divi Magicは、標準のDiviBuilderおよびThemeBuilderのExtraとも連携します。 現時点では、CategoryBuilderでは機能しません。 これについて開発者と話し合いましたが、この機能は将来のアップデートで追加される予定です。 この例は、ログインしていないユーザーのグローバルヘッダーにバナーを示しています。

ログインしているユーザーには、参加を求めるバナーがなくても、通常どおりヘッダーが表示されます。

価格

Divi Magicは、開発者のWebサイトから購入できます。 2つの購入オプションで利用できます：

• 1つのWebサイトでの使用と1年間の更新で年間25ドル。
• 無制限のWebサイトでの使用と1年間の更新で年間39ドル。

終わりの考え

Divi Magicは、ツールボックスに含めるのに最適なプラグインです。 コントロールは標準のDiviセクション、行、列、およびモジュールに追加されるため、レイアウトに追加する必要のある新しいものは何もありません。 コントロールは使いやすいと思いました。

誰が何をいつ見ることができるかを制御できることで、使いやすさ、宣伝、デザインの可能性が広がります。 Divi Builderを使用してバナーやその他のページ要素を作成し、それらを特定のユーザーロールに表示したり、いくつかの選択を行うだけで特定の日時に表示したりできるのが気に入っています。

特定の要素を誰がいつ見ることができるかをより細かく制御したい場合は、DiviMagicを一見の価値があります。

我々はあなたから聞きたい。 ディビマジックを試しましたか？ 以下のコメントであなたがそれについてどう思うか教えてください。

4zevar /shutterstock.com経由の注目の画像