如何在 WordPress 中建立線上餐廳菜單（步驟指南）
最後更新於 2024 年 2 月 27 日 撰稿人：編輯團隊 | 評估人：Syed Balkhi
文章分享：
576
分享 推文 分享 Facebook Messenger WhatsApp 電郵
編輯註：我們透過 WPressize Me 的聯盟連結獲得佣金。佣金不會影響我們編輯的意見或評估。了解更多有關編輯過程的信息。
您是否想在 WordPress 上建立線上餐廳菜單？將菜單分享在網站上，能幫助吸引更多客戶光臨您的餐廳或在線下單。在本文中，我們將逐步教您如何在 WordPress 中輕鬆建立線上餐廳菜單。
開始建立餐廳網站需要什麼？
在您建立線上餐廳菜單之前，您需要設置一個網站。如果您還沒有網站，不用擔心。您可以使用 WordPress 建立網站，這是全球使用最廣泛的網站建站工具，數百萬小型企業、餐廳、酒吧和咖啡館都在使用它。全球超過 43% 的網站都在使用 WordPress。最棒的是，您可以在不需要大量前期投資的情況下開始建設您的網站。
首先您需要一個域名和網絡託管。我們與 WordPress 推薦的託管服務提供商之一 Bluehost 談妥了一個優惠。您可以獲得免費域名、免費 SSL 證書和託管服務的巨大折扣。
替代方案：我們也推薦 Hostinger。他們的計劃同樣包含免費域名和 SSL，並提供豐厚的折扣。
除了託管和域名，您還需要一個 WordPress 主題。主題就像是一個網站的模板。有大量優秀的 WordPress 餐廳主題可以幫助您建立一個專業的網站，鼓勵您的客戶下單。
如果您需要幫助設置餐廳網站，可以參考我們的逐步指南：如何建立網站。
為什麼要在 WordPress 中建立線上菜單？
在您的 WordPress 網站上創建線上餐廳菜單頁面，能夠為您的訪客和潛在客戶創造更好的體驗。當訪客訪問您的餐廳網站時，他們通常會先查看您的菜單。如果您僅提供 PDF 菜單，那他們會很難察看您的食物選擇。
通過在您的網站上創建線上菜單，用戶不需要下載您的菜單。根據用戶的數據計劃和連接狀況，下載 PDF 可能會很困難。另外，網站菜單頁面將是響應式的，在每個設備上都能完美顯示，這樣訪客就能輕鬆閱讀，而不需要放大縮小。最重要的是，利用網站菜單頁面，您可以輕鬆編輯菜單，甚至添加在線訂單。而 PDF 菜單在編輯和上傳時非常麻煩。
基於上述原因，我們將介紹兩個不同的 WordPress 插件來幫助您添加線上餐廳菜單。請根據下面的快速鏈接，選擇您希望使用的插件：
方法一：使用 SeedProd 添加餐廳菜單到 WordPress
方法二：使用 Food Menu 添加餐廳菜單到 WordPress
促銷餐廳網站的額外工具
方法一：使用 SeedProd 添加餐廳菜單到 WordPress
我們推薦使用 SeedProd 來在 WordPress 中建立線上餐廳菜單。這是最好的拖放式 WordPress 頁面構建器，已有超過 100 萬網站在使用它。它讓您可以使用拖放構建工具來創建令人驚豔的餐廳菜單。且當菜單發生變動或有新菜品時，您可以輕鬆編輯您的菜單。
在本教程中，您可以使用 SeedProd 的免費版本來創建您的菜單。不過，SeedProd 的專業版包含 320 多個模板、色彩方案、電子郵件營銷整合、圖片輪播和社交媒體區塊等功能。
首先，您需要安裝並啟動 SeedProd 插件。更多詳情可參考我們的逐步指南：如何安裝 WordPress 插件。
啟動後，導航到 SeedProd » Pages，點擊‘Add New Landing Page’按鈕。
這會引導您進入模板選擇界面，您可以選擇不同的模板。有數十個不同領域和用途的模板可供選擇。選擇模板時，將鼠標移動到模板上並點擊‘Checkmark’圖標。您可以選擇任意一個模板，在本教程中，我們將使用‘Dinner Sales Page’模板。
這將彈出一個窗口，您可以為您的新菜單頁面命名，並編輯頁面的 URL。我們將該頁命名為‘Menu’。然後，點擊‘Save and Start Editing the Page’按鈕。
完成後，您將進入頁面編輯器界面。頁面的右側是預覽區，可以完全自定義，頁面的左側有不同的區塊和部分可以添加到頁面中。
首先，點擊頁面標誌。這將在左側彈出一個菜單，您可以上傳餐廳標誌。要添加新標誌，可以按照添加圖片到 WordPress 的相同過程進行操作。
接下來，您可以更改導航菜單按鈕，讓其返回首頁。這樣，當訪客查看完菜單後，可以返回網站。只需點擊導航菜單按鈕，然後您可以在左側菜單中更改文本和鏈接。
之後，您可以刪除主要內容部分。只需將鼠標移動到頁面標題上，點擊‘Delete Block’圖標。接著，您可以對圖片、文本和按鈕元素做相同操作。
接下來，您可以透過拖動‘Headline’區塊，為菜單的標題添加一個標題。與其他元素類似，您可以透過左側菜單更改文本的大小、顏色和字體。之後，您可以編輯現有的食物項目，並用您自己的文本和圖片替換。首先，點擊圖片並使用左側菜單上傳您自己的圖片。
接下來，點擊當前標題輸入您的文本。您也可以透過點擊文本添加描述。完成更改標題和文本後，您可以為餐品添加價格。只需將‘Text’元素拖動到頁面，然後透過左側菜單自定義文本。
然後，只需按照上述步驟為菜單中的其他項目進行操作。您可以自定義頁面模板中的所有部分。如果您希望添加一個相同樣式的菜單區塊，將鼠標移動到元素上並點擊‘Duplicate Row’。這將創建相同行的副本，並直接添加到下面。
隨意繼續自定義您的餐廳菜單。您可以完全自定義頁面的每一部分，包括顏色、大小、字體等。如果您不想為每個項目添加照片，那麼您可以輕鬆使用列表區塊添加菜單項目。
完成建立線上餐廳菜單後，點擊‘Save’按鈕旁的下拉箭頭，選擇‘Publish’。您的新餐廳菜單現在已上線，訪客可以查看。
現在，您可以將您的餐廳菜單添加到導航菜單和 WordPress 博客的其他區域。
方法二：使用 Food Menu 添加餐廳菜單到 WordPress
此方法使用 Food Menu – Restaurant Menu & Online Ordering 插件。此插件可讓您快速在 WordPress 中創建線上菜單。它還與 WooCommerce 整合，因此您可以選擇讓訪客在線下單。
首先，您需要安裝並啟動 Food Menu – Restaurant Menu & Online Ordering 插件。更多詳情可參考我們的初學者指南。
啟動後，導航到 Food Menu » Add Food。在此界面，您可以輸入菜單項目名稱、描述和圖片。完成後，點擊‘Update’或‘Publish’按鈕保存您的菜單項目。要添加更多菜單項目，只需按照相同步驟進行操作。
當您完成添加菜單項目後，是時候將菜單添加到 WordPress。首先，您需要前往 Food Menu » ShortCode Generator，然後點擊‘Add New’按鈕。接下來，您可以給您的短代碼一個標題，以便記住添加的菜單項目類型。然後，您可以自定義菜單顯示方式。
我們將保持默認選項，但您可以透過‘Layout’部分中的設置自定義菜單顯示方式。在‘Filtering’標籤中，您可以選擇顯示簡單的菜單或啟用在線訂單。要啟用在線訂單，只需選擇‘WooCommerce’單選按鈕。您還可以控制顯示哪些項目。若您計劃讓顧客將食物項目添加到購物車並結帳，則需要將菜單項目添加為 WooCommerce 商店中的產品。有關添加產品的更多詳細信息，請參考我們的逐步指南：如何開始在線商店。
接下來，您可以透過點擊‘Field selection’標籤來自定義每個項目顯示的信息。隨著您勾選或取消勾選方框，您可以即時預覽更改的樣子。之後，您可以點擊‘Styling’選項來更改菜單項目的外觀。一旦您完成自定義菜單項目的顯示方式，請務必點擊‘Publish’按鈕。這不會立即使您的菜單在網站上線，但會保存我們稍後添加到網站的短代碼。
現在，您需要創建一個菜單將顯示的頁面。要做這個，導航到 Pages » All Pages，然後點擊‘Add New’。接下來，您可以給頁面命名。這將出現在訪客面前，因此您需要命名為類似‘Menu’。然後，點擊‘+’圖標添加一個新區塊。再之後，輸入‘Menu’到搜索欄。然後，選擇‘Food Menu’區塊。之後，您需要從下拉菜單中選擇您剛創建的短代碼。這將插入您的菜單到頁面中。然後，點擊‘Publish’或‘Update’按鈕，使您的菜單上線。您也可以在此頁面添加其他元素，如文本、聯絡表單、Instagram feed 等。
現在，您的訪客在查看菜單時，可以查看項目甚至下單（如果您添加了 WooCommerce 功能）。無論您的菜單在哪個屏幕大小上顯示，都能完美展示菜單項目。
促銷餐廳網站的額外工具
現在您已設置餐廳網站並創建了菜單頁面，您可能會希望推廣它以擴大您的業務。以下是一些最佳工具，幫助您促銷和擴展您的餐廳業務：
- All in One SEO for WordPress – 最佳的 WordPress SEO 插件，幫助您優化網站 SEO 以獲取更多搜索流量。其本地 SEO 功能幫助人們在 Google 地圖和本地搜索結果中找到您的餐廳。
- WPForms – 最佳的 WordPress 表單構建插件，讓您可以為網站創建各種表單，如聯絡表單、反饋表單、客戶調查表等。
- OptinMonster – 它幫助您將網站訪客轉化為訂戶和客戶。您可以使用它來增加您的電子郵件列表和社交媒體關注者，向客戶顯示目標信息等。
- PushEngage – 這能幫助您向網站訪客發送推送通知，無論他們使用何種設備。它還能幫助您向客戶發送目標信息，將他們帶回您網站。
- MonsterInsights – 最佳的 WordPress Google Analytics 插件。它允許您跟踪網站訪客的來源及其在網站上的行為。
有關更多插件推薦，請參考我們的清單：商業網站必備 WordPress 插件。
我們希望這篇文章幫助您學會如何在 WordPress 中建立線上餐廳菜單。您可能還想查看我們的專家推薦：小型企業最佳薪資軟件 或 小型企業最佳商業電話服務比較。
如果您喜歡這篇文章，請訂閱我們的 YouTube 頻道獲取 WordPress 視頻教程。您也可以在 Twitter 和 Facebook 上找到我們。
文章分享：
576
