コピー2023/10/23記事内に広告が含まれていることがあります。WordPressの便利な予約管理ツールHBookの基本的な使い方について、ここでは「フォームのカスタマイズ方法」について画像を用いてわかりやすく解説しています。前提条件となるHBookのインストール方法や設定などは下記をご参考ください。7日本語化(英語からの翻訳方法)~フロントエンドとバックエンドの翻訳。予約時の顧客情報入力フォームのカスタマイズ表示するかしないか?管理者(バックエンド)のみ必須にするか?カラム幅の設定13のフィールドタイプフォームのカスタマイズHBookには2つのフォームのカスタマイズメニューが用意されています。form)「検索のフォーム」では、1検索フォームと2宿泊施設の選択フォームをカスタマイズすることができます。form)」では3予約時に入力してもらう顧客情報をカスタマイズすることができます。それぞれについて以下で解説しています。検索フォームのカスタマイズ検索フォームのカスタマイズでは、宿泊施設の検索をかけるときに表示する項目を選択することができます。“Adults”では、大人の人数の入力を表示するかどうかを設定することができます。「大人」の人数を選択したい場合に設定します。デフォルト設定は「はい」(表示する)です。“Children”では、子供の人数の入力を表示するかどうかを設定することができます。「子供」の人数を選択させたい場合に設定します。“Adults”」を「はい」にした場合のみ「はい」にできます。デフォルト設定は「はい」(表示する)です。numberでは、検索フォームで大人の人数を選択するときの最少と最大宿数を設定できます。“Adults”」を「はい」にした場合のみ「はい」にできます。子供の人数を選択するときの最大人数を設定できます。“Children”」「はい」にした場合のみ「はい」にできます。pagesでは、特定の宿泊施設タイプを検索する場合に、大人や子供の人数などの上記設定をオーバーライドして、宿泊施設の最大宿泊可能人数で検索をかけることができます。labelsを「はい」にすると、ラベルの代わりに、プレースホルダーを利用することができます。宿泊施設のフォームカスタマイズ宿泊施設の選択時に、どういった内容まで選択可能にするかを選ぶことができます。numberを「はい」にすると、1つの宿泊施設タイプに複数の部屋が登録されている場合、その部屋番号まで指定するようにします。例:「ダブルルーム」を選択するだけでなく、空いているダブルルームの中からどのダブルルームを予約するかを選択させる。pagesを「はい」にすると、宿泊施設タイプのタイトルに、その施設の紹介ページのリンクを含めることができます。thumbnailを「はい」にすると、宿泊施設のタイプを紹介するためのアイキャッチをサムネイルとして表示します。pagesを「はい」にすると、サムネイル画像に宿泊施設の紹介ページのリンクを設置することができます。thumbnailが「はい」の場合のみ選択可能です。サムネイルの縦横幅の設定サムネイルの縦横幅をpxで指定することができます。デフォルトはそれぞれ100pxです。thumbnailが「はい」の場合のみ選択可能です。pagesを「はい」にすると、宿泊施設紹介ページのリンクボタンを表示します。priceを「はい」にすると、価格表表示します。priceを「はい」にした場合に、価格の詳細を表示するか?とそれが「はい」の場合は、デフォルトで開いておくか閉じておくかを指定することができます。priceを「はい」にすると、宿泊施設の完全な内訳を表示することができます。accommodationで指定した部屋数以上が余っている場合のみ、宿泊施設を表示ます。form」では、予約時に顧客情報を入力してもらうフォームをカスタマイズすることができます。編集フォームは以下のようになっており、デフォルトでタイトル、苗字、名前、Email、電話番号などが設定されています。表示するかしないか?すべてのフィールドで「表示しますか?」を選ぶことができます。only?を「はい」にすると、管理者(バックエンド)側でのみ、対象となる情報を入力することができるようになります。WEBサイト上でお客様が予約しようとしたときには表示されませんが、管理者が管理画面から予約しようとしたり、予約を編集する際に追記することができます。必須にするか?必須入力?を「はい」にすると、その設問は必須となります。カラム幅の設定フィールドのカラム幅を1フルサイズ、2半分、31/3から選ぶことができます。デフォルトはフルサイズになっています。13のフィールドタイプ各フィールどは次の13個からそのタイプを選択することができます。選択した内容によって、入力できる項目が異なります。point「番号」とは「数字(Number)」のことです。area)」のことです。フィールドを自由に追加できるので、自由度はかなり高いです。WordPress「役に立った」と思ったら、記事のシェアをお願いします。コピー[PR]shin関連記事WordPress【WordPress】投稿一覧ページの作り方。deny,allowWordPress【WordPress】埋め込んだ動画がスマホで真っ黒になる/映像が表示されないときの対処法(playsinlineをCSSで設定する方法)WordPress【WordPress】lolipop簡単引っ越しでエラーが発生したときの対処法(ユーザー名/パスワードが間違っていないか確認の上、再度実行してください。パーミッション)WordPress【画像で解説】WordPressでSASS(.scss)を超簡単に使う方法。CSSを便利で早く記述する。404WordPress自作テーマで投稿を複数作成する方法。'NoneType'のエラー原因と対処法まとめ(初心者向け・実例でわかりやすく解説)2024/2/272024/2/27【CSS】メディアクエリ(@media)とは何か?使い方を実例で解説|.cssファイルやlinkタグでの画面幅以上・以下の指定(初心者向け、わかりやすい)2023/6/202023/10/1【画像で解説】WinSCPの使い方。pull(プル)とは何か?使い方を実例で解説|引数が無い場合の処理内容やFETCH_HEADとは何か?--rebaseオプションの使い方2023/7/182024/2/22カテゴリーPCHTMLDesignAffiliateCSS・SCSSrubyRailsSpreadSheetAffinityAppSheetDatabaseAppsScriptEditorStripeAWSLINEPHPECWordPressServerSquareVue.jsGeneralJavaScriptSEOgit/githubBrowserDockerJSONPythonCommandLaravelNode-jsサイト運営者shinWEB制作・エクステリアデザインを行う、山と自然大好きなプログラマー&デザイナーです。コロナを機に長野の山奥に移住、標高1200mの地で薪ストーブのあるログハウスで暮らしています。妻と子供をこよなく愛する1児の父。'NoneType'のエラー原因と対処法まとめ(初心者向け・実例でわかりやすく解説)2024/2/272024/2/27【CSS】メディアクエリ(@media)とは何か?使い方を実例で解説|.cssファイルやlinkタグでの画面幅以上・以下の指定(初心者向け、わかりやすい)2023/6/202023/10/1【画像で解説】WinSCPの使い方。総まとめ!要素の並べ替え、テキストの変更、サイトやAkismetの文章の非表示、必須項目の変更手順を解説。r.children[i]}}}}}()タイトルとURLをコピーしました。