如何創建華麗的 WordPress 食譜（分 4 個步驟）

運行烹飪博客可能意味著您需要定期顯示食譜和其他相關信息。 但是，即使您提供出色的說明，如果沒有一點風格，您的出色創作也可能會被忽視。

在本文中，我們將討論為什麼為您的食譜設計樣式很重要，以及在一個出色的烹飪插件中尋找什麼。 然後，我們將向您介紹我們最喜歡的選擇之一，並教您如何使用它來創建 WordPress 食譜。 讓我們開始吧！

為什麼你可能想在你的網站上添加華麗的食譜

你的食譜越有吸引力，它們就越引人注目。

幾乎不言而喻，但您希望您網站的所有元素都盡可能具有吸引力。 他們對你的聽眾越重要，你就越需要給予他們更多的關注。 談到烹飪博客，很少有元素（如果有的話）比食譜更受關注。 讓我們討論一下原因：

• 他們可以幫助提高參與度。 遵循食譜需要時間和注意力。 您的食譜越引人注目，用戶在您的網站上閱讀它們的時間就越多。
• 您可以以任何您想要的方式設計您的食譜。 很多人在他們的食譜中添加了一些圖片，然後就收工了。 雖然出色的攝影對於引人注目的食譜來說是必不可少的，但您可以使用 WordPress 做更多的事情。 例如，您可以添加一個單獨的部分來涵蓋營養價值。

如果您正在運營一個烹飪博客——或者正在考慮開設一個——對您的食譜進行改造是一個好主意。 它會使您的網站看起來更加精美，甚至可能使您比那些食譜看起來不那麼專業的競爭對手更具優勢。 在推薦它們之前，請確保它們味道好！

你應該在一個很棒的 WordPress 食譜插件中尋找什麼

幸運的是，WordPress 使您能夠以多種方式在您的網站上實施時尚的食譜。 在這種情況下，您可以手動執行此操作，甚至可以使用諸如 Divi 之類的主題，由於其模塊系統，它為您提供了很多控制。

另一方面，您有各種各樣的插件，例如 Cooked、WP Recipe Maker 和 WP Ultimate Recipe。 這些都是首選，它們具有許多共同特徵，例如：

• 為您提供一種簡單的方法來創建看起來很棒的食譜。
• 多種佈局來設計您的食譜，以便它們可以適應您網站的風格。
• 烹飪友好的功能，例如包括烹飪時間、成分列表等（均使用獨特的風格）。
• 優化圖片庫以配合您的食譜。

如果您單獨使用這些元素中的任何一個，那麼在沒有插件的情況下複製它們並不是特別困難。 但是，這可能涉及您自己創建自定義帖子類型並花費大量時間對主題進行更改。 如果您能勝任這項任務，就這樣吧，但您始終可以使用插件來完成繁重的工作。

Cooked 插件簡介

Cooked 插件使您能夠毫不費力地創建一些我們見過的最華麗的 WordPress 食譜。 它的工作原理是為您提供多種風格的元素，例如營養成分、準備和烹飪時間、畫廊等。

您可以使用易於掌握的短代碼系統以任何方式重新排列這些元素。 你所要做的就是輸入你的食譜信息，讓插件把它變成一些不會出現在烹飪雜誌上的東西。

如果您是 Divi 用戶，您會很高興知道插件和主題搭配得很好。 由於您的食譜基於短代碼，您可以將它們添加到您想要的任何模塊中，並自定義它們的樣式以與您網站的其餘部分看起來很好。

主要特點：

• 使用廣泛的預建元素創建時尚的 WordPress 食譜。
• 使用簡碼以任何您想要的方式排列您的食譜元素。
• 使用有吸引力的磚石網格佈局顯示您的食譜。
• 包括關鍵信息，例如烹飪時間、食譜難度級別和營養成分。
• 讓您的訪客能夠從每個食譜的列表中勾選成分，以確保他們不會錯過任何東西。
• 包括僅針對您的食譜庫的搜索功能。

價格：提供免費和高級版本| 更多信息

如何創建華麗的 WordPress 食譜（分 4 個步驟）

在本節中，我們將使用 Cooked 插件來教您如何創建 WordPress 食譜。 正如我們之前提到的，這不是唯一可用的在線配方插件，但它是最好看的插件之一，並且可以很好地啟動。 在我們開始之前，請確保安裝並激活 Cooked 插件，以便您可以按照我們的說明進行操作。

第 1 步：配置插件

在我們開始之前，您需要配置 Cooked 插件。 為此，請轉到儀表板上的“食譜”>“設置”選項卡：

首先，您需要指定一個頁面作為您的“食譜庫”。 為此，請創建一個新頁面並在其中的某處添加[cooked-browse]短代碼。 然後通過從“設置”頁面頂部的下拉菜單中選擇該頁面來保存您的更改並啟用食譜搜索功能：

繼續，您還需要設置要包含在庫的每個頁面上的食譜數量。 默認值為 9，但您可以隨意嘗試其他數字，看看它們是否更符合您的喜好。 在該選項的正下方，您會找到一個設置來為您的食譜啟用分類法。 我們建議保持啟用狀態，以便您可以對它們進行分類以便更好地組織：

現在，向下滾動並查看Global Recipe Toggles設置。 您會在其中找到八個元素，切換一個元素將對您的所有食譜禁用它，因此請花點時間思考您希望您的食譜包含哪些內容：

最後但並非最不重要的一點是，您需要選擇一種格式來顯示每個食譜作者的姓名。 為了保持一致性，我們建議選擇一種盡可能接近您在博客帖子中使用的格式：

順便說一下，保存您的更改並繼續執行第二步。

第 2 步：為您的食譜設置類別

根據您計劃添加到站點的食譜數量，您可能希望為它們設置單獨的組。 即使您剛剛開始，添加一兩個類別也無妨，而且訪問者可以更輕鬆地瀏覽您的圖書館。

要開始，請轉到“食譜”>“類別”選項卡。 在屏幕左側，您會找到添加新類別所需的選項，以及所有現有類別的列表：

這裡的過程非常簡單。 只需為您的新添加物選擇一個名稱和一個 slug，然後在必要時選擇一個父類別。 例如，如果您想為意大利麵食添加一個類別，您可以將Italian設置為其父級（這意味著您需要先創建該類別）：

請記住 - 頁面底部有一個字段，可讓您為每個類別添加說明。 這些描述通常僅用於內部識別目的。 但是，某些主題（不是 Divi）可能會顯示它們，因此請注意您在此處寫的內容：

如果您不想為您的類別添加描述，您可以完全忽略此功能。 無論哪種方式，一旦您有了基本的分類法，就可以最終進入廚房（或儀表板）並開始處理您的第一個食譜。

第 3 步：創建您的第一個食譜

要開始，請單擊“食譜”>“添加新”選項卡。 這會將您發送到帶有 Cooked 插件提供的一些自定義選項卡的 WordPress 編輯器：

首先，為您的食譜設置名稱，然後向下滾動到編輯器的主體。 您將在這裡看到多個短代碼，每個短代碼代表您食譜的不同元素：

現在，讓我們不要碰這些代碼。 相反，單擊“成分”選項卡。 在裡面，您將能夠添加每個食譜的成分，指定每種成分的數量和尺寸：

繼續並列出您食譜的所有成分。 如果您犯了任何錯誤，您可以通過單擊鼠標懸停時顯示的X圖標來編輯每個項目或將其刪除。 完成後，移至下一個選項卡 -路線。

就食譜而言，明確的說明對於確保您的訪客不會犯任何錯誤至關重要。 Cooked 的最佳功能之一是它使您能夠將說明分解為易於遵循的步驟。 為此，您可以結合標題和簡短說明：

如果您想進一步豐富您的食譜，還可以選擇在您認為必要的任何步驟旁邊添加圖像。 這是額外的工作，但它可以幫助說明您的菜餚應該如何準備。 繼續操作，直到您獲得完整的說明，然後跳轉到“營養”選項卡：

這個標籤看起來很複雜，但外表是騙人的。 只要您知道食譜的營養信息，只需填寫必填字段並忽略不需要的字段。 如果您不想為特定食譜包含此信息，請隨意跳過它，因為您可以相應地刪除相應的短代碼。

最後，移至圖庫選項卡並上傳您想要與食譜一起顯示的任何圖像：

準備好後，返回“佈局和內容”選項卡，向下滾動，輸入食譜的摘錄，並指明難度級別、準備時間和烹飪時間：

現在，剩下的就是從前端自定義您的食譜的樣子。 我們將在最後一步討論這個問題。

第 4 步：為您的熟食譜設計樣式

在我們進一步深入之前，讓我們看看我們的食譜看起來如何。 這是食譜的作者、難度級別和打印功能……

……就在下面，我們有時間信息和成分清單：

不錯，但您可以通過重新排列“佈局和內容”選項卡上的短代碼來根據您的確切要求對其進行自定義。 它們的名稱一目了然，但如果您需要任何幫助，可以在“短代碼”選項卡下找到備忘單：

總而言之，我們的食譜看起來已經很不錯了，但它仍然可以變得更好。 讓我們嘗試將它的營養信息添加到我們的側邊欄（這樣，它不會擠滿食譜的其餘元素）。 幸運的是，Cooked 使您可以立即執行此操作。 只需轉到Appearance > Widgets並將Cooked Widget拖到側邊欄：

無需配置小部件，因為它提供的唯一選項是顯示您食譜的營養成分。 這是我們的食譜現在的樣子：

它看起來很不錯，你可以通過玩弄短代碼系統來繼續定制你的。 完成後，保存更改並繼續下一個食譜！

結論

將時尚的食譜添加到您的 WordPress 博客是吸引更多用戶的好方法。 使用引人入勝的圖像、展示營養信息和提供詳細的說明可以使訪問者更加關注並在現場停留更長時間。 這是您可以在沒有插件的情況下完成的事情，但使用正確的插件可以為您節省大量時間。

Cooked 不是唯一的食譜插件，但它是我們的最愛之一。 以下是如何使用它：

1. 配置插件。
2. 為您的食譜設置類別。
3. 創建您的第一個食譜。
4. 為您的作品設計風格。

您對如何使用 Cooked 創建 WordPress 食譜有任何疑問嗎？ 在下面的評論部分提問！

文章縮略圖由 Oxy_gen/shutterstock.com 提供。