WordPress 自定義字段的基本指南

如果 WordPress 的一項功能使其與其他內容管理系統 (CMS) 區分開來，那就是自定義。 WordPress 中的自定義字段是 CMS 的內置部分，它不僅可以讓您擴展顯示的元數據和信息，還可以完全改變帖子或頁面的功能和效用。 我們希望幫助您了解基本原理。 我們將討論什麼是自定義字段，它們為何有用，並提供一些有關如何使用它們的真實示例。

訂閱我們的 YouTube 頻道

什麼是 WordPress 自定義字段？

簡而言之，WordPress 自定義字段為您提供了一種向頁面添加特定元素的方法。 它可能是特定類型的圖像或署名或作者簡介，可能是評級，甚至是諸如自定義字段上的 Codex 條目所說的情緒、當前閱讀、收聽或天氣框之類的東西。

這些字段構成了帖子的元數據（基本上是文章主要內容中未包含的任何內容）。 默認情況下，WordPress 具有用於通用信息的元框，如標籤、類別、永久鏈接、特色圖像等。如果您想添加更多，您將使用自定義字段。

您甚至可能想要添加您團隊中的每個作者需要完成才能發布帖子的信息。

您可以創建一個必填字段，在選中某些條件之前不會發布帖子。 因此請記住，這些自定義字段不僅僅用於前端信息。 它們對後端也很有用。

將自定義字段添加到 WordPress 帖子

默認情況下，WordPress 自定義字段在頁面和帖子編輯器中處於禁用狀態。 如果您使用的是塊編輯器，則很容易啟用它們。 只需單擊屏幕右上角的齒輪圖標即可。 選擇選項。

然後選擇在彈出的屏幕底部附近啟用自定義字段。 您將不得不重新加載頁面，因此請務必先保存您的工作。

啟用並重新加載後，您的自定義字段元框將出現在屏幕底部。 在屏幕的內容編輯器部分下方。

雖然 WordPress 自定義字段非常強大，但默認字段僅限於文本值。 需要 PHP 和開發才能使它們更加健壯。 幸運的是，有一些插件可以為您工作，我們將向您介紹如何讓它們運行。 如果您只需要一些帖子上的文本字段並且不需要插件，請隨時跳過下面有關將 WordPress 自定義字段添加到主題前端的內容。 這適用於默認字段以及由高級自定義字段等插件生成的字段。

使用高級自定義字段插件

與 WordPress 中的大多數事情一樣，您有兩種實施選擇。 您可以手動編輯 PHP 文件以添加自定義字段功能，也可以使用插件。 在這種情況下，我們強烈建議使用插件路線。 但是，如果您覺得需要編輯 PHP 並進入代碼，則可以在Appearance – Theme Editor 下進行。 這是有關自定義字段的 WP Codex 頁面，可助您一臂之力。 它鏈接到您需要使其工作的各種模板標籤和鉤子。

但同樣，我們強烈建議使用高級自定義字段插件而不是調整代碼。 該插件允許您從自定義字段（然後是一些）中獲得您想要的所有內容，因此我們認為不需要重新發明輪子。 當它起作用時，它起作用。 用它。

安裝並激活 ACF 後，您會在 WordPress 管理面板的左側邊欄中看到一個自定義字段條目。 它帶有三個選項：字段組、添加新和工具。

字段組可以被認為是集合。 您想在同一個框中顯示的任何內容，都將包含在同一組中。 添加新將讓您添加一個新組和一個新的自定義字段。 工具是您從其他 WordPress 站點導入和導出不同的現有自定義字段集的地方。

ACF的基礎知識

創建字段本身非常簡單。 進入添加新窗口。

無論如何，ACF 自定義字段將包含在Field Group 中。 這只是意味著包含在同一個框中的特定字段。 因此，您可以將其命名為您希望它在帖子編輯器中顯示的任何名稱。 每次要向組中添加單個條目時，您都將單擊“添加字段”按鈕。 每次您想要在同一個元框中使用不同的字段時，請執行此操作。 位置規則確定框出現的位置和時間。 在這個例子中，由於Post Type Is Equal To Post ，這意味著它只會出現在 Posts 上。 不是頁面或其他自定義帖子類型。

接下來，您可以實際選擇字段本身的設置。 它將做什麼以及它將在站點上提供什麼功能。

您基本上可以選擇您的位置（在編輯器中發佈內容下方、側邊欄、內容上方等），以及文本和字段本身的位置。 隱藏屏幕區域是最有趣的。 根據您需要如何使用自定義字段，您可以從草稿中排除任何和所有其他元框。 選擇此自定義字段的外觀條件，然後確定與它一起出現的其他框（如果有）。 很多時候你甚至不會擔心這個。

使用 ACF 創建自定義字段

命名字段組後，您可以單擊添加字段按鈕。 您可以在同一組中擁有任意數量的字段，但請確保它們彼此相關。 您可以使用 ACF 製作幾乎任何可以想像的輸入字段。

在這個例子中，假設我們正在運行一個流行文化 WordPress 網站，該網站查看電影並希望自定義字段顯示評級，列出電影是否正在流式傳輸，如果是，在哪裡可以找到它。

這些都在同一個字段組下，但不同的字段。 正如您在上面看到的， Is It Streaming? 字段設置為帶有是/否選擇器的單選按鈕，在發布之前需要。 此外，如果該字段被標記為Yes ，我們希望顯示一個條件字段。 這只需再次按“添加字段”即可完成。

啟用條件邏輯切換後，您只需選擇它所屬的字段以及需要的值。 在這種情況下，它是流式傳輸嗎？ 需要等於Yes。

在帖子編輯器中，自定義字段條目將如下所示：

當您發布帖子時，您輸入的元數據將成為帖子的一部分。 但是還有一個問題。 你看不到它，你的訪客也看不到。

如何在 WordPress 前端顯示自定義字段

即使您已經完美地完成了這一切，如果不稍作調整，您輸入的數據也不會顯示在您網站的前端。 畢竟，它會出現在哪裡？ 很多時候，您的主題將有一種方式來顯示元數據和自定義字段，但這些主題因主題而異。 檢查文檔的主題選項。

在前端顯示自定義字段的另一種方法是內置的 ACF 短代碼。 雖然 ACF 中沒有內置定制器或構建器，但您只能將以下短代碼用於文本字段。

但是因為它僅限於文本字段，所以它可能對許多人的使用有限。 您還可以進入 PHP 並使用 ACF 代碼，如他們的文檔示例中所示。 您還可以升級到 ACF Pro 並訪問內置的 Gutenberg 塊，該塊顯示與您在構建器中設置的樣式完全相同的自定義字段。

但正如我們所說，如今許多主題都包含自定義字段集成，我們將向您展示如何在 Divi 中處理它。

如何使用Divi在前端顯示自定義字段

首先，請記住，許多 Divi 模塊都可以呈現短代碼。 很多時候，您在 ACF 中創建的文本自定義字段可以簡單地使用它們的短代碼插入，就像我們上面提到的那樣。

對於上面使用條件邏輯和單選按鈕的示例，我們將使用 Divi 的動態內容功能。 它也非常易於使用。 我們將通過 Divi Theme Builder 向您展示這一點，但您實際上可以在常規 Divi 構建器中支持它的任何模塊中使用它。 單擊黑色 +並選擇所需的模塊。 為此，它是Text Module 。

接下來，找到要插入自定義字段的模塊部分。 在支持該功能的任何位置的右側查找動態內容圖標。

單擊它可從所有可用動態內容類型的下拉菜單中進行選擇，包括所有自定義字段。 他們可能在最底層。

Divi 為您提供了基本上在字段內容中添加前後標籤的選項。 我們希望我們的帖子能夠自然地閱讀，所以這部電影可以在線播放嗎？ 將在呈現字段時放置在值之前。 此外，我們確實在末尾添加了一個尾隨空格，以將我們的標籤與 ACF 值分開。

由於每個模塊區域只能有一個動態內容，因此對其他字段重複此過程。 但是請注意，即使自定義字段是有條件的， Divi 模塊也不是。 因此，如果您在條件字段上使用 before/after 標籤，您仍然會看到該標籤。 如果將它們留空，則根本不會呈現任何值。

此外，啟用原始 HTML選項將允許您放入 ACF 字段的任何代碼進行渲染，例如指向各種平台的鏈接等。

包起來

如您所見，儘管看起來非常複雜，但 WordPress 自定義字段是一項不需要開發人員就能正確使用的功能。 只需安裝 ACF 並開始自定義您和您的團隊輸入信息的方式。 無論是評論網站、電子商務市場，甚至只是一個您想分享生活中發生的事情的友好博客，能夠調整和完善您的帖子和頁面的元數據都可以將您的網站提升到新的水平。

您將 WordPress 自定義字段用於什麼？

SurfsUp/shutterstock.com 的特色圖片