WordPressでレストランサイトを構築する

テーマのzipファイルをダッシュボードの「外観」>「テーマ」>「新規追加」からアップロードし、有効化してください。セットアップウィザードは自動的に開きます。このプロジェクトであれば、作業はすぐに終わります。

• まずライセンスを用意してください。ダッシュボードのライセンスキーを貼り付けてください。次のステップでウィザードがレストラン向けパッケージをダウンロードするために必要になります。
• デモの手順で「Italian Restaurant」を検索してください。そのカードには、取り込む前に、ページ、投稿、料理の内容が一覧で表示されます。
• プラグインの手順は自動的にスキップされます。 レストランデザインには、Canvasとウィザードがインストールするコンパニオンプラグイン以外は必要ありません。

セットアップウィザードを途中で閉じても、再開するまではCanvasメニューの下で待機します。

ウィザードの9ステップからなる各ステップの役割

「固定ページ」からホームページを開きます。エディターでは、ヘッダー、スライダー、ページタイトル、フッターが、来店されるお客様の目に映る形で本文の周囲に表示されます。そのため、実際のページを見ながらウェルカムメッセージを書けます。

クリック、入力、置換

ページ上のすべての見出し、段落、画像はブロックです。クリックするとその上に入力でき、画像では「置き換え」を選んで手持ちの写真を選択できます。右側のパネルには、色からリンクまで、そのブロックが対応するその他の設定が表示されます。

具体的な内容をはっきり伝える

デモのテキストはあえて汎用的に作られているため、見分けやすく、差をつけやすくなっています。「Authentic Italian cuisine」を、あなたにしか言えない内容に置き換えてください。たとえば、レシピの出身地域、厨房を仕切る人の名前、オーブンで使う木材、パンが焼き上がる時刻などです。2軒のレストランのどちらにするか迷う客は、形容詞ではなく具体的な情報を読んで判断します。

セクションがレストランに合わない場合は、削除して別のパターンに置き換えてください。選べるパターンは183個あり、それぞれ通常のブロックとして追加されるため、自由に並べ替えられます。

このデモには動作するフォームが含まれています。Canvasのフォームはブロックでつくられたレコードです。Formブロックがフィールドをまとめ、Form Fieldブロックが各フィールドを定義し、Form Submit Buttonブロックが送信を行い、Form Embedブロックが完成したフォームを任意のページに配置します。

予約に必要な入力項目

• 日付と時刻のフィールドで、受付可能な最も早い時刻と最も遅い時刻を設定します。最も早い時刻は開店時刻、最も遅い時刻は最終入店時刻に設定し、間隔は15分または30分にして、19:07のような中途半端な時刻の予約が入らないようにします。
• 人数を入力するNumberフィールド。最小値と最大値は、最も大きいテーブルに合わせて設定します。
• 名前と電話番号用のテキストおよび電話フィールドと、確認用のメールフィールドです。
• アレルギーやハイチェア、うっかり忘れがちな記念日を書き込むためのテキストエリア。
• 後からゲストにメールを送る予定があれば同意チェックボックス、そしてハニーポットフィールド。ハニーポットは、人間を煩わせることなく大半のスパムを静かに捕らえる、目に見えない罠です。

リクエストの送信先

デモの予約フォームには、名前、電話番号、メールアドレスの入力欄、過去の日付をグレーアウトする日付選択、時間メニュー、人数メニューが含まれています。すべてのリクエストは、お使いのサイト内のテーブルに保存され、WordPress管理画面の「Submissions」に一覧表示されます。ただし、まだメール通知は送信されません。フォームを開き、その「Actions」タブで「Send Email Notification」をオンにし、営業中に実際に確認しているアドレスを設定してください。その後、ご自身で席を予約して、メッセージが届くか確認してください。

各予約は、確定が必要なリクエストとして扱ってください。フォームは予約内容を記録するだけで、席数の管理やテーブルの確保は行いません。リアルタイムの空き状況が必要な場合は、専用の予約システムを使ってください。フォームのWebhookアクションで、各リクエストをその予約システムに渡すこともできます。また、フォームにも保存期間を設定し、お客様の電話番号が任意のスケジュールで削除されるようにしてください。

88個のデモのうち83個には、少なくとも1つの動作するフォームが含まれているため、多くの場合はフォームの内容を編集するだけで、接続の設定は済んでいます。

サイトを誰かに案内する前に、このリストを確認してください。短いリストですが、どの項目も誰かが恥ずかしい思いをした経験があるものばかりです。

• 実際のテスト予約を送信し、スマートフォンからレストランのWi-Fiをオフにした状態で、通知が届くことを確認してください。
• すべてのページをスマートフォンで確認してください。今夜の夕食を探している人の多くは、立ったままスマートフォンで見ています。
• フッターを含め、これらの情報を掲載するすべてのページで住所、電話番号、営業時間を確認してください。
• 写真には代替テキストを入力しましょう。代替テキストは、スクリーンリーダーを使う人の助けになるほか、検索エンジンがページとあわせて読み取り、店内の雰囲気を理解する手がかりにもなります。
• SEO画面を確認してください。Canvasは公開中のコンテンツからタイトル、説明文、共有カード、構造化データを自動生成します。そのため、ここで必要なのは、もう一組の入力欄を埋めることではなく、コンテンツを具体的にすることです。
• 必要なパフォーマンススイッチをオンにしてください。最適化は35件あり、それぞれ元に戻せます。いずれもページで使われない部分の読み込みを減らします。

次に公開し、住所を人が検索する場所に掲載したら、レストランの運営に戻りましょう。サイトはもはやプロジェクトではなく、メニューが変わったら編集する情報の集まりです。