前言介紹
- 這款 WordPress 外掛「Hotel Booking Styles & Templates」是 2020-04-08 上架。
- 目前有 10000 個安裝啟用數。
- 上一次更新是 2024-11-14，距離現在已有 171 天。
- 外掛最低要求 WordPress 5.4 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
- 有 1 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
booking form | hotel booking styles | motopress hotel booking | free hotel booking plugin |
內容簡介
ng Styles 外掛是 MotoPress WordPress Hotel Booking 外掛的擴充功能，提供了一些預製的 CSS 類別，可用於客房搜尋表單、訂房表單和其他 Hotel Booking 的短碼 / 區塊的自定義，並且可以透過使用者友善的自訂工具，將單獨住宿頁面的外觀進行個人化設定。
Hotel Booking Styles 外掛可幫助您透過必要的樣式調整來重新設計和增強您的酒店網站設計，並且支援免費的 Hotel Booking 外掛版本。
使用 Hotel Booking Styles 外掛，您可以輕鬆進一步自定義 WordPress 飯店預訂外掛，並對表單進行以下更改：
- 讓搜尋表單水平顯示。
- 移除欄位標籤。
- 移除表單欄位之間的填補。
- 隱藏「必填欄位後面跟著 *」的提示。
- 自動調整表單寬度（使用包裝器）。
- 拉伸屬性搜尋表單或小工具中的按鈕，以適配您網站容器的寬度。
- 為表單欄位設定自定義寬度。
您無需任何技術背景即可修改樣式，只需將其複製並貼上到所需的區塊或短碼即可！
我們接下來的路線圖包括增加更多樣式並將此外掛轉換為更易於使用的設置面板。
如何使用 Hotel Booking Styles 外掛：
- 必須安裝並啟用 MotoPress Hotel Booking 外掛。
- 安裝並啟用 Hotel Booking Styles 外掛。
- 前往 "住宿" > "設置" > "擴充功能" > "樣式" 頁面，您將看到可用的類別列表。每個類別都帶有可應用的 Hotel Booking 簡碼列表。
- 在頁面上新增 Hotel Booking 區塊 / 短碼：
- 如果您使用短碼，複製該類並將其貼入短碼，例如：[mphb_availability_search class="is-style-horizontal-form"]
- 如果您使用 Gutenberg 區塊，在右側區塊設置面板中，前往 "進階" > "貼上" ，使用空格可加入多個類別。
此外，您也可以為住宿類型頁面建立自定義範本，從而更改個別住宿清單的外觀，包括更改住宿詳細資訊的順序、將圖像庫轉換為滑塊，選擇要顯示的額外屬性等。
如何使用範本：
- 前往 "住宿" > "範本" > "新增" > 為其取一個名稱。
- 點擊每個區塊，從右側看到其自定義面板，進行所需的編輯。您可以選擇更改區塊的順序或刪除不需要的區塊。
- 您做好自定義和保存範本後，前往 "住宿類型" > 選擇要套用新外觀的住宿類型 > 從範本選擇器中選擇所需的範本 > 保存更改。
如果您正在尋找由 Hotel Booking 支援的 WordPress 酒店模板，並具有完美調整的樣式和自定義設計，請查看我們的租賃房產 WordPress 主題庫。
原文外掛簡介
This is an extension to the MotoPress WordPress Booking plugin for hotels.
It provides you with a bundle of ready-made CSS classes for customizing the property search form, booking forms, and other Hotel Booking shortcodes/blocks. It also allows you to give a preferred look to individual accommodation pages via a user-friendly customizer.
The Hotel Booking styles addon will help you revamp and enhance your hotel website design with the required style adjustment.
The add-on also works for the free Hotel Booking plugin version.
How to work with styles
With the Hotel Booking Styles addon, it’s super easy to take the customization of the WordPress hotel booking plugin further and apply the following changes to your forms:
Make the property search form horizontal.
Remove field labels.
Remove paddings between the form fields.
Hide the “Required fields are followed by *” indication.
Apply an automatic form width adjustment (using a wrapper).
Stretch the button in the property search form or widget to adjust it to the width of your website container.
Set custom width for the form fields.
You don’t need any technical background to modify the styles, just copy and paste them to the needed blocks or shortcodes!
The focus of our roadmap is to add more styles and make this plugin even handier by transforming the way you add styles into a more user-friendly settings panel.
How to use the Hotel Booking Styles plugin:
The MotoPress Hotel Booking plugin must be installed and activated.
Install and activate the Hotel Booking Styles addon.
Go to Accommodation > Settings > Extensions > Styles tab.
You’ll see the list of available classes you can apply. Each class comes with a list of applicable Hotel Booking shortcodes.
Add a Hotel Booking block/shortcode to the page:
If you use shortcodes, copy the class and paste it into the shortcode. Example:
[mphb_availability_search class=”is-style-horizontal-form”]
If you use Gutenberg blocks, add a Hotel Booking block to the page, then go to the right-hand block settings panel > Advanced > paste the class. Use spaces to add several classes.
How to work with templates
You can also create custom templates for the accommodation type pages, which will allow you to change the default look of the individual accommodation listings. For example, you can change the order of the accommodation details, turn an image gallery into a slider, choose which extra attributes to show, and do even more tweaks via a user-friendly interface.
To add a new template, go to Accommodation > Templates > Add New > Give it a name.
Click on every block to see its customization panel from the right and make the needed edits. You can optionally change the order of the blocks or even delete unneeded ones.
Once you customized and saved your template, go to Accommodation types > select the one you want to apply a new look to > choose the needed one from the Template selector > save the changes.
If you are looking for a WordPress hotel template powered by Hotel Booking with the perfectly adjusted styling and custom design, check out our library of the rental property WordPress themes.
Copyright
Hotel Booking Styles & Templates, Copyright (C) 2020, MotoPress https://motopress.com/
Hotel Booking Styles & Templates plugin is distributed under the terms of the GNU GPL.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Hotel Booking Styles & Templates」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.1 | 1.0.2 | 1.1.0 | 1.1.1 | 1.1.2 | trunk |
延伸相關外掛（你可能也想知道）
暫無相關外掛推薦。