WP Rocket - WordPress Caching Plugin

WordPressでレストラン・飲食店予約付ホームページ制作【WP Cafe】メニュページの表示方法

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

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

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

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

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


WordPressプラグインWP Cafeを使うと、席予約、テイクアウトオーダー、テーブルQRコードオーダーができます。
今回は、メニューページの表示方法を解説しています。

固定ページ作成

固定ページを作成します。ブロックエディタでのやり方を解説します。

  • WPC Food List
  • WPC Food Tab

2種類あります。

WPC Food List

商品から登録したメニューを出力するブロックです。右サイドでは

  • Menu Style
  • 画像の表示・非表示
  • 表示させるカテゴリー
  • メニューの詳細表示・非表示
  • 詳細の文字数
  • カートボタン表示・非表示
  • タイトルに詳細ページへのリンク

WPC Food Tab

カテゴリーがタブ形式となり表示されます。

  • Style
  • 画像表示・非表示
  • 表示するカテゴリー
  • 詳細表示・非表示
  • 詳細の文字数
  • カートボタン表示・非表示
  • タイトルに詳細ページへのリンク

メニュー表示

タブの例となりますが、このように表示され、タイトルにリンクをつけている場合はクリツクすると詳細ページへリンクされます。

オプションなどの設定をしてカートに追加します

カートに追加すると右側のカートに追加されます。

購入手続きへ進むと購入することができます。

Pro版にすると

  • テーブルごとのQRコードオーダー
  • テイクアウトの時間指定

などができるようになります。

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日本語