Diviプラグインのハイライト：Diviが間もなく登場

公開: 2019-10-27

Divi Coming Soonは、Diviの無料のサードパーティプラグインで、Divi Webサイトをメンテナンスモードに設定し、ログインしていない人に表示する単一のページを選択できます。ログインしている管理者と編集者は、サイトを次のように表示します。正常。これは、準備が整うまでサイトを非表示にするだけでなく、リードを獲得し、同時に関心を高めるための優れた方法です。軽量なので、ウェブサイトの読み込み時間は長くなりません。

Divi Builderを使用して、Coming Soon、Maintenance、UnderConstructionなどのページを作成します。これらのページに必要なすべてのツールは、カウントダウンタイマー、電子メールオプチンフォーム、ソーシャルメディアのフォローボタン、ビデオ、画像など、Diviですでに利用可能です。独自のレイアウトを作成したり、サードパーティの開発者から入手できる多くのComing Soonレイアウトのいずれかを使用したり、プラグインの開発者からレイアウトパックを購入したりできます。

近日公開予定のDiviのインストール

通常どおりプラグインをアップロードしてアクティブ化します。プラグインに他の設定は必要ありませんが、プラグインが使用するページを作成する必要があります。

Divi Coming Soon Settings

新しいメニュー項目は近日ディビと呼ばれるWordPressのダッシュボードのディビメニューに追加されます。これをクリックすると、ドロップダウンボックスが1つあるメニューが開き、投稿またはページを検索して選択し、近日公開のページとして表示できます。リストは提供されないため、検索する名前を確認するには、ページのリストを確認する必要がある場合があります。

メッセージだけの簡単な近日公開ページを作成しました。検索するとタイトルが表示され、選択できるようになります。

ページを選択して[変更を保存]をクリックするだけです。これで、ログインしていない人のために、通常のWebサイトの代わりに近日公開のページが表示されます。赤いxをクリックして変更を保存し、Webサイトが近日公開のページにリダイレクトされないようにします。メンテナンスモードは、赤いxをクリックして無効にするまでアクティブになります。このページをキャンセルして、別のページを選択することもできます。

近日公開ページの作成

任意のページを使用できますが、DiviBuilderを使用してページを作成することをお勧めします。これにより、空白のページテンプレートを使用して、メニュー、ヘッダー、およびフッターを非表示にできます。最初の例では、簡単なメッセージを含むテキストモジュールのみを追加しました。

もちろん、まもなく登場する実際のページには、それよりも多くの情報が含まれているはずです（このようなものを見た人はいますか？）。より多くの情報を提供し、リードを獲得し、ビジネスを構築するのにより役立つ、本物の近日公開のページを作成しましょう。

近日公開のページでは、サイトが間もなく公開されることを特定し、サイトの公開予定時期、メール登録フォーム、フォローを構築するためのソーシャルメディアのフォローボタン、場合によってはサイトに期待する内容などの情報を提供する必要があります。。このモジュールの組み合わせでは、ほぼすべてのバリエーションを使用することもできます。このレイアウトにこれらの各要素を追加しました。

それはまだ素晴らしいことではありませんが、それは始まりです。少なくともそれはより多くの情報を提供します。訪問者の注意を引き付け、より記憶に残るようにするには、スタイリングと優れたビジュアルデザインが必要です。あなたは訪問者に戻ってきて欲しいです。

これで、背景画像を追加し、タイトルテキストを変更し、色のスタイルを追加しました。メールオプチンとソーシャルメディアのフォローボタンを新しい行に移動し、3つの列を選択して、中央の列にモジュールを設定しました。カウントダウンタイマーとメールオプチンにボックスシャドウを付け、背景色を削除しました。それはより視覚的に魅力的です。サイトがどうなるかについてのより多くの情報はどこかに追加されるかもしれません。これは、バックエンドVisualBuilderからのビューです。

それらを作成するための私のお気に入りの方法の1つは、Diviの組み込みレイアウトパックの1つからの要素を使用することです。この例では、PsychologyレイアウトのAboutページを使用して、要素を追加しました。

レイアウトは、近日公開予定の要素でエレガントに見えます。カウントダウンタイマーを除くすべてのスタイリングは、レイアウトからのものです。カウントダウンタイマーのグラデーションを自分で追加し、デフォルトのフォントを使用しました。これは、ログインしていない人が見ることができる唯一のページです。これは、フロントエンドVisualBuilderからのビューです。

任意のDiviレイアウトを使用して、ComingSoonページを作成できます。私はこのアイデアを使用して、デザインが十分に完成した後のサイトの外観を少し覗いてみるのが好きです。

Divi Coming Soon Layouts

プラグイン自体は（少なくとも今のところは）無料ですが、個別に購入できるプレミアムレイアウトパックが付属しています。レイアウトパックの購入は35ドルですが、無料のプラグインをダウンロードしてニュースレターを購読すると、5ドル（85％オフ）で入手できます。

Divi Coming Soon Layoutsには、Coming Soonページ、Under Constructionページ、およびMaintenanceModeページを作成するための5つのレイアウトが含まれています。これらはDiviComing Soonで使用するように設計されていますが、 Diviで動作する近日公開またはメンテナンスモードのプラグインで使用できます。レイアウトには、カウントダウンタイマー、メールオプトイン、テキスト、背景、CSS、jQueryが含まれます。それらはDiviBuilderで簡単にカスタマイズできます。

それらは、Diviライブラリに一度にインポートすることも、1つのレイアウトだけをページにインポートすることもできます。レイアウトを単一のパックとしてDiviライブラリにアップロードしています。それぞれのレイアウトを見てみましょう。

間もなくレイアウト1

レイアウト1には、カウントダウンタイマー、テキスト、電子メールオプチン、ソーシャルメディアフォロー、CSS、およびjQueryを含む単一列のレイアウトがあります。

グラデーションオーバーレイを使用して背景画像を追加します。電子メールフォームは目立つので、訪問者はそれを見逃すことはできません。

間もなくレイアウト2

レイアウト2には、カウントダウンタイマー、テキスト、仕切り、電子メールオプチン、CSS、およびjQueryが含まれています。単一の列に設定されます。

ライブページをご覧ください。背景画像も含まれていますが、オーバーレイは含まれていません。ソーシャルメディアのフォローボタンは含まれていません。カウントダウンとタグラインがより際立っています。

間もなくレイアウト3

レイアウト3は、2列のレイアウトを使用し、カウントダウンタイマー、テキスト、画像、電子メールオプチン、ソーシャルメディアフォロー、CSS、およびjQueryを含みます。

片面に情報、もう片面にグラフィックが表示された分割画面が表示されます。電子メールオプチンには影が含まれているため、他のすべてのものから目立ちますが、明白な方法ではありません。

間もなくレイアウト4

レイアウト4は2列のレイアウトに設定されており、カウントダウンタイマー、ギャラリー、テキスト、メールオプチン、ソーシャルメディアフォロー、CSS、jQueryが含まれています。

情報は左側に配置され、ギャラリーは右側に配置されます。ギャラリーをクリックすると、ライトボックスに画像が開きます。私はスタイリングと色が電子メールオプチンから際立つ方法が好きです。メールフォームと画像に注目が集まっています。

間もなくレイアウト5

レイアウト5は単一列のレイアウトに設定されており、テキスト、カウントダウンタイマー、メールオプチン、ソーシャルメディアフォロー、CSS、jQueryが含まれています。

グラデーションのあるパターン化された背景があります。カウントダウンにはサークルカウンターを使用します。タイトルは最も目立つ要素であり、レイアウトは他の要素よりも多くの情報テキストを提供します。あなたの目はまだカウントダウンと電子メールフォームに簡単に引き付けられます。

ライセンス、アップデート、およびサポート

Divi Coming Soonは、無制限のWebサイトで使用できます。アップデートも無料です。プラグインは無料であるため、サポートは制限されています。メンバーシップにはサポートが含まれています。

終わりの考え

Divi ComingSoonはこれ以上ないほど使いやすくなっています。プラグインをアクティブにしてメニューに移動し、表示するページを選択するだけです。訪問者は自動的にComingSoonページにリダイレクトされますが、管理者と編集者はサイトを通常どおりに表示して、作業を続行できます。これは、Divi Webサイトで作業しているときに、関心を高めてリードを獲得するための優れた方法です。

特にDiviレイアウトを変更したり、デザインの要素を使用したりする場合は、ページの作成は非常に簡単です。はるかに高速で簡単な方法は、個別に購入できるプレミアムレイアウトの1つを使用することです。

バックグラウンドでサイトで作業しているときにDiviサイトをメンテナンスモードにする無料のプラグインに興味がある場合は、Divi ComingSoonがお勧めの簡単なプラグインです。

我々はあなたから聞きたい。 Divi Coming Soonを試しましたか？ コメントであなたがそれについてどう思うか教えてください。

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