自定義字段是一個強(qiáng)大的功能，可以在 WordPress 中向帖子和頁面添加額外的元數(shù)據(jù)。這種方式讓你能夠擴(kuò)展網(wǎng)站的內(nèi)容結(jié)構(gòu)，提供更多信息，比如作者簡介、產(chǎn)品評分、評論或其他特定領(lǐng)域的內(nèi)容。本文將詳細(xì)講解如何在 WordPress Gutenberg 網(wǎng)站中添加和顯示自定義字段，涵蓋插件方法和手動方法，并提供詳細(xì)的步驟和技巧。

什么是 WordPress 中的自定義字段？

自定義字段，也稱為元數(shù)據(jù)，可以為 WordPress 的每篇帖子或頁面添加特定的附加信息。這些字段不僅可以在后臺管理中存儲額外的數(shù)據(jù)，還可以通過前端頁面展示給訪問者。

自定義字段的優(yōu)勢在于，可以根據(jù)不同的需求向內(nèi)容中添加唯一的信息，而不用改變頁面模板或結(jié)構(gòu)。這對于特定行業(yè)和用途非常有幫助，例如電商、房地產(chǎn)、博客等。

使用插件創(chuàng)建自定義字段

對于大多數(shù) WordPress 用戶來說，使用插件是實(shí)現(xiàn)自定義字段功能的最簡便方法。以 Advanced Custom Fields (ACF) 插件為例，它是最受歡迎的自定義字段插件之一。

步驟 1：安裝并激活 ACF 插件

1. 登錄到 WordPress 儀表板。
2. 轉(zhuǎn)到 插件 > 添加新插件。
3. 在搜索框中輸入 Advanced Custom Fields，找到插件后點(diǎn)擊 安裝 并 激活。

步驟 2：創(chuàng)建自定義字段組

1. 激活插件后，在 WordPress 儀表板的菜單中看到 自定義字段 選項(xiàng)。點(diǎn)擊它進(jìn)入 ACF 插件設(shè)置。

2. 在 ACF 界面中，點(diǎn)擊 添加新 來創(chuàng)建一個新的字段組。

3. 在字段組頁面，輸入組的名稱和描述。根據(jù)需要創(chuàng)建多個字段。常見的字段類型有文本、數(shù)字、日期、選擇框等，可以通過下拉菜單選擇適合的字段類型。

4. 為每個字段指定標(biāo)簽、名稱和默認(rèn)值。標(biāo)簽是前端展示給用戶的名稱，而名稱是該字段的內(nèi)部標(biāo)識。

5. 添加多個字段：點(diǎn)擊 + 添加字段 按鈕，可以為字段組添加更多的自定義字段。

步驟 3：設(shè)置字段組位置規(guī)則

在 位置規(guī)則 選項(xiàng)卡中，可以設(shè)置字段組顯示的位置規(guī)則。你可以控制自定義字段組僅在特定頁面或文章中顯示。

例如，設(shè)置規(guī)則 頁面 - 等于 - 購物車，確保字段只在購物車模板的頁面中出現(xiàn)。還可以選擇更多的條件，例如根據(jù)類別、頁面類型或自定義模板等顯示字段組。

步驟 4：保存字段組

完成設(shè)置后，點(diǎn)擊 保存更改 按鈕，自定義字段組將保存并激活。

現(xiàn)在，已經(jīng)成功創(chuàng)建了一個自定義字段組，接下來可以將這些字段應(yīng)用到你的頁面或帖子中。

如何在 Gutenberg 網(wǎng)站中使用自定義字段

創(chuàng)建了自定義字段，接下來的任務(wù)是將它們添加到 Gutenberg 編輯器中的內(nèi)容中。在 Gutenberg 中，可以通過動態(tài)內(nèi)容功能將自定義字段的值展示在頁面中。

安裝并啟用 GutenKit 插件

1. GutenKit 插件是一個針對 Gutenberg 編輯器的擴(kuò)展，提供了更多功能，包括集成自定義字段。
2. 安裝并啟用 GutenKit（Pro） 插件后，可以在 Gutenberg 編輯器中使用更多動態(tài)內(nèi)容功能。

使用 GutenKit 添加自定義字段

1. 創(chuàng)建或編輯一個頁面或帖子，在 Gutenberg 編輯器中添加一個 GutenKit 標(biāo)題塊。

2. 在塊的設(shè)置面板中，點(diǎn)擊 動態(tài)內(nèi)容 圖標(biāo)（通常位于工具欄）。

3. 選擇 高級自定義字段 (ACF) 選項(xiàng)，系統(tǒng)將顯示所有可用的字段組和字段。

4. 從下拉列表中選擇想要顯示的字段，點(diǎn)擊 應(yīng)用格式。

成功將自定義字段添加到 Gutenberg 頁面中。通過這種方式，可以創(chuàng)建的自定義字段與頁面內(nèi)容動態(tài)關(guān)聯(lián)，展示特定的元數(shù)據(jù)。

查看效果

保存頁面后，可以預(yù)覽你的頁面，查看自定義字段是否正確顯示。

手動配置自定義字段（不使用插件）

如果希望不使用插件，而是手動添加自定義字段到 Gutenberg 頁面中，需要編輯主題文件。這種方法適合開發(fā)人員，但對于初學(xué)者來說，并不推薦，因?yàn)椴僮鞑划?dāng)可能導(dǎo)致網(wǎng)站出錯。

啟用 WordPress 默認(rèn)自定義字段

1. 在編輯頁面或文章時(shí)，點(diǎn)擊右上角的 三點(diǎn)菜單（更多選項(xiàng)）。

2. 選擇 首選項(xiàng)，并在彈出窗口中啟用 自定義字段 選項(xiàng)。

3. 保存設(shè)置后，在編輯頁面的下方看到自定義字段面板。

添加自定義字段

1. 在自定義字段面板中，點(diǎn)擊 添加自定義字段，輸入字段名稱和值。
2. 如果需要多個字段，可以繼續(xù)點(diǎn)擊 添加自定義字段 按鈕，添加更多字段。

顯示自定義字段（手動）

1. 打開你的主題文件夾，找到并編輯 functions.php 文件。
2. 使用 get_post_meta() 函數(shù)從數(shù)據(jù)庫中獲取自定義字段的值。
3. 在模板文件中，使用 echo 輸出自定義字段的值。

例如：

<?php 
$value = get_post_meta(get_the_ID(), 'your_custom_field', true);
echo $value;
?>

這段代碼會獲取并顯示當(dāng)前文章或頁面的 your_custom_field 字段的值。

常見問題解答

如何在不使用插件的情況下在 WordPress 中添加自定義元字段？

可以使用 add_meta_box() 和 update_post_meta() 函數(shù)在 functions.php 文件中手動添加自定義字段。手動方法適用于有編碼經(jīng)驗(yàn)的開發(fā)人員，但對于大多數(shù)用戶來說，插件方式更加簡便。

如何在 WordPress 中添加自定義用戶元字段？

與帖子或頁面字段類似，可以通過插件（如 ACF）創(chuàng)建自定義用戶字段，并通過位置規(guī)則將它們分配給特定用戶角色。

如何向自定義字段添加多個值？

使用 ACF 插件時(shí)，可以在字段組中使用“和”條件來添加多個值，并在前端展示它們。

如何使用自定義字段顯示側(cè)邊欄？

可以在 ACF 插件的字段組中選擇將字段顯示在側(cè)邊欄，并通過位置規(guī)則調(diào)整顯示位置（ACF Pro）。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息