Hotel Booking Stylesアドオンを使用して個々の宿泊施設ページを編集する

公開: 2023-01-18


Hotel Booking Styles & Templates 拡張機能は、Hotel Booking プラグイン コンテンツを使用してデザインを操作するための便利な無料ユーティリティです。

たとえば、予約フォーム、ウィジェット、宿泊施設のページを編集できます。

最も重要なことは、ブロックを使用して、コーディングせずに、人に優しい WordPress エディターでこれらの調整を行うことができることです。

アドオンには上級ユーザーと開発者向けのオプションもありますが、非技術者でも、縦型検索フォームを横型にする、フォーム内のフィールド ラベルの名前を変更するなど、多くの小さなタスクを実行できます。

Hotel Booking Styles & Templates 拡張機能の新しい更新バージョン 1.1.0は、ホテル予約で視覚的に変更できるもう 1 つの領域のロックを解除します:個々の宿泊施設タイプのページです。

具体的には、物件情報の表示順の変更、詳細の削除、カレンダーのフォーマットの更新など、宿泊施設ページのリストのデフォルトの構造を変更できるようになりました。

このため、新しいテンプレート メニューを追加しました。ここで、カスタム テンプレート (外観) の作成を開始し、必要な宿泊施設のタイプに適用できます。

つまり、宿泊施設ごとに異なるデザイン オプションを用意できるということです。

ホテル予約プラグイン

スタイルとテンプレートのアドオン

テンプレートを使い始める方法と、実際に利用できるデザイン オプションについて詳しく見ていきましょう。

あなたのために手動でキュレーションされた投稿

テンプレートとは何ですか?また、その作成方法は?

Hotel Booking Styles & Templates エクステンションでは、テンプレートは単一のプロパティ ページのデザイン バリエーションです。

賃貸物件のウェブサイトに適したテンプレートをいくつでも作成できます。

所有しているすべてのプロパティに適用できる 1 つだけを持つこともできます。

繰り返しますが、単一の宿泊施設のページでのみ機能することを強調しましょう。

テンプレートを作成したら、必要なプロパティ ページに移動して、作成したカスタム デザインをそれらに適用するだけです。

新しいテンプレートを作成し、単一の宿泊施設のレイアウトに使用する手順は次のとおりです。

  1. Hotel Booking Styles & Templates 拡張機能 (無料) をインストールして有効にします。
  2. [宿泊施設] > [テンプレート] > [新規追加] > [名前を付ける] に移動します。
  3. 通常の宿泊施設ページを構成するデフォルト ブロックのリストが表示されます。
  4. テンプレートをカスタマイズします (これについては以下で詳しく説明します)。
  5. カスタム テンプレートの準備ができたら、[宿泊施設の種類] に移動 > 新しい外観を適用するものを選択 > 右側から [投稿属性] を検索 > テンプレート セレクターから必要なものを選択 > 変更を保存します。

それでおしまい！ 次に、テンプレートのカスタマイズ オプションを詳しく見てみましょう。

テンプレートのカスタマイズ オプション

宿泊タイプの価格や宿泊タイプのタイトルなど、名前が明確な9つのブロックがあります。

まず、デフォルトの WordPress 機能のおかげで、これらの各ブロックは次のようになります。

  • 別の位置に移動しました

レイアウト エディターのブロック エディター。ブロックを削除する方法。

テンプレート全体のレイアウトも選択できます。

オプションを見つけるには、ページの空白の場所をクリックして、右側からテンプレート オプションを開き、テンプレートに必要なページ レイアウトを選択します。

テンプレートの編集方法。

どちらを選ぶ？

全幅テンプレートをオンにすると、ヘッダーとフッターのサイト パーツは削除されません。

全幅テンプレート。

キャンバス テンプレートを選択すると、プロパティ コンテンツのみが表示され、フッターまたはヘッダー サイト パーツは表示されません。

キャンバス ホテル予約テンプレート。

ページ全体を Hotel Booking Wrapper ブロックに入れることもでき、必要な幅を設定できます。

テンプレート エディターのホテル予約ワッパー ブロック。

各ブロックのカスタマイズ機能については、まず必要なブロックをクリックしてから、ブロックの右側のメニューに移動します。

いくつかの興味深い設定を次に示します。

  • 宿泊型ギャラリーでは、画像ギャラリーを画像スライドショーにすることができます。 ギャラリーの列数を選択することもできるので、ギャラリー内の画像の数に基づいて適切な形式を簡単に選択できます.
  • プロパティ情報で出力する属性を個別に選択できます。
  • 空室状況カレンダービューをカスタマイズできます。たとえば、1 泊あたりの料金を表示したり、表示する月数を選択したりできます。

空き時間カレンダーの設定。

また、最も多くのツールと設定を備えたいくつかのブロックについて言及しました。

ブロック エディターの機能を活用する

宿泊施設ページのデザインにブロック エディターの機能を活用します。

Hotel Booking Styles & Templates 拡張機能が提供するブロックも WordPress にネイティブであるため、すぐに利用できる他のサードパーティのプラグインやデフォルト ツールと組み合わせることができます。

つまり、ビジュアル (バナーなど) を追加したり、背景色をカスタマイズしたり、プロパティ コンテンツの列数を変更したり、想像力とツールが許す限り何でも行うことができます。

WordPress ブロックエディターと無料の Getwid 拡張機能を組み合わせて使用​​する例をいくつか見てみましょう。

Getwid は基本的に、数十のクリエイティブ ブロックとデザインをエディターに追加し、カスタマイズ プロセスをさらに強力で多様なものにします。

例 #1 。Getwid Tabs を使用してデータをタブに構造化する

WordPress エディターのタブ ブロック。

Getwid Tabs ブロックを使用すると、Hotel Booking Styles & Templates 拡張機能によって生成されたブロックをタブに配置できるため、すべてのコンテンツをコンパクトなビューで表示できます。

フロントエンドの Getwid タブ ブロック。

旅行者は各タブをクリックして、興味のある情報をすばやく表示できます。

ホテル予約プラグインのタブ Getwid ブロック。

例 #2。WordPress または Getwid パターンを使用する

ブロック エディターのデフォルト パターン。

宿泊施設の列やその他の要素で視覚的に一貫したレイアウトを作成するには、事前に作成されたパターンを使用できます。

ルームデザインのWordPressテンプレートです。

例 #3。列を使用する

列 WordPress ブロック。

列ソリューションまたは列を含む既製のパターンを使用するだけで、必要な要素を含む単一の宿泊施設ページのコンテンツ要素を整理できます。

列の例。

宿泊施設ページ用に作成したセクション全体の背景色を変更できることに注意してください。

WordPress 専用の宿泊施設タイプのテンプレート ブロックも追加しました。

宿泊タイプの設定。

ページに追加した後、作成したカスタム テンプレートのいずれかを選択して、編集中の任意のページに挿入できます。

ホテル予約用の WordPress テンプレートとブロックを使用してページを作成します。

このように、宿泊施設のタイプ ID を選択して、テンプレートを使用するプロパティを指定できます。

ウェブサイトをすばやく更新するには、ダッシュボードの [宿泊施設タイプ] メニューから直接プロパティ テンプレートを変更できます: [宿泊施設タイプ] > [クイック編集] > [テンプレート]。

テンプレート セレクター WordPress。

たとえば、複数の宿泊施設で機能するテンプレートを作成し、すべてのプロパティに手動で適用したくない場合は、デフォルトの WordPress 機能を使用します。

一括操作 > 編集 > 適用 > テンプレート > テンプレートを選択 > 更新。

WordPress ブロック エディターでの一括編集。

現時点で頼りになるビルダーが Elementor、Divi、またはその他の場合でも、投稿で説明したように、デフォルトの WP ブロックエディターを介してネイティブ WordPress ブロックを問題なく追加できます.

今後の拡張機能の更新では、Elementor および Divi ウィジェットもホテル予約ブロックで利用できるようにする予定です。これにより、より多くのお気に入りのビルダーで宿泊施設タイプのページを編集できるようになります。

開発者向けの注意事項

また、開発者がテンプレートの前後に独自のマークアップを追加するために使用できる Hotel Booking Styles & Templates 拡張機能のアクションのリストも提供します。

ホテル予約全幅またはホテル予約キャンバステンプレートが、WordPress テーマのヘッダー セクションに登録されているクラスを書き換える場合に適しています。 したがって、必要なマークアップを追加するために、次のアクションに独自の関数/メソッドを自由に追加してください。

ホテル予約全幅テンプレート

  • mphb-templates/templates/header-footer/before_content – テンプレート コンテンツの前に呼び出されるアクション。
  • mphb-templates/templates/header-footer/after_content – テンプレート コンテンツの後に呼び出されるアクション。

ホテル予約キャンバス テンプレート

  • mphb-templates/templates/canvas/before_content – テンプレート コンテンツの前に呼び出されるアクション。
  • mphb-templates/templates/canvas/after_content – テンプレート コンテンツの後に呼び出されるアクション。

WordPress ブロック エディターと無料のHotel Booking Styles & Templates拡張機能のおかげで、個々の宿泊施設のより優れた、よりパーソナライズされたレイアウトを一度に作成できます。 すべてのツールが手元にあります。