Diviプラグインのハイライト–Diviディスプレイロジック

公開: 2017-08-06

選択した条件に基づいて特定のDiviデザイン要素を表示したい場合はどうなりますか？これにより、ユーザーのログインステータス、時刻、または地理的位置に基づいてページのバージョンを表示するなど、いくつかの設計の可能性が開かれます。 Divi Display Logicと呼ばれるプラグインは、Diviにこの機能を提供します。

Divi Display Logicは、Tortoise ITのサードパーティプラグインであり、DiviとExtraの両方と連携して表示ロジックを追加します。このプラグインのハイライトでは、プラグインを見て、プラグインで何ができるかの例をいくつか見ていきます。

これらの例の画像は、Unsplash.comおよびElegantThemesブログで入手できる無料のDiviレイアウトから取得されています。

Divi DisplayLogicのインストール

通常どおりプラグインをアップロードしてアクティブ化します。新しいメニュー項目が、Divi DisplayLogicと呼ばれるプラグインの下のダッシュボードに追加されます。ここで、ライセンスキーを追加します。これにより、プラグインの更新を確実に取得できます。

表示ロジックが、バックエンドDivi Builder内の[コンテンツ]タブのすべてのセクション、行、およびモジュールに追加されました。機能には、日付と時刻の選択、事前定義されたロジックを選択できるドロップダウンボックス、およびプラグインがロジック用に作成するショートコードを表示するボックスが含まれます。

事前定義されたロジック

[事前定義されたロジック]ドロップダウンボックスには、18の事前定義されたロジックの選択肢があります。ショートコード領域にコピーして貼り付けることができるものがさらにいくつかあります。コーディングする場合は独自のロジックの選択肢を追加でき、ショートコードを操作してバリエーションを作成できます。

選択肢は、特定の時間、特定の時間、特定の日に基づいて表示または非表示にし、NEWSカテゴリがあるかどうか、ユーザーがログインしているかどうか、特定のユーザーロール、特定の場所、およびに基づいて表示することです。 PHPコード。これらはすべて変更できます。

ロジックショートコード

事前定義されたロジックを選択すると、ショートコードが自動的に作成されます。このショートコードを使用する必要はありませんが、必要に応じてここで編集できます。

カプセル化するショートコード（開始タグと終了タグ[shortcode] [/ shortcode]が付いたショートコード）を使用して、独自の引数を作成することもできます。これはショートコードフィールドの下の説明で説明されていますが、説明内に示されている例も見てみたいと思います。

編集するには、ショートコード内の部分を強調表示して変更を加えるだけです。

平日にコンテンツを非表示にする例を次に示します。非表示ではなくコンテンツを表示したい場合は、ショートコードで「非表示」を「表示」に変更します。もう1つのオプションは、1〜5の数字を「6,7」に置き換えることです。これにより、週末にコンテンツが非表示になります。

文字列内のほとんどのキーワードは単純なので、ショートコードの操作は直感的であることがわかりました。

組み込みのショートコードの例

[表示ロジック]領域の最初のリンク（[ここをクリック]というラベルが付いています）には、ショートコードの詳細な例が示されています。これらは、PHPの例で特に役立ちます。これらをコピーして、ショートコードフィールドに貼り付けることができます。

日付と時刻の選択

日付/時刻の選択を使用するには、「日付を使用する場合はここをクリックしてください」というテキストをクリックします。これにより、表示日と非表示日を選択できる2つのフィールドが開きます。これらは、セクション、行、またはモジュールがいつ表示されるかを決定する時間条件です。表示のロジックは、事前定義されたロジックリストから選択されます。

[日付を表示]と[日付を非表示]のフィールド内をクリックして、日付と時刻を選択します。これにより、時と分のスライダーが付いたカレンダーが表示されます。フィールドの上には、現在のサーバーの時刻を示すメッセージがあります。

実際の時間ではなく、サーバーの時間を使用することが重要です。これは、WordPressが現在の時刻を取得する場所であり、Divi DisplayLogicが使用する時刻です。

モジュールには、選択した日付と時刻の間のコンテンツが表示されます。

これは多くの可能性を開きます。例えば：

カウントダウンタイマーを使用して、取引がいつ終了し、次の取引が開始するかを示す、電光石火の取引を含む販売サイトを作成できます。
あなたは特定の時間に開始するために販売を持っている可能性があります。
特定の時間に終了する取引があります。
記事が公開された後でも、特定の時間に記事内のコンテンツを表示します。
午前または午後に基づいて異なるコンテンツを表示する

Diviディスプレイロジックの例–学校の召喚状

最初の例では、学校のランディングページを作成しています。このページには、米国内の学生に対するサインアップの召喚状がありますが、米国外の人はサインアップできません。この例では、大学と大学のホームページレイアウトを使用しています。

レイアウトには、テキストモジュールとボタンモジュールを含む行が含まれています。米国外の人のために、テキストとボタンを別のモジュールに置き換えてほしい。

行設定内で、「ユーザーが米国にいる場合はコンテンツを非表示にする」を選択しました。

次に、ショートコードの「非表示」を「表示」に変更して、新しいショートコードを効果的に作成しました。

行のクローンを作成し、新しい行の米国のユーザーのコンテンツを非表示にすることを選択しました。

これで、訪問者の場所に基づいて、行の1つだけが表示されます。

米国の訪問者には、元のタグラインと適用するボタンが表示されます。

米国外のすべての訪問者には、異なるキャプションが付いた異なるタグラインとボタンが表示されます。

Diviディスプレイロジックの例–フラッシュセール

これは、1つの製品のみをフラッシュセールとして表示する単純な販売ページです。カウントダウンタイマーがゼロになると、新しいカウントダウンタイマーを備えた新製品が登場します。

1つのセクションのみが表示されますが、実際のページ自体はさらにいくつかのセクションを終了しています。各セクション内で、特定の時間にコンテンツを表示するロジックを設定しました。ページがブラウザに読み込まれるときにセクションが読み込まれないため、必要なすべてのCSSを使用して必要な数だけ追加でき、読み込み時間が遅くなることはありません。

カウントダウンタイマーと表示ロジックは、互いに独立して機能します。カウンターの時刻を、表示ロジックが表示される時刻と一致するように設定しました。

Diviディスプレイロジックの例–メンバーシップエリアのある著者サイト

この例では、無料のエレガントな作者のレイアウトを使用しています。訪問者がログインしているかどうかに基づいて異なるコンテンツを表示したいと思います。ログインしていない訪問者には、行動を促す召喚状を含む上の画像の画面が表示されます。

ログインしている訪問者にはCTAは表示されません。代わりに、ログインしている人だけがアクセスできるWebサイトの特別な領域へのリンクが表示されます。特別なアクセスは、個別のメンバーシッププラグインによって、またはコンテンツを表示するユーザー機能を割り当て、その機能をロジックとして選択することによって制御できます。

セクション全体を複製するのではなく、ボタンのみを複製しました。他のすべては同じままになります。このように、背景画像を変更する場合は、1つのセクションで変更するだけで済みます。

ログアウトしたユーザーにのみコンテンツを表示するように、一番上のボタンのロジックを設定しました。

2番目のボタンは、ログインしているユーザーにのみ表示されます。

あるいは、「ユーザーが「view_content」機能を持っている場合は、このコンテンツを表示する」を使用することもできます。

ログインしたユーザーには、特定のページまたは投稿へのリンクを提供する新しいボタンが表示されます。

Diviディスプレイロジックの例–新しいランディングページを備えた著者サイト

もちろん、別の可能性は完全に異なるページを表示することです。この例では、前の例と同じレイアウトを使用していますが、全幅ヘッダーとブログモジュールを含む2つの新しいセクションを追加しました。

各セクションのロジックを設定しました。ランディングページを構成するすべてのセクションは、ログインしていないユーザーに表示されます。全幅ヘッダー付きのブログページを作成する下の2つのセクションは、ログインしているユーザーに表示されます。

ログインしたユーザーには販売ページは表示されません。販売アイテムをすべてのユーザーに表示したいものに変更する場合は、表示ロジックを変更するだけです。

ExtraでDiviDisplayLogicを使用する

Divi DisplayLogicはExtraでも動作します。この例は、カテゴリビルダーの投稿カルーセルモジュールを示しています。

ライセンス

Divi Display Logicは、あなたとあなたのクライアントのために無制限のWebサイトで使用できます。これには、6か月のサポートと12か月の更新が含まれます。 12か月が経過した後、更新を受け取るには、プラグインを再度購入する必要があります。買戻し価格は当初の購入価格の50％です。

最終的な考え

Divi Display Logicには、セクション、行、またはモジュールをいつ表示するかを決定するための多くのオプションが用意されています。時間、日付、地理的位置、ユーザーがログインしているかどうか、ユーザーのレベルなどの表示オプションを使用すると、設計の可能性は事実上無限に広がります。

プラグインは直感的に使用できることがわかりました。ショートコードは簡単に操作できます。特にPHPの場合は、さらにいくつかの例が役立ちます。条件に基づいてセクション、行、またはモジュールを表示する場合は、Divi DisplayLogicが最適です。

購入情報については、TortoiseITのDiviDisplayLogicを参照してください。

我々はあなたから聞きたい。 Divi Display Logicを使用したことがありますか？ コメントであなたがそれについてどう思うか教えてください。

phipatbig /shutterstock.com経由の注目の画像