Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressでレストランサイトを簡単に作る方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressでレストランのサイトを作りたいですか?

レストランのウェブサイトは、新規顧客を獲得し、ビジネスを成長させるのに役立ちます。また、既存のカスタマイザーにもより良いエクスペリエンスを提供し、レストラン、カフェ、テイクアウト、または同様のビジネスへのリピーターを増やすことができます。

この投稿では、WordPressでレストランのサイトを作る方法をご紹介します。

How to easily create a restaurant website with WordPress

なぜレストランのサイトを作るのか?

ウェブサイトは、新規顧客にレストランを売り込み、既存顧客により良い体験を提供するための最良の方法のひとつです。

あなたのレストランのオンラインプレゼンスを作ることで、あなたのレストランのような会場や料理を探している人々にあなたのビジネスを紹介することができます。

An example of a restaurant website

潜在的な顧客があなたのビジネスを発見した後、プロフェッショナルにデザインされた親切なサイトは、彼らがあなたのレストランについて知る必要があるすべてのことを伝えます。そして、あなたのレストランが自分に合っているかどうかを判断してもらうことができます。

たとえ、カスタマイザーが多く、エリアでの評判が高くても、レストランのウェブサイトがあれば、顧客体験を向上させることができる。

例えば、オンライン予約、便利なお問い合わせフォームを使った質問、最新メニューのチェックなど、カスタマイザーが様々なことができる。

An example of a restaurant online booking form

このように、レストランのウェブサイトはカスタマイザーを満足させ、数カ月、あるいは数年先まで訪問し続けてもらうことができるのです。

とはいえ、WordPressで簡単にレストランのサイトを作る方法を見てみましょう。

レストランに最適なサイトビルダーは?

レストランのウェブサイトを作成するのに役立つウェブサイトビルダーは数多くありますが、WordPressを使用することをお勧めします。

ブログ・リサーチの統計によると、WordPressは世界で最も人気のあるウェブサイト・プラットフォームです。多くのトップレストランサイトを含む、インターネット上のすべてのウェブサイトの約43%を動かしています。

WordPressはオープンソースで無料です。このトピックについては、WordPressが無料である理由についての投稿をご覧ください。

しかし、WordPressソフトウェアには2つのタイプがあることを理解しておくことが重要です。

まず、WordPress.comがあり、これはブログ・ホスティング・プラットフォームである。次に、WordPress.orgがあり、これはインストール型のWordPressとしても知られている。

詳細な比較については、WordPress.comとWordPress.orgの違いについてのガイドをご覧ください。

WordPress.orgは、サイトの完全なオーナーシップを持ち、サードパーティ製のプラグインをインストールすることができるため、レストランのウェブサイトにはWordPress.orgを使用することをお勧めします。

読者すべてにWordPressをお勧めする理由をさらに詳しく知りたい方は、長所と短所を含むWordPressの完全なレビューをご覧ください。

ステップ1:レストランサイトの開設

WordPressサイトを作成するには、ドメイン名とホスティングサービスが必要です。

ドメイン名は、インターネット上のあなたのサイトのアドレスです。例えば、justeat.comやtacobell.comのように、カスタマイザーがあなたのサイトにアクセスするためにブラウザーに入力するものです。

ウェブホスティングサービスは、あなたのサイトがオンラインで生活する場所です。私たちは、あなたがレストランのウェブサイトのために購入することができます最高のWordPressホスティングのいくつかを厳選しました。

WordPressのソフトウェアは無料だが、ホスティングサービスとドメイン名で費用がかさむ。

ドメインネームは通常年額14.99ドル、ホスティングサービスは月額7.99ドルから。すでに請求書や経費の支払いがあるレストランにとっては、これは大変なことだ。

ありがたいことに、Bluehostはドメイン名を無料で提供しており、読者はウェブホスティングサービスを60%オフで利用できる。Bluehostは世界最大級のホスティングサービス会社で、WordPressが推奨する公式ホスティングパートナーです。

また、読者にはSSL証明書を無料で提供している。 オンラインで支払いを受けたい場合、SSL証明書は顧客のクレジットカードやデビットカードの情報を安全に保つために不可欠である。

下のボタンをクリックすると、月々1.99ドルから始められます。

そこで、新しいタブでBluehostのサイトに移動し、緑色の「Get Started Now」ボタンをクリックする必要があります。

Bluehost get started

このページでは、あなたのサイトのホスティングサービスプランを選択することができます。

ビジネスサイトを成功させるために必要なものがすべて揃っているので、ベーシックプランかチョイスプラスプランを選ぶことをお勧めします。

Bluehost pricing table

プランを選択したら、「続ける」をクリックする。

次の画面では、ドメイン名を選択する必要があります。

bluehost setup your domain

理想的なのは、発音やスペルが簡単で、覚えやすく、あなたのビジネスに関連したドメイン名です。レストランの名前から始めるのも良いですが、そのドメインがすでに他のビジネスに取られている場合もあります。

その場合は、レストランの場所や自分の名前、提供する料理の種類などを追加して、ドメイン名を拡張してみるとよい。

レストランサイトのドメイン名選びにお困りですか?最適なドメイン名の選び方に関するヒントやツールをご覧ください。

名前を決めたら「Next」ボタンをクリックして次に進む。

ここで、お名前やメールアドレスなどのアカウント情報を提供する必要があります。その後、Bluehostはあなたが購入することができますいくつかのオプションが表示されます。

必要であればいつでも後から追加できるからだ。

bluehost package extras

その後、支払い情報を入力するだけで購入が完了する。

この手続きが完了すると、ウェブホスティングコントロールパネルへのログイン方法が記載されたメールが届きます。ホスティングアカウントのダッシュボードで、メール通知の設定やWordPressサポートの依頼など、レストランサイトを管理することができます。

WordPressソフトウェアをインストールする場所でもある。

ステップ2:新規WordPressサイトの作成

当社のリンクを使用してBluehostにサインアップすると、Bluehostは自動的にあなたのドメイン名にWordPressをインストールします。

別のWordPressサイトを作成したい場合は、単にBluehostのダッシュボードで’Websites’タブをクリックすることができます。

次に、「サイトを追加」ボタンをクリックします。

bluehost add site

Bluehostウィザードがセットアッププロセスを案内します。

まず、「WordPressをインストールする」を選択し、「続ける」をクリックします。

bluehost install wordpress

次に、サイトのタイトルをつけましょう。本当に〜してもよいですか?

そこから『続ける』をクリックする。

site title bluehost

その後、Bluehostはあなたのレストランのウェブサイトのドメイン名とパスを選択するように求められます。

まだドメイン名を考えることができない場合は、”仮ドメインを使用する “を選択することができ、Bluehostはあなたに今のところランダムなものを割り当てます。後でいつでも変更することができます。

そして「Continue」を押して先に進む。

use a domain bluehost

ドメイン名を持っていない場合は、Bluehostのダッシュボード内の ‘ドメイン’ページにアクセスして購入することができます。

ドメイン名を選択した後、BluehostはあなたのためにWordPressをインストールします。それをロードするために数分を与え、その後、WordPressのサイトをセットアップするために取る ‘サイトを編集’ボタンをクリックします。

edit site

WordPressサイトを移行するか、新規セットアップを開始するかを尋ねる新しいウィンドウが表示されます。

セットアップ開始」ボタンをクリックします。

start setup

セットアップウィザードに従うだけです。どのようなサイトを構築する予定かなど、基本的な情報を尋ねられます。

最も適したカテゴリーを選び、「設定を続ける」に合わせる。

continue setup

あなたは全体のBluehostのWordPressのセットアップウィザードを通過したら、ちょうど ‘セットアップを完了’を押してください。

そこからサイト管理エリアに移動します。

complete setup

ブラウザーから直接yoursite.com/wp-admin/にアクセスするだけで、WordPressダッシュボードにログインすることもできます。

注: OptinMonsterや WPFormsなど、レストランサイトに必須のWordPressおすすめプラグインもインストールしておくとよいでしょう。

WordPress site admin

SiteGroundHostingerHostGatorWP Engineなど、別のWordPressサイトホストを使用している場合は、すべてのトップホスティングサービスプロバイダのWordPressのインストール方法に関する完全なガイドを参照してください。

WordPressのセットアップが完了したら、5つ星レストランのサイトを作り始める準備が整いました。

ステップ3:レストランのテーマを選ぶ

WordPressテーマは、あなたのレストランサイトの外観と動作を変更する専門的に設計されたテンプレートです。

デフォルト設定では、WordPressサイトには基本テーマが付属しています。あなたのサイトにアクセスすると、このように表示されます:

The default WordPress theme

これはほとんどのカスタマイザーにとってあまり魅力的ではないので、通常は初期設定のWordPressテーマを置き換えることになるでしょう。

WordPressのビジネステーマには、さまざまなプレミアムテーマや無料テーマがあります。一般的に、多目的WordPressテーマやニッチ産業テーマに分類することができます。

一般的なレストランのサイトには、メニューや写真、位置情報、営業時間などを表示する機能など、特別な機能が必要です。

そう考えると、フード業界やホスピタリティ業界向けにデザインされたテーマを探すのは理にかなっています。そんなあなたのために、最高のWordPressレストランテーマを集めました。

SeedProdのようなサイト・ランディングページビルダーのプラグインを使うこともできる。

SeedProd

SeedProdは、最高のドラッグアンドドロップWordPressページビルダーであり、あなたがプロフェッショナルに設計されたレストランのサイトを構築するために使用できるビルトインテンプレートが付属しています。

これらのテンプレートには、メニュー、料理の写真、価格、レシピなどが含まれています。

One of SeedProd's ready-made restaurant templates

レストランのテーマを選んだら、WordPressテーマのインストール方法についてのステップバイステップガイドをご覧ください。

テーマをインストールした後、WordPressダッシュボードの外観 ” カスタマイザーでテーマをカスタマイズすることができます。

テーマカスタマイザーが起動し、テーマの設定を微調整したり、ライブプレビューで変更内容を確認することができます。

The WordPress theme customizer

新しいフルサイト編集テーマを使用している場合は、代わりに外観 エディターに移動する必要があります。

WordPressのコンテンツエディターでページや投稿を編集するのと同じように、WordPressテーマのブロックを追加、削除、編集することができます。

Opening the WordPress full-site editor

プロのヒント どのテーマを使っていても、フルサイトエディターにもデフォルト設定のWordPressカスタマイザーにも、ユーザーフレンドリーなドラッグ&ドロップエディターはありません。そのため、SeedProdのようなページビルダーを使ってテーマをカスタマイズすることをお勧めします。

この画面に戻れば、いつでもテーマのカスタマイズを続けることができます。WordPressのテーマはいつでも完全に変更することができるので、サイトのオリジナルデザインに縛られることはありません。

ステップ4:カスタムホームページの作成

WordPressには、投稿とページと呼ばれる2つの初期設定コンテンツタイプがあります。

通常、記事やブログを作成するには投稿を使用します。初期設定では、トップページにはこれらの投稿が時系列逆順で表示されるため、WordPressで投稿の順序を変更しない限り、新しいコンテンツがリストの一番上に表示されます。

A list of WordPress blog posts

ブログを利用して、カスタマイザーとのより強い関係を築き、WordPressのSEOを改善し、レストランサイトへのトラフィックを増やすことができるかもしれません。

例えば、レシピを書いたり、料理のコツを紹介したり、レストラン業界の最新ニュースをブログに書いたり。

しかし、たとえブログ投稿を公開する予定があったとしても、通常はトップページに表示することはありません。その代わりに、新しい訪問者にあなたのビジネスを紹介するカスタム・ホームページを作成することをお勧めします。

注目を集めるレストランのトップページを作成するためのステップバイステップの手順は、WordPressでカスタマイザーのトップページを作成する方法をご覧ください。

ページのデザインに満足したら、いよいよトップページに設定します。これを行うには、WordPressダッシュボードのSettings ” Readingに進みます。

Adding a static home page to your WordPress website

ここで、「Your homepage settings」までスクロールし、「A static page」を選択する。

次に、「ホームページ」のドロップダウンを開き、前のステップで作成したページを選択します。

Adding a static home page to your WordPress restaurant website

その後、画面を一番下までスクロールし、「変更を保存」をクリックするだけです。これで、あなたのサイトにアクセスすると、新しいホームページが表示されます。

ブログを書くのであれば、投稿を表示するブログページを区切りましょう。そうしないと、カスタマイザーはあなたの最新のWordPressブログを見つけるのに苦労することになる。

ステップ5:オンラインレストランメニューの作成

長期にわたってご愛顧いただいているカスタマイザーも、時々メニューを見たくなるかもしれません。オンラインでメニューを公開すれば、カスタマイザーは昼夜を問わずいつでもメニューを見ることができます。

メニューを公開することで、新規客に来店してもらうこともできる。

WordPressサイトにPDFファイルをアップロードすることは可能です。しかし、PDFメニューのダウンロードは、カスタマーのデータプランとインターネット接続によっては困難な場合があります。また、PDFはレスポンシブではないため、スマートフォンやタブレットでは読みにくい場合があります。

さらに、新しい料理を追加したり、価格を変更したりするたびに、まったく新しいPDFをアップロードする必要があります。

そのため、WordPressサイトにオンラインメニューを追加するには、SeedProdを使用することをお勧めします。SeedProdはまた、どの端末でも見栄えの良いモバイルレスポンシブメニューを作成することができます。

One of SeedProd's professionally-designed restaurant templates

SeedProdはまた、新しい料理や価格でメニューを更新したり、もう提供しない料理を削除したりすることも簡単にできます。

SeedProdには、メニュー作成に最適な「メニュー販売ページ」テンプレートも付属しています。

A restaurant menu, created using SeedProd

詳しい手順については、オンラインレストランメニューの作成方法をご覧ください。

ステップ6:オンライン注文の設定

多くのレストランでは、カスタマイザーがオンラインで料理を注文することができます。例えば、カスタマイザーに予約注文やデリバリー注文の設定をすることができます。

専門的に聞こえるかもしれませんが、WPFormsプラグインを使えば簡単にサイトにオンライン注文を追加することができます。

The WPForms form builder plugin for WordPress

WPFormsはWordPressのフォーム作成ツールで、製品やサービスのすべての種類のオンライン注文フォームを作成することができます。

テイクアウト注文フォーム」も用意されており、あなたのレストランのサイトに合わせてカスタマイズすることができます。

Adding an online takeaway order form to your WordPress website

誰かがフォームに入力するたびに、WPFormsは自動的にあなたに通知します。

WPFormsはPayPalや Stripeを含むすべての最高の支払いゲートウェイをサポートしています。WPFormsはPayPalやStripeなどの決済ゲートウェイに対応しており、オンラインで安全に支払いを行うことができます。

Accepting online payments for your restaurant website

ステップバイステップの手順については、WordPressでレストランの注文を設定する方法を参照してください。

ステップ 7: レストラン予約フォームの追加

今日では、ほとんどの人が自動化されたシステムで予約ができることを期待している。

レストランのサイトに予約フォームを追加することで、昼夜を問わずいつでも予約を受け付けることができます。電話に出られなかったからといって、他のカスタマイザーを失うことはありません。

予約フォームはまた、予約プロセスの多くを自動化することができます。これは、支払いを収集し、メールで今後の予約についてカスタマイザーに思い出させることを含む。

WPFormsを使えばあなたのサイトにレストランの予約フォームを簡単に追加することができます。このプラグインは、あなたのレストランのためにカスタマイズすることができ、既製のディナー予約フォームのテンプレートを持っています。

How to accept online bookings on a restaurant website

WPFormsはまた、すべてのトップEメールマーケティングプロバイダと統合しています。これにより、簡単に予約確認メールをカスタマイザーに送信することができます。

予約が近づいたら、リマインドメールを送ったり、食事に関する必須条件を聞いたり、予約フォームを送ったりすることもできます。

Creating email notifications for your booking form

WordPressサイトに予約フォームを追加する方法についてさらに詳しく知りたい方は、WordPressで予約フォームを作成する方法をご覧ください。

ステップ8:お問い合わせフォームの追加

WordPressの予約プラグインを使用している場合でも、カスタマイザーによっては直接あなたと話す必要がある場合があります。

訪問者は電話番号に電話をかけたり、ビジネス用のメールアドレスにメッセージを送ることもできますが、私たちは常にお問い合わせフォームをサイトに追加することをお勧めします。

An example of a contact form

最高のお問い合わせフォームプラグインのほとんどはビルトインスパムプロテクションを備えているので、お問い合わせフォームのスパムを受け取ることはありません。また、フォームは訪問者から一貫した情報を収集するので、親切な返信を書くために必要なデータをすべて手に入れることができます。

WordPressサイトにお問い合わせフォームを追加する最も簡単な方法は、無料のWPFormsプラグインを使用することです。

このプラグインにはシンプルなお問い合わせフォームテンプレートがビルトインされており、WPForms のドラッグアンドドロップエディターを使って素早くカスタマイズすることができます。

WPForms' contact form template

その後、既製のWPFormsブロックを使用して、任意のページ、投稿、またはウィジェット対応エリアにフォームを追加するだけです。

詳しいお問い合わせフォームの作り方はWordPressのお問い合わせフォームの作り方をご覧ください。

ステップ9:ナビゲーションメニューの追加

レストランサイトにコンテンツを追加したら、ナビゲーションメニューを追加することで、訪問者がページや投稿を探しやすくすることができます。

An example of a restaurant menu, created using WordPress

どのテーマを使っていても、WordPressならレストランサイトにメニューやサブメニューを追加するのがとても簡単です。

完全なガイドについては、ナビゲーションメニューを追加する方法についての投稿日をご覧ください。

The WordPress menu settings

ステップ10:レストランサイトに社会的証明を加える

ソーシャルプルーフ(社会的証明)は、カスタマイザーの信頼を獲得し、新規来店者を納得させる最善の方法のひとつです。結局のところ、私たちは他の人が買っているもの、使っているもの、勧めているものを試してみる可能性が高いのです。

人々はInstagramやFacebookなどのサイトで料理の写真を共有するのが大好きです。それを念頭に置いて、WordPressサイトにソーシャルメディアのフィードを追加することをお勧めします。

Smash Balloon Instagram Feedは WordPress用の最高のInstagramプラグインの一つで、他の人の写真を簡単にサイトに表示することができる。

このプラグインを使用すると、ハッシュタグフィードを作成し、カスタマイザーがあなたのアカウントにタグ付けした写真を表示することができます。これには料理の写真や会場の写真、カスタマイザーがレストランで楽しんでいる様子などが含まれます。

A food hashtag Instagram feed, created using Smash Balloon

Instagram Feedプラグインの無料版もあるので、それを使って始めることもできる。

詳しい手順については、WordPressでカスタムInstagramフィードを作成する方法のガイドをご覧ください。

顧客が定期的にレストランについてツイートする場合、Smash Balloon Twitter Feedではハッシュタグや言及フィードを作成することもできます。

A Smash Balloon Twitter feed

WordPressにTwitterフィードを追加する方法については、WordPressにツイートを埋め込む方法をご覧ください。

ステップ11:カスタマイザーのレビューを表示する

カスタマイザーによるレビューや体験談は、来店客に詳しい情報を提供し、来店に関する疑問や不安を解消してくれるかもしれません。

すでに Facebook、Yelp、Google、TripAdvisor などのプラットフォームでレビューが掲載されている場合、Smash Balloon Reviews Feed Pro を使用して WordPress サイトに簡単に表示できます。

An example of Yelp reviews, embedded using Smash Balloon

Reviews Feed Proは、WordPress用のカスタマイレビュープラグインの中で最も優れたものの一つです。

レビューを自動的に収集し、あなたのレストランのサイト上で素敵なレイアウトに整理します。さらに、レビューフィードを簡単にカスタマイズすることができます。

Adding a boxed layout style to a review feed in WordPress

注:GoogleやYelpのレビューを表示するために使用できるレビューフィードの無料版もあります。

詳しくは、Google、Facebook、Yelpのレビューを表示する方法のチュートリアルをご覧ください。

サイトに掲載するレビューがない?それなら、レビューの募集を始めましょう。

WPFormsには既製のレストランレビューフォームテンプレートがあり、あなたのサイトに追加してすぐにカスタマイレビューの収集を始めることができます。

A restaurant review form, created using WPForms

レビューがいくつか集まったら、WordPressでカスタマイザーレビューページを作成します。

レストランサイトを成長させるボーナスのヒント

このサイトをご覧になっていれば、あなたのビジネスを成長させるプロフェッショナルなレストランサイトが完成しているはずです。

あなたのサイトを次のレベルに引き上げるために、より多くのカスタマイザーを惹きつけ、既存顧客により良い体験を提供するためのヒントをいくつかご紹介しましょう:

このチュートリアルで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.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

1件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。