Diviプラグインのハイライト：ホテルの予約とDiviの統合

公開: 2018-12-24

MotoPressのホテル予約は、WordPressで最も人気のある予約プラグインの1つです。 Diviとうまく統合できますが、スタンドアロンプラグインとして、DiviBuilderとその設計機能を利用していません。ホテル予約Divi統合は、MotoPressのプラグインHotel Booking＆DiviIntegrationを使用して可能になります。

ホテル予約の無料版またはプレミアム版を使用すると、ホテル予約機能をDivi Webサイトに簡単に追加し、DiviBuilderでスタイルを設定できます。この記事では、さまざまなプラグインとオプションを確認し、それらがDivi Builderとどのように連携するか、およびそれらがDiviレイアウト内でどの程度うまく統合されるかを確認します。

ホテル予約プラグイン

ホテル予約のDivi統合プラグインを見てみましょう。

ホテル予約ライト

ホテル予約のライトバージョンは無料です。これは、宿泊事業向けに特別に作成された不動産賃貸プラグインです。無制限の部屋を処理でき、プロパティの詳細、スマート検索、料金の無制限の変数、最小および最大の滞在期間、無料または有料の追加サービス、クーポン、税金、ゲストごとの複数の宿泊施設などを提供します。

また、複数の通貨、ローカリゼーション、ショートコード、ウィジェットも含まれています。それはあなたが財産管理を始めるために必要なすべてを持っており、PayPalの統合が含まれています。この記事では、Liteバージョンを使用します。

ホテル予約プロ

Proバージョンでは、支払いゲートウェイの追加、OTA（交換カレンダー）との自動同期、バックエンドからの予約の追加機能、宿泊客数と宿泊日数に基づく変動価格、その他のオプション、優先度の更新とサポートが追加されています。

ホテルの予約とDiviの統合

Hotel Booking＆Divi Integrationは、Divi Builderに新しいモジュールを追加する無料のアドオンであるため、予約ページを作成し、Diviでスタイルを設定できます。モジュールを使用すると、Diviは宿泊施設をリストとして、単一の宿泊施設、サービス、フォーム、検索などとしてスタイル設定および表示できます。これには、実質的にすべての要素を有効または無効にする機能が含まれているため、表示方法をカスタマイズできます。 Diviモジュールを使用したスタイリングは、他のモジュールと同じように機能するため、外観を完全に制御できます。

ホテル予約とDivi統合の使用

ホテル予約のデフォルトの新しいページ

ホテル予約プラグインをインストールすると、ページをインストールするためのメッセージが表示されます。ホテル予約エンジンが取引などに使用するページですので、作成することをお勧めします。ボタンをクリックします。

8つの新しい公開ページがWordPressインストールに追加されます。これらのページには、情報を提供するために使用するページを予約システムに指示するタイトルとショートコードが含まれています。これらのページは、DiviBuilderを使用していない場合に使用されます。私はシングルクリックでそれらを作成し、Diviでそれぞれをカスタマイズすることを好みます。これにより、作成する必要のあるページが正確にわかります。

もちろん、これらのページのショートコードを他のレイアウト内で使用することもできますが、DiviBuilderモジュールのおかげでそれらは必要ありません。

宿泊施設のページの例を次に示します。タイトルとショートコードを追加して表示します。注目の画像スライダー、ギャラリー、およびそれぞれに関する情報が表示されます。宿泊施設のタイプを表示するウィジェットをサイドバーに追加しました。

Diviモジュール

新しいモジュールがDiviBuilderに追加されます。それらが含まれます：

リスト
料金
Accomサービス
予約フォーム
検索の可用性
シングルAccom。

これらのモジュールを使用すると、Diviを使用して完全なページを作成したり、Diviレイアウト内に個々の機能を追加したりできます。

Diviモジュールの例

Divi Builderを使用して、宿泊施設ページと同じレイアウトを再作成しました。それに合わせてサイドバーを追加しました。

結果は非常に似ています。もちろん、今ではスタイリングとレイアウトのオプションを試すことができます。

モジュールを使用すると、表示内容を完全に制御できます。

カテゴリ、タグ、並べ替え、並べ替え、ページに表示する番号などの要素を制御できるように、多くのカスタマイズが含まれています。複数ある場合に分類法を決定するのに役立つ論理関係オプションもあります。

日付の昇順でページごとに1つ表示するように設定しました。このページはすでにすっきりしていて使いやすくなっています。説明と予約ボタンを削除しました。注目の画像は、コントロール付きのスライダーです。表示できる宿泊施設の数を制限しているため、自動的にページネーションが追加されます。

ここでは、抜粋と詳細を追加し直し、フロントエンドビルダーを使用して[デザイン]タブのテキストのスタイルを設定しています。いくつかのパディング付きのボックスシャドウを追加しました。

IDに基づいて表示する宿泊施設を指定することもできます。この例では、2つの宿泊施設リストモジュールを使用して新しいレイアウトを作成しました。それぞれが特定のIDを示しています。ボックスの影と間隔が含まれます。

シングルアコモデーションモジュールを使用すると、IDに基づいて必要なアコモデーションを表示できます。これには、要素のいずれかを無効化またはスタイル設定するためのリストモジュールと同じ機能が含まれています。

検索可用性モジュールを使用すると、訪問者はチェックイン日、チェックアウト日、大人の数、および子供の数に基づいて検索できます。制限を設定し、属性を追加できます。 3つのレイアウトが含まれています。これがデフォルトです。背景から離れるようにボックスシャドウを追加しました。

これは、水平方向の中央のレイアウトです。これは、ランディングページ内の独自のセクションとしてうまく機能します。水平左は同じように見えますが、検索ボックスを左側に配置します。この例では、境界線を追加し、背景色を変更し、フォントの色を変更し、フィールドタイトルのフォントをすべて大文字に設定しました。

宿泊サービスモジュールは、IDに基づいてすべてのサービスまたは特定のサービスを表示します。これには、私たちが慣れているものと同じ設計機能がすべて含まれています。 IDがないと、リスト内のすべてのサービスが表示されます。 IDを追加すると、任意のサービスをどこにでも配置でき、複数のモジュールを使用して任意のレイアウトで複数のサービスを表示できます。

ホテル予約をDiviレイアウトに統合する

Diviのレイアウトはどれもカスタマイズしてホテルのウェブサイトを作成できますが、不動産、旅行ブログ、ベッド＆ブレックファーストなど、多くの変更を加えなくても完全に機能するものがいくつかあります。私はBedand Breakfastを使用しています（そして、この記事を書いたおかげで、今はBed and Breakfastを始めたいと思っています）。

この例では、宣伝文とボタンを削除し、ランディングページのヒーローエリアに検索可用性モジュールを追加しました。左横レイアウトを使用しています。設定はデフォルトのままにしておきます。

この例では、埋め込みビデオをその下のギャラリーに置き換え、宿泊施設リストモジュールを使用しています。 1つ表示するように設定しましたが、もっと見たい場合はページ付けが含まれています。ほとんどのテキストを無効にしましたが、詳細ボタンが表示されます。

このレイアウトの元のセクションとほぼ同じように見えますが、IDを貼り付けるだけで、特定の部屋または宿泊施設を選択して表示および変更できます。ページネーションは、同じスペースでより多くの情報を提供するのにも役立ちます。

終わりの考え

Hotel Booking＆Divi Integrationは、セットアップと使用が簡単です。手順を読む必要はありませんでしたが、読みたい場合は詳細なブログ投稿が含まれています。 HotelBookingが作成するすべてのページにDiviBuilderを使用するのが好きです。

Divi Builder内でも要素のショートコードを追加することは可能ですが、設計オプションはまだ制限されており、Diviモジュールを使用することで解決されます。 Divi Builderを使用すると、ページに独自のスタイルを作成するのがはるかに簡単になり、必要なレイアウト内に正確な要素を簡単に追加できます。

MotoPressには、WordPressで利用できるホテルや不動産のレンタルテーマがいくつかあります。いくつかのDiviレイアウトがリストに追加されるのを見たいのですが。エレガントなテーマには、ホテルやベッド＆ブレックファーストタイプのレンタルビジネスに最適なレイアウトがすでにいくつかあるため、Hotel Booking＆DiviIntegrationを使用するのは自然なことです。

Diviを使用してホテルとレンタルのウェブサイトを構築する場合は、ホテル予約のDivi統合が必要です。 Hotel Booking＆DiviIntegrationアドオンと一緒にHotelBookingプラグインの無料バージョンを使用することを強くお勧めします。今、私は自分のB＆Bを計画しに行かなければなりません。

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

Sira Anamwong /shutterstock.com経由の注目の画像