WordPressでオンラインレストランメニューを作成する方法（ステップバイステップ）

WordPressでオンラインレストランのメニューを作りたいですか？

サイト上でメニューを共有することで、より多くの人にレストランに立ち寄ってもらったり、オンラインで注文してもらったりすることができる。

この投稿では、WordPressで簡単にオンラインレストランのメニューを作成する方法をステップバイステップでご紹介します。

レストランサイトを立ち上げるには何が必要か？

オンラインレストランメニューを作成する前に、サイトを立ち上げる必要があります。まだサイトをお持ちでない方もご安心ください。

WordPressは、何百万もの中小企業、レストラン、バー、カフェで使用されている世界最高のサイトビルダーです。インターネット上のすべてのサイトの43％以上がWordPressを使用しています。

そして何より、多額の先行投資をすることなく、サイト構築を始めることができる。

まず必要なのはドメイン名とホスティングサービスです。私たちは、WordPressが推奨するホスティングサービスプロバイダーのひとつであるBluehostと契約を結び、読者にお得なサービスを提供しています。

無料のドメイン名、無料のSSL証明書、ホスティングサービスの大幅な割引が受けられます。

代替： Hostingerもお勧めです。Hostingerのプランには無料のドメイン名とSSLが含まれており、割引も充実しています。

ホスティングサービスやドメイン名だけでなく、WordPressテーマも必要です。テーマはサイトのテンプレートのようなものです。

お客様の注文を促すプロフェッショナルなサイトを作成するのに役立つ素晴らしいWordPressレストランテーマがたくさんあります。

レストランのサイト開設にお困りの場合は、ウェブサイトの作り方に関するステップバイステップのガイドをご覧ください。

なぜWordPressでオンラインメニューを作るのか？

WordPressサイトにオンラインレストランメニューページを作成することで、訪問者や潜在顧客により良い体験を提供することができます。

レストランのサイトを訪れた人が最初に見るのはメニューです。

来店客にPDFのメニューしか提供していないのであれば、来店客はあなたの提供する料理の選択肢を見ることが難しくなる。

サイト上にオンラインメニューを作成することで、ユーザーがメニューをダウンロードする必要がなくなります。PDFのダウンロードは、カスタマイザーのデータプランや接続環境によっては困難な場合があります。

さらに、サイトのメニューページはモバイル・レスポンシブで、どの端末でも見栄えが良く、訪問者はズームインやズームアウトをしなくても簡単に読むことができます。

そして何より、メニューページがあれば、メニューの編集はもちろん、オンライン注文も簡単に行えます。PDFの場合、メニューや価格の変更が必要な場合、編集やアップローダーの手間がかかります。

そこで、WordPressにオンライン・レストランのメニューを追加するのに役立つ2種類のWordPressプラグインをご紹介します。下記のクイックリンクから使いたいプラグインを選んでください：

方法1：SeedProdを使ってWordPressにレストランメニューを追加する

WordPressでオンラインレストランのメニューを作成するには、SeedProdを使用することをお勧めします。100万以上のサイトで使用されているドラッグ＆ドロップ式のWordPressページビルダーです。

ドラッグ＆ドロップのビルダーを使って、魅力的なレストランメニューを作成できます。さらに、メニューの変更や新しいメニューオプションの設定も簡単に編集できます。

このチュートリアルでは、SeedProdの無料版を使用してメニューを作成することができます。しかし、SeedProdのプロバージョンは320以上のテンプレート、配色、メールマーケティング統合、イメージカルーセル、ソーシャルメディアブロック、その他多くの機能を備えています。

最初に行う必要があるのは、SeedProdプラグインをインストールして有効化することです。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化した後、SeedProd ” ページに移動し、「新規ランディングページを追加」ボタンをクリックします。

テンプレート画面に移動し、ページテンプレートを選択することができます。ニッチや目的別に数十種類のテンプレートがあります。

テンプレートを選択するには、マウスオーバーして「チェックマーク」アイコンをクリックします。お好きなテンプレートをお選びいただけますが、チュートリアルでは「ディナーセールスページ」テンプレートを使用します。

新しいメニューページに名前をつけるポップアップが表示されます。ページのURLを編集することもできます。ここでは単純に’Menu’というページにします。

次に、「保存してページの編集を開始する」ボタンをクリックします。

そうすると、ページエディター画面になります。

ページの右側はプレビューで、完全にカスタマイズすることができます。ページの左側には、ページに追加できるさまざまなブロックやセクションがあります。

まず、ページのロゴをクリックする。

左側にレストランのロゴをアップロードできるメニューが表示されます。新規:WordPressに画像を追加するのと同じ手順でロゴを追加することができます。

次に、ナビゲーションメニューボタンをホームページに戻るように変更します。そうすることで、訪問者がメニューを表示し終わった後、あなたのサイトに戻ることができます。

ナビゲーションメニューボタンをクリックするだけで、左メニューのテキストとリンクを変更することができます。

その後、メインコンテンツのセクションを削除することができます。

ページの見出しにマウスオーバーし、「ブロック削除」アイコンをクリックするだけです。

次に、画像、テキスト、ボタンの各要素に同じ操作を行います。

次に、「見出し」ブロックをページにドラッグして、メニューのタイトルとなる見出しを追加します。

他の要素と同様、左のメニューで文字のサイズ、色、フォントを変更できる。

その後、既存の食品項目を編集し、独自のテキストや画像に置き換えることができる。

まず、画像をクリックし、左のメニューで自分の画像をアップロードします。

次に、現在の見出しをクリックして、独自のテキストを入力します。

また、テキストをクリックして説明を追加すれば、テキストを変更することもできる。

見出しとテキストを変更したら、項目の価格を追加できます。

テキスト」要素をページにドラッグし、左側のメニューでテキストをカスタマイズするだけです。

あとは、上記と同じ手順で、レストランのメニューの残りの項目を作るだけです。

ページテンプレートのセクションはすべてカスタマイズできる。

同じスタイルで別のメニューセクションを追加したい場合は、要素の上にマウスオーバーして「Duplicator Row」をクリックします。

これで同じ行のコピーが作成され、真下に追加される。

レストランメニューのカスタマイザーはご自由にどうぞ。色、サイズ、フォントなど、ページのあらゆる部分をフルカスタマイズできます。

すべての項目に写真を追加したくない場合は、リストブロックを使って簡単にメニュー項目を追加できます。

オンラインレストランメニューの作成が完了したら、「保存」ボタンの隣にあるドロップダウンの矢印をクリックし、「公開する」を選択します。

新しいレストランメニューが完成しました。

これで、WordPressブログの ナビゲーションメニューやその他のエリアにレストランメニューを追加することができます。

方法2：WordPressにフードメニューを追加する

この方法では、Food Menu – Restaurant Menu & Online Orderingプラグインを使用します。このプラグインを使うと、WordPressでオンラインメニューを素早く作成することができます。

また、WooCommerceと統合しているので、訪問者にオンライン注文のオプションを与えることができます。

まず最初にFood Menu – Restaurant Menu & Online Orderingプラグインをインストールして有効化します。詳しくは、WordPressプラグインのインストール方法についての初心者ガイドをご覧ください。

有効化した後、フードメニューの「フードの追加」をクリックします。

この画面では、メニュー項目名、説明、画像を入力することができます。

その後、「更新」または「公開」ボタンをクリックしてメニュー項目を保存します。

メニューに項目を追加するには、上記と同じ手順を踏むだけです。

料理メニューに項目を追加し終わったら、いよいよWordPressにメニューを追加します。

まず、Food Menu ” ShortCode Generatorに行き、’Add New’ボタンをクリックします。

次に、追加したメニュー項目の種類を覚えておくために、ショートコードにタイトルをつけることができます。

そして、メニューの表示方法をカスタマイズすることができます。

初期設定のオプションのままにしておきますが、’Layout’セクションの設定でメニューの表示方法をカスタマイズすることができます。

ここでは、行ごとに表示する項目の数を選択できます。

フィルター」タブでは、シンプルなメニューを表示するか、オンライン注文を有効化するかを選択できます。

オンライン注文を有効にするには、「WooCommerce」ラジオボタンを選択するだけです。どの項目を表示するかコントロールすることもできます。

もしお客様がお買い物カゴに食品を追加して購入手続きをすることを計画しているのであれば、WooCommerceストアに商品としてメニュー項目を追加する必要があります。

商品追加の詳細については、オンラインストアの始め方に関するステップバイステップガイドをご覧ください。

次に、「フィールド選択」タブをクリックして、各項目に表示される情報をカスタマイザーすることができます。

ボックスにチェックを入れたり外したりすると、変更後のプレビューがリアルタイムで表示されます。

その後、「Styling」メニューオプションをクリックして、メニュー項目の外観を変更することができます。

メニュー項目の表示方法のカスタマイザーが終わったら、必ず「公開する」ボタンをクリックしてください。

メニューはまだサイトに反映されませんが、ショートコードが保存されます。

次に、メニューを表示するページを作成する必要があります。

これを行うには、「ページ」 ” 「すべてのページ」に移動し、「新規追加」をクリックします。

その後、ページにタイトルを付けます。これは訪問者に表示されるので、「メニュー」のような名前にしたいでしょう。

次に、「+」アイコンをクリックして新規ブロックを追加します。

次に、検索バーに「Menu」と入力する。

次に「フードメニュー」ブロックを選択する。

その後、ドロップダウンメニューから先ほど作成したショートコードを選択する必要があります。

これでページにメニューが挿入されます。

その後、’公開する’または’更新’ボタンをクリックして、メニューを本番状態にします。

このページには、テキスト、お問い合わせフォーム、Instagramフィードなど、他の要素を追加することもできます。

WooCommerce機能を追加すれば、訪問者がメニューを表示したときに、項目を表示し、注文することもできます。

メニューが表示される画面サイズに関係なく、メニュー項目を完璧に表示します。

レストランサイトを宣伝するボーナスツール

せっかくレストランのサイトにメニューページを設けたのだから、それを宣伝してビジネスを発展させたいところだ。

以下は、あなたのレストランビジネスを促進し、成長させるのに最適なツールです：

• All In One SEO for WordPress-あなたのサイトのSEOを最適化し、より多くの検索トラフィックを得るのに役立ちます最高のWordPress SEOプラグイン。そのローカルSEO機能は、人々がGoogleマップやローカル検索結果であなたのレストランを見つけるのに役立ちます。
• WPForms– WordPressのための最高のフォームビルダープラグインで、あなたのサイトのための任意のフォームを作成することができます。お問い合わせフォーム、フィードバックフォーム、カスタマイザーケートフォームなどがあります。
• OptinMonster– サイト訪問者を購読者やカスタマイザーに変換するのに役立ちます。メールリストやソーシャルメディアのフォロワーを増やしたり、カスタマイザーにターゲットを絞ったメッセージを表示したりすることができます。
• PushEngage– デバイスの種類に関係なく、サイト訪問者にプッシュ通知を送信できます。また、カスタマイザーにターゲットを絞ったメッセージを送信し、サイトを再訪問してもらうこともできます。
• MonsterInsights– WordPressのための最高のGoogleアナリティクスプラグイン。ウェブサイトの訪問者がどこから来て、彼らはあなたのサイトで何をするかを追跡することができます。

その他のおすすめプラグインについては、ビジネスサイトに必須のWordPressプラグインのリストをご覧ください。

この投稿がWordPressでオンラインレストランメニューを作成する方法のお役に立てば幸いです。スモールビジネスに最適な給与計算ソフトや、スモールビジネスに最適なビジネスフォンサービスの比較もご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.