WP Rocket - WordPress Caching Plugin

WordPressでレストラン・飲食店予約付ホームページ制作【WP Cafe】予約を指定して予約する設定

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

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

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

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

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


WordPressでレストランなどの飲食店向け予約付ホームページの作り方。
【WP Cafe】プラグインで席予約システムを構築。席を指定して予約を行う設定方法について解説をしています。

Pro版の機能です

WP Cafeのツールで機能を拡張

  • WP Cafe
  • Tools

こちらで席のレイアウト拡張機能をONにします。

WPCafe予約モードをシングルスロットに変更

マルチスロットでは席レイアウト予約機能は使えないため、マルチスロットはOFFになっている事を確認します。
また、最大数の設定も行います。

テーブルレイアウト基本設定

  • WP Cafe
  • Table Layout

へ移動します。

まずは色の設定です。こちらで好きな色に変更できます。

背景画像、サイズを設定できます。

席予約のためのテーブルレイアウトをドラッグで設定

  • Add Corner Table ー 長方形の席
  • Add Round Table ー 円卓
  • Add Chair ー 椅子(Capacityで設定した椅子の数までしか設定できません)
  • Add Text ー テキストを好きな位置に配置できます
  • Zoom In ー 設定画面を拡大
  • Zoom Out ー 設定画面を縮小
  • Delete Selected Item ー 選択した項目を削除

椅子はテーブルの上に少し重なるように配置をしないとエラーが出ます。重なる配置にすることでグループ化されます。

テーブル予約を固定ページに表示させる

  • WP Cafe
  • Available shortcode

よりショートコードを発行し、固定ページに追加します。

HanamiWEB

この記事を書いた人

松浦 みさ

株式会社HanamiWEB / Web制作・SEO・AI検索対策サポート

東京都練馬区を中心に、中小企業向けのホームページ制作、SEO対策、AI検索時代を見据えたサイト設計をサポートしています。
WordPressを活用した実務ベースの改善提案や、集客導線を意識したコンテンツ設計が得意です。
サイト保守運用も代行しております。

土日祝も対応します!

ホームページのトラブルご相談ください!

・WordPresにログインが出来ない

・マルウェア感染?

・ホームページが突然表示されない!

・PHPのエラーが出ている

お困りの方向けに、土日祝も対応しています。

お急ぎの方は「03-6694-7024」まで、今すぐお電話ください。

新着記事

公開1か月アクセス0の新規サイトにAI記事を投入したら何が起きた?実データで検証してみました
WordPressサイトにPHPエラーが表示され、サイトが表示されない(wp-includes/block-patterns.php on line 38)
練馬区 ホームページ制作で2位|AIに引用されるサイトの作り方を解説
ホームページ更新代行とは?費用・相場・依頼方法をわかりやすく解説
ja日本語