什麼是 WordPress 自訂欄位?
WordPress 自訂欄位是元數據,用於向您正在編輯的帖子或頁面添加額外的信息。
默認情況下,當您撰寫新帖子、頁面或其他內容類型時,WordPress 將該內容保存為兩部分。
第一部分是您使用 WordPress 內容編輯器添加的內容正文。
第二部分是關於該內容的信息。例如,標題、作者、日期、時間等。這些信息稱為元數據。
WordPress 網站自動向您創建的每個帖子或頁面添加所需的所有元數據。您還可以通過使用自訂欄位創建和存儲自己的元數據。
默認情況下,自訂欄位選項在帖子編輯屏幕上是隱藏的。要查看它,您需要點擊屏幕右上角的三點菜單,並從菜單中選擇「偏好設定」。
這將打開一個彈出窗口,您需要切換到「面板」選項卡,然後啟用「自訂欄位」選項。
之後,簡單點擊「啟用並重新載入」按鈕重新載入帖子編輯器。
編輯器將重新載入,您將能看到內容編輯器下方的自訂欄位面板。
自訂欄位可用於添加與帖子、頁面或其他內容類型相關的任何信息。然後可以在您的主題中顯示這些元信息。
要做到這一點,您需要編輯您的 WordPress 主題文件。
注意:這個教程推薦給已經熟悉編輯主題文件的用戶,也對想要學習如何在自己的主題或插件中正確使用自訂欄位的 WordPress 開發者有幫助。
在 WordPress 中添加自訂欄位
首先,您需要在區塊編輯器中打開一個帖子或頁面,以便添加自訂欄位。然後,您需要轉到自訂欄位框。
接下來,您需要為您的自訂欄位提供一個名稱,然後輸入其值。點擊「添加自訂欄位」按鈕保存它。
該欄位將被存儲並在自訂欄位框中顯示。
您可以隨時編輯這個自訂欄位,然後點擊「更新」按鈕保存您的更改。您也可以刪除它,如果您不再需要它。
現在,您需要保存您的帖子以存儲您的自訂欄位設置。
在 WordPress 主題中顯示自訂欄位
要在您的網站上顯示自訂欄位,您需要編輯您的 WordPress 主題文件和代碼片段。
我們不建議直接編輯主題文件,因為最小的錯誤都可能導致您的網站中斷。一個更簡單的方法是使用 WPCode。
這是 WordPress 最佳的代碼片段插件,可讓您從 WordPress 儀表板添加自訂代碼和管理片段。
首次使用此插件的話,建議閱讀我們的指南《如何在 WordPress 中複製和貼上代碼》。
首先,您需要安裝並啟用免費的 WPCode 插件。詳細信息請參閱我們的初學者指南《如何安裝 WordPress 插件》。
啟用後,您需要從 WordPress 儀表板中轉到代碼片段 » 添加片段,並選擇「添加您的自訂代碼(新片段)」選項。
現在,您需要將此代碼複製並添加到您的主題文件中:
<?php echo get_post_meta($post->ID, 'key', true); ?>
不要忘記用您自己的自訂欄位名稱替換 key。
接著,您需要將代碼輸入到「代碼預覽」區域,並將代碼類型更改為「PHP 片段」。
<p>Today's Mood: <?php echo get_post_meta($post->ID, 'Mood', true); ?></p>
從這裡,您可以向下滾動到插入部分。這裡,您可以選擇代碼將在何處運行。默認情況下,WPCode 將自動插入代碼並在您的網站上全局運行它。
但是,您可以更改這個設置並選擇希望自訂欄位出現的位置。例如,我們將選擇「特定頁面」選項卡,選中「插入在帖子之前」選項。這樣,自訂欄位將顯示在博客帖子開頭。
您現在可以保存更改並訪問添加自訂欄位的帖子,查看它的效果。
您也可以在其他所有 WordPress 博客帖子中使用這個自訂欄位。
您還可以輕鬆調整不同博客帖子的自訂欄位。只需創建新帖子或編輯現有帖子。
然後,轉到自訂欄位框,從下拉菜單中選擇您的自訂欄位,並輸入其值。
完成後,點擊「添加自訂欄位」按鈕保存更改,然後發佈或更新帖子。
疑難排解:無法在帖子編輯屏幕的下拉菜單中找到自訂欄位
默認情況下,WordPress 只有 30 個自訂欄位載入到帖子編輯屏幕的下拉菜單中。
如果您使用的 WordPress 主題和插件已經使用了許多自訂欄位,這些欄位可能會首先出現在下拉菜單中,您看不到新創建的自訂欄位。
為了解決這個問題,您需要將以下代碼添加到您的主題的 functions.php 文件或使用 WPCode(推薦):
add_filter( 'postmeta_form_limit', 'meta_limit_increase' );
function meta_limit_increase( $limit ) { return 50; }
上述代碼將限制更改為 50。如果仍然看不到自訂欄位,您可以嘗試進一步增加該限制。
使用進階自訂欄位創建用戶界面
如您所見,一旦添加自訂欄位,您每次撰寫帖子都需要選擇欄位並輸入其值。
如果您有許多 WordPress 自訂欄位或網站上有多位作者撰寫,此方法並不理想。
是否會更方便,讓用戶能通過填寫表單來添加自訂欄位?實際上,許多知名的 WordPress 插件已經這麼做了。
例如,流行的 All in One SEO 插件中的 SEO 標題和元描述框是一個自訂元框:
創建添加自訂欄位用戶界面最簡單的方法是使用 Advanced Custom Fields 插件。
首先,安裝並啟用 Advanced Custom Fields 插件。詳細信息請參閱我們的逐步指南《如何安裝 WordPress 插件》。
啟用後,需轉到 ACF » 欄位組頁面並點擊「添加新」按鈕。
欄位組像是一個容器,包含一組自訂欄位。它允許您添加多個自訂欄位面板。
現在,您需要為您的欄位組提供一個標題,然後點擊右上角的「+ 添加欄位」按鈕。
您現在可以選擇欄位類型。Advanced Custom Fields 允許您創建所有類型的欄位,包括文本、圖片上傳、數字、下拉菜單、複選框等。
接下來,您可以向下滾動查看該特定欄位的其他選項,如欄位名稱、欄位標籤和預設值。您可以根據需要更改這些設置。
如果需要,您還可以將多個欄位添加到您的欄位組中。完成後,點擊「保存更改」按鈕。
接下來,編輯帖子或創建新帖子,您將在內容編輯器下方看到新的帶有您的 WordPress 自訂欄位的面板。
詳盡步驟,請參閱我們的指南《如何在 WordPress 帖子和帖子類型中添加自訂元框》。