如何在 WordPress 中創建和使用自定義字段

WordPress 自定義字段是擴展您網站上典型帖子或頁面內容的好方法。 它們是附加到您的 WordPress 網站上的帖子或頁面的元數據片段，這意味著通過使用此方法，您可以向您的內容添加任何類型的附加信息。

自定義字段以鍵/值格式組織，用於在多個帖子或頁面中添加數據。 鍵是提供一致性並標識特定字段的名稱，例如“項目”。 這總是一樣的。 值是將顯示在字段中的信息。 根據輸入的信息，不同帖子的值會有所不同。

將自定義字段添加到帖子

以下步驟將向您展示如何在帖子中使用自定義字段。 如果您更願意在頁面上使用它們，同樣的想法也適用，但必須在負責構建頁面而不是帖子的模板文件中實現。

1. 轉到帖子編輯器屏幕並選中“自定義字段”。

2. 在帖子編輯過程中找到自定義字段框。 當您在帖子頁面上時，您會在底部看到一個標題為“自定義字段”的新部分。

現在讓我們看一下 WordPress 自定義字段的一個非常基本的例子。 健身博客的這個例子會讓事情變得更美好。 我們將使用自定義字段來跟踪和列出帖子中的各種類型的身體活動。

3. 添加鍵，在本例中為“運動類型”。 我們將使用此框向帖子添加特定詳細信息。 單擊“Enter new”並在字段中鍵入密鑰。

4. 添加值。 讓我們和尊巴一起去吧。 請記住，這只會出現在這篇特定的帖子中。 在不同的帖子中，您可以輸入不同的值，例如“橢圓”或其他類型的鍛煉。

5. 保存帖子。

此時此刻，你實際上不會看到太多。 您仍然需要添加一些格式來顯示信息。 到目前為止，此附加信息已存儲在數據庫中，因此可以調用它來顯示。 對於本教程，我選擇在帖子（而不是頁面）上顯示這些自定義字段，因此我將通過最基本的方式來格式化所有內容。

在帖子上顯示自定義字段

使用模板修改將自定義字段添加為重複出現的站點數據是一種有效的處理方式。 假設您首先在帖子的開頭顯示自定義字段，但後來決定將其放在底部看起來更好。 通過使用模板修改，這種改變很容易做到，因為改變模板會更新整個站點。 如果您不使用此方法，而是將信息單獨保存在每個帖子中，則必須編輯每個帖子才能進行更改，從而使更改變得更加困難。

對於此示例，自定義字段將顯示在帖子之前，以便讀者在閱讀整篇帖子之前可以正確地看到練習類型。 要以這種方式顯示，數據將在 WordPress 循環之前被調用。

注意：這些自定義當然應該在子主題中完成，我們將使用single.php文件。 與往常一樣，像這樣的自定義最好在開發環境中進行測試。

1. 打開single.php文件並在 WordPress 循環之外添加此代碼：

 <?php the_meta(); ?>

它將顯示如下內容：

如果您希望將其顯示在頁面的其他位置，請嘗試將該片段放在循環中或循環之後。 例如，通過將函數放在<main>標記內，自定義字段信息將顯示為主要內容的一部分。

 <div class="content-area"> <main class="site-main" role="main">

這種方法也適用於顯示您創建的其他自定義字段。

關於此示例需要提及的一件事：子主題是從非常流行的 WordPress Twenty Fifteen 父主題創建的。 如果您正在試驗顯示自定義字段的位置，除了single.php文件之外，您的子主題中可能還需要其他模板。 為了在帖子中顯示信息，將content.php添加到子主題。 上面的代碼片段被放置在頁面的內容中，因此它顯示為帖子的一部分。

2. 設置字段樣式。 如果您轉到檢查器，您會看到頁面中添加了一些新類。

以下是包含兩個不同自定義字段的示例：

• 運動類型：尊巴舞
• 一天中的時間：早上

作為列表使用非常簡單。 通過一些樣式，它看起來會與網站的風格更加融合。 只需修改幾個簡單的 CSS，我們就可以調整文本顏色和列表樣式。

 ul.post-meta li { color: #898989; list-style-type: none; } ul.post-meta li span.post-meta-key { color: #1fc3d2; font-weight: bold; }

更多自定義字段自定義

前面示例中的樣式將工作得很好，但我們要做的更多。 以下示例將向您展示如何使用針對特定用例的其他顯示選項來調整自定義字段。 將自定義字段作為帖子的一部分閱讀並使用有用的標題設置上下文將是對帖子的一個很好的補充。 如果你是一步步來的，一定要註釋掉<?php the_meta(); ?> <?php the_meta(); ?>您在上一個示例中添加的。

對於這個例子，事情已經略有修改。 關鍵已簡化為“練習”，因此可以更輕鬆地將其添加到模板中，並且代碼片段已添加到子主題的 content.php 文件中，因此它將出現在帖子內容中，而不是之前或之後.

 <?php $exercises = get_post_meta($post->ID, 'exercises', false); ?> <h3>Today's exercise:</h3> <ul> <?php foreach($exercises as $exercise) { echo '<li>'.$exercise.'</li>'; } ?> </ul>

自定義字段現在以列表格式顯示在“今天的練習：”標題下方。 這已被設置為<h3> ，但可以輕鬆調整為另一種標題或段落樣式。 如果您不希望它採用列表格式，也可以根據您的喜好進行結構化。

有條件的習慣

領域

有時可能不包括自定義字段。 比方說，有一篇文章沒有鍛煉價值。 這將允許您顯示備用信息，因此它不僅僅是留空。

 <?php $exercises = get_post_meta($post->ID, 'exercises', true); ?> <h3>Today's exercise:</h3> <ul> <?php if ($exercises) { ?> <?php echo '<li>' .$exercises. '</li>'; ?> <?php } //if there is nothing for exercises then display else { ?> <li>Today was a rest day.</li>

高級自定義字段插件

按照該教程，您可以輕鬆地啟動和運行自定義字段。 如果您更願意使用插件來添加自定義字段，那麼也有一些選項可供選擇。 高級自定義字段是一個非常受歡迎的選項。 這取代了 WordPress 中的默認自定義字段界面。 從本教程創建的最終產品也可以使用此插件創建。

現場組

Advanced Custom Fields 插件允許字段組，這一點值得一提，因為它們與上述教程密切相關。 本質上，我們創建了一個非常基本的迷你字段組版本。 高級自定義字段組包含自定義字段、位置規則和顯示選項。 每個字段組將使用其位置規則在需要時在正確的位置顯示字段。 與手動操作一樣，這些顯示選項允許您根據需要自定義頁面。 這個插件有很多字段組可供選擇。

這幾乎觸及了這個插件可以做什麼的皮毛。 要獲得全貌，請務必訪問高級自定義字段網站。

自定義字段是 WordPress 開箱即用的功能。 只需對模板進行一些修改，您就可以輕鬆地將此功能添加到您的網站。 這些步驟涵蓋了基礎知識，通過一些實驗，您將清楚地了解如何實現自定義字段。 在計劃您的下一個項目時，請務必考慮自定義字段提供的靈活性。 它們可以容納各種類型的內容，同時可以輕鬆進行站點範圍的更改。