WordPress 自訂欄位 101:提示、技巧和竅門

06/12/2023

什麼是 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 帖子和帖子類型中添加自訂元框》。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>