WordPress 自定義字段完整指南

如果您想構建自定義的動態 WordPress 站點，了解 WordPress 自定義字段的工作原理很重要。

簡而言之，自定義字段可讓您存儲有關博客文章、頁面、自定義文章類型甚至分類法（如類別和標籤）的附加信息。

使用 Elementor Pro，您甚至可以從自定義字段中獲取信息，並將其動態包含在 Elementor 設計和 Theme Builder 模板中（這意味著您可以使用自定義字段來編輯 WordPress 主題和子主題）。

簡而言之，自定義字段是釋放 WordPress 作為完整內容管理系統功能的主要關鍵之一。 因為它們對於使用 Elementor 構建自定義網站非常重要且非常有用，所以我們將用整篇文章專門介紹 WordPress 自定義字段以及如何使用它們。

以下是我們將介紹的內容：

• 詳細了解什麼是自定義字段以及它們如何幫助您
• 如何在WordPress中添加自定義字段
• 如何在網站前端顯示自定義字段中的數據
• 自定義字段和帖子類型/分類法之間的區別（以及何時使用它們）
• 最好的 WordPress 自定義字段插件

讓我們深入了解。

正如您在介紹中了解到的，自定義字段可幫助您收集有關 WordPress 內容的附加信息。

在技​​術術語中，自定義字段可幫助您收集和管理元數據或“提供有關其他數據的信息的數據”。

當您在 WordPress 中添加新博客文章時，您可以在編輯器中輸入博客文章的標題和內容。 但是，如果您想收集額外的結構化信息怎麼辦？

例如，假設您有一個評論博客，並且您想為您發布的每篇評論博客文章分配一個數字評級。

您可以在您的博客文章中添加一個新的“評級”自定義字段，您可以在其中輸入數字以及其他一些有用的信息。 這些字段將獲得自己的單獨框，並將單獨存儲在 WordPress 數據庫中（在 postmeta 中）。 事實上，這基本上是大多數評論插件所做的。

你的下一個問題可能是——“為什麼你不能在 WordPress 編輯器中添加評論文本的評級。”

嗯，你當然可以。 但是，將這些數據分成自己的自定義字段為您提供了更大的靈活性。 例如，您可以：

• 自動格式化網站前端的評級以創建樣式化的評論框。
• 確保您的所有評論帖子都使用完全相同的格式。
• 使用評論評級來查詢和排序內容。 例如，您可以創建一個頁面，列出您給出完美評分的所有評論，或者您可以讓訪問者按評論評分對評論進行排序。

對於更複雜的站點，這些好處更加明顯。 例如，假設您創建了一個包含數千所房屋的房地產列表網站。 您不會想要為每個房子手動創建設計，對嗎？

想像一下，必須為每個列表手動格式化臥室、浴室等的數量。 這將需要永遠！

相反，您可以使用自定義字段填寫臥室、浴室等的基本詳細信息，並讓您的模板自動為每個房屋設置所有這些信息的格式。

為了說明自定義字段的強大功能，讓我們看幾個如何使用自定義字段的真實示例。

這絕不是一個完整的列表——它只是讓你的創意源源不斷的一些想法。

WooCommerce 是在 WordPress 上創建電子商務商店的最流行方式，但它也是 WordPress 自定義字段在起作用的一個很好的例子。

如果您想創建一個工作商店，您需要收集大量關於您想銷售的產品的附加信息。 例如，您將擁有：

• 價格
• 庫存狀況
• 屬性
• 等等。

自定義字段讓您可以存儲所有這些額外的元數據。 WooCommerce 然後使用此數據在您商店的前端正確顯示產品。

讓我們回到上面的房地產示例。

如果您想使用 WordPress 創建一個房地產列表網站，您首先要創建一個“房屋”自定義帖子類型。 我們稍後將介紹自定義帖子類型，但自定義帖子類型基本上只是另一種“類型”的內容，例如默認的 WordPress“帖子”和“頁面”。

當您添加新房子時，您希望能夠輕鬆收集信息，例如：

• 臥室
• 浴室
• 平方英尺
• 價錢
• 等等。

您可以為每條信息添加一個自定義字段，以便您可以輕鬆地在後端編輯器中輸入它，然後根據您的模板自動將其顯示在您網站的前端。

如果您正在構建餐廳網站，您可以使用自定義字段來幫助您輕鬆創建和維護菜單。

您可以為“菜單項”創建一個新的自定義帖子類型。 然後，您可以添加自定義字段來收集信息，例如：

• 菜價
• 任何相關的飲食問題（例如，您可以添加複選框以指示菜餚是否不含麩質，是否為素食等）
• 卡路里
• 等等。

一旦您發布了一道新菜，它就會自動以所有正確的格式出現在菜單上。

非技術用戶也可以更輕鬆地添加新菜單項、更改信息或刪除菜單項。

希望這些例子能讓你的創意源源不斷。

最重要的問題是 – 自定義字段如何幫助改進您的下一個 WordPress 網站？

您當前執行的任何重複的內容格式化任務是否可以通過自定義字段自動執行？

向您的站點添加更多信息是否對您的用戶有幫助？

您是否曾經希望可以創建更複雜的 WordPress 網站？ 像一個職位列表？ 還是企業名錄？ 除了“帖子”和“頁面”之外還有什麼？

您的客戶是否因為您讓他們完全訪問編輯器而不斷破壞事物？ 這是一個很好的解決方案 - 為客戶可能想要更改的所有內容創建自定義字段，然後只允許他們訪問這些自定義字段。 這樣，他們就永遠不會意外損壞某些東西。

幾乎每個 WordPress 網站都可以以某種方式從自定義字段中受益——所以想想自定義字段如何幫助你的。

現在，讓我們進入如何在 WordPress 上添加和顯示自定義字段的更可行的步驟。

與 WordPress 一樣，您可以遵循兩條路線來添加自定義字段：

1. 使用手動方法
2. 使用插件

在幾乎所有情況下，我們都建議您使用自定義字段插件。 但是，WordPress 確實包含本機自定義字段功能，因此我們將從那裡開始我們的教程。

同樣，在真正的 WordPress 網站上，您可能不想使用此功能。 但是，它是 WordPress 的原生功能，因此我們認為有必要解釋它的工作原理。

您可能從未見過它，但 WordPress 包含一項功能，可幫助您從常規 WordPress 編輯器中添加自定義字段。

要使自定義字段界面可見，您需要打開右上角的菜單並選擇底部的選項。 然後，選中高級面板下的自定義字段框。

然後系統會提示您重新加載頁面以查看自定義字段：

如果您使用的是 Classic TinyMCE 編輯器，則可以通過單擊界面頂部的“屏幕選項”切換開關並選中“自定義字段”框來顯示自定義字段。

重新加載頁面後，您將在編輯器下方的某處看到一個新的自定義字段框。

您可以使用“名稱”列下拉列表從站點上現有的自定義字段中進行選擇（您可能會從主題或插件中看到一些）。 或者，您可以創建自己的自定義字段名稱。

然後，您可以使用值框輸入要包含在自定義字段中的信息：

然後，您可以使用 PHP 在您的站點上顯示此信息。

有點令人印象深刻，對吧？ 我們告訴過您，手動方法不是很人性化。 對於可以添加到自定義字段的信息類型，它也不是很靈活。

要真正發揮自定義字段的威力，您應該使用插件，接下來我們將介紹它。

現在，我們將向您展示如何使用插件添加和使用自定義字段。 除了使自定義字段更易於使用之外，一個好的自定義字段插件還可以讓您在自定義字段中收集不同類型的信息。 例如，您將獲得以下字段類型：

• 文本
• 數字
• 網址
• 圖片/文件上傳
• 谷歌地圖位置
• 等等。

在本教程中，我們將使用免費的高級自定義字段插件 (ACF)，它是最受歡迎的選項之一。 但是，還有一些其他出色的自定義字段插件，我們稍後會分享。 無論您選擇哪個插件，基本過程都是相同的。

首先，從 WordPress.org 安裝並激活免費的高級自定義字段插件。

然後，轉到Custom Fields → Add New 。

ACF 使用它所謂的“字段組”。 字段組只是在編輯器中一起顯示的一個或多個自定義字段的集合。

首先，為您的字段組命名並使用位置框選擇附加字段組的位置。 例如，如果您想將這些自定義字段用於常規博客文章，您可以將其設置為：

帖子類型……等於……帖子

然後，使用+ 添加字段按鈕開始添加自定義字段。

當您添加新的自定義字段時，您會發現您獲得的選項比手動方法多得多。

這裡最重要的兩個選擇是：

• 字段標籤 -這是字段的名稱。 這也將自動填充字段名稱框，這是您以編程方式引用此字段的方式（如果需要）。

• 字段類型 -這是您要收集的信息類型。 您可以選擇不同的選項，例如文本、數字、電子郵件、URL、圖像、日期選擇器等。

您還將獲得許多其他用於控制自定義字段的可選設置，例如設置默認佔位符文本或添加字符限制。 您可以根據需要填寫這些內容，但將其他設置留空也完全沒問題。

然後，您可以重複該過程以添加其他字段。 例如，下面是三個字段的簡單集合，用於形成之前的基本評論框：

• 評論評分– 一個數字字段，以 0.5 為增量從 1 到 5 收集評論評分。

• 產品名稱- 收集產品名稱的簡短文本字段。

• 評論摘要– 包含簡短評論摘要的較大文本框。

請注意“類型”列中的差異——您可以看到每個字段如何收集不同類型的信息。

發布字段組後，您將在添加新內容時看到這些字段：