'}}

ホテル・民泊・キャンプ場向けWordPressを使った予約付ホームページの作り方!Hbookプラグインのレイアウト設定を解説

HanamiWEBオンラインスクールでは

●バーチャル自習室でのリアルタイム質問!

●チャットで質問し放題!

●24時間学び放題のEラーニング教材!

全部ついて 2,500円/月!

ホテル・民泊・キャンプ場向けのWordPress予約システムプラグインHbookの設定を解説しています。

この記事ではHbookでのレイアウトに関係する設定方法を解説しています。


レイアウト設定箇所

外観で設定をします。

一般設定

レイアウト設定しない箇所は空白で大丈夫です。

  • Search form maximum width ー 検索フォームの横幅
  • Accommodation selection form maximum width ー 施設選択フォームの横幅
  • Details form maximum width ー 詳細フォームの横幅
  • Forms position ー フォームの位置
  • Minimum width required for displaying a horizontal search form ー 設定されている値よりデバイスサイズが小さい場合、検索フォームは縦並びに変わります
  • Minimum width required for displaying columns in the details form ー 設定されている値よりデバイスサイズが小さい場合、詳細フォームは縦並びに変わります
  • Sticky header/menu height ー WEBサイトで固定ヘッダーメニューを使用している場合は、そのサイズを設定します。

ボタンレイアウト

カスタムモードにすると、色などを変える事が出来ます。

入力・選択フォームカスタマイズ

フォームのレイアウトもカスタムモードにすると変える事が出来ます。

テーブルレイアウトについて

テーマのレイアウトを使うか、プラグインのレイアウトを使うか決める事が出来ます。

カレンダーのレイアウト

人数ポップアップのカスタマイズ

カスタムCSS

ホームページのリスキリングはお任せください!

2019年よりWordPressやホームページに関するスキルシェアを行ってきました。事例やノウハウが蓄積され、スピーディーかつ的確にお悩みを解決へと導く事を得意としています。ホームページに関するお悩みがございましたら、LINE公式アカウントよりお気軽にご相談ください!

↑クリックするとLINE公式が開きます

新着記事

'}}
LifterLMSのシステム自動出力ページのカスタマイズ方法を解説
'}}
LifterLMS 銀行振り込みなどで登録日とアクティブ日が異なる場合のカスタマイズ例
'}}
(解決済)WordPressから送信されるGmail宛のメールだけ送られない【ロリポップ】
'}}
WordPress予約システムAmeliaのパッケージ(回数券)設定を解説
WP Rocket - WordPress Caching Plugin
ja日本語