建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
wordpress自定義字段是使WordPress成為靈活的內(nèi)容管理系統(tǒng)的重要組成部分，而不僅僅是“一個(gè)博客平臺(tái)”。
對(duì)于WordPress自定義字段，Advanced Custom Fields插件是最知名的名稱(chēng)之一。它使在各個(gè)方面使用自定義字段變得更加容易，這也是我們今天文章的主題。
具體來(lái)說(shuō)，我們將解釋為什么高級(jí)自定義字段如此有價(jià)值，然后逐步向您展示如何將其應(yīng)用到您的WordPress網(wǎng)站。
以下是您將在這篇文章中找到的所有內(nèi)容：
什么是Advanced Custom Fields插件？
由Elliot Condon開(kāi)發(fā)的高級(jí)自定義字段（通常簡(jiǎn)稱(chēng)為 ACF）是一個(gè)WordPress插件，允許您向網(wǎng)站添加和管理WordPress自定義字段。它既可以作為免費(fèi)插件也可以作為高級(jí)插件使用，稱(chēng)為ACF PRO，終身更新和1個(gè)站點(diǎn)的起價(jià)為25美元。
什么是WordPress自定義字段？他們讓你做什么？
WordPress自定義字段可讓您添加、存儲(chǔ)和顯示有關(guān)WordPress中某段內(nèi)容的附加信息。在更技術(shù)層面上，自定義字段可幫助您存儲(chǔ)元數(shù)據(jù)。
即使您不熟悉這個(gè)術(shù)語(yǔ)，自定義字段也會(huì)為您喜歡的插件和主題中的大部分功能提供支持。
例如，構(gòu)建電子商務(wù)商店的最流行方式WooCommerce使用自定義字段來(lái)存儲(chǔ)有關(guān)產(chǎn)品的其他信息，例如：
- 價(jià)格
- 重量
- 顏色
或者，如果您有WordPress事件日歷插件，該插件將使用自定義字段來(lái)存儲(chǔ)有關(guān)事件的額外信息，例如：
- 地點(diǎn)
- 開(kāi)始/結(jié)束時(shí)間
- 價(jià)格
您還可以創(chuàng)建自己的自定義字段來(lái)存儲(chǔ)與您的獨(dú)特需求相關(guān)的信息，這就是整篇文章的內(nèi)容。
什么時(shí)候應(yīng)該使用自定義字段？
現(xiàn)在，您可能想知道為什么首先需要自定義字段。
例如，如果您想在您的WordPress網(wǎng)站上發(fā)布活動(dòng)，您不能將所有這些信息作為常規(guī)文本放入WordPress編輯器中嗎？
嗯，是的，你可以。但是出于以下幾個(gè)原因，使用自定義字段是一種更好的方法：
- 更輕松的輸入——而不是從頭開(kāi)始輸入內(nèi)容，布局良好的自定義字段組將使輸入數(shù)據(jù)變得更加容易。例如，您可以直接從日期選擇器中選擇日期，而不是輸入日期。
- 一致性——您在自定義字段中輸入的信息將始終根據(jù)您的設(shè)置顯示，這意味著它將在您的整個(gè)站點(diǎn)中保持一致。
- 易于更新和維護(hù)——如果您想更改該信息在未來(lái)的顯示方式，您可以只更新一件事，而不必單獨(dú)編輯每個(gè)帖子。
WordPress包括內(nèi)置的自定義字段功能
WordPress實(shí)際上包含用于向您的內(nèi)容添加自定義字段的內(nèi)置功能。在經(jīng)典的TinyMCE編輯器中，您可以從屏幕選項(xiàng)區(qū)域啟用此功能?；蛘?，在新的區(qū)塊編輯器中，您可以從選項(xiàng)區(qū)域啟用它：
如何在區(qū)塊編輯器中訪(fǎng)問(wèn)自定義字段
然后，您可以使用鍵/值對(duì)輸入自定義字段數(shù)據(jù)：
內(nèi)置的WordPress自定義字段功能
這種本機(jī)自定義字段功能是完全實(shí)用的，但它不是最用戶(hù)友好的做事方式，這就是為什么很多人轉(zhuǎn)而使用高級(jí)自定義字段插件的原因。
Advanced Custom Fields使其更容易
簡(jiǎn)而言之，Advanced Custom Fields使在WordPress中使用自定義字段變得更加容易……幾乎所有方面。
它簡(jiǎn)化了在WordPress儀表盤(pán)中添加和管理自定義字段的界面，還簡(jiǎn)化了在站點(diǎn)前端顯示自定義字段信息的過(guò)程。這一事實(shí)僅有助于解釋為什么它在超過(guò)100萬(wàn)個(gè)網(wǎng)站上活躍，并在1,000多條評(píng)論中獲得4.9星評(píng)級(jí)。
在后端，它可以讓您創(chuàng)建用戶(hù)友好的元框，其中包括預(yù)選的字段類(lèi)型。因此，您將能夠使用日期選擇器、復(fù)選框等，而不是通用鍵值對(duì)接口（如您在上面看到的那些）：
區(qū)塊編輯器中的高級(jí)自定義字段
高級(jí)自定義字段總共提供 30 多種不同的字段類(lèi)型，您可以將它們添加到儀表板中的任何區(qū)域，包括文章、用戶(hù)、分類(lèi)法、媒體、評(píng)論，甚至自定義選項(xiàng)頁(yè)面。
您可以在此處查看有關(guān)每種字段類(lèi)型的詳細(xì)信息。
高級(jí)自定義字段還通過(guò)詳細(xì)記錄的功能、簡(jiǎn)碼、古騰堡塊等，使顯示該信息變得更加容易。
或者，您可以找到與其他工具的集成，例如一些拖放式WordPress頁(yè)面構(gòu)建器。
Advanced Custom Fields免費(fèi)與專(zhuān)業(yè)：您需要哪一個(gè)？
高級(jí)自定義字段既有免費(fèi)版本，也有價(jià)格實(shí)惠的高級(jí)版本。
對(duì)于大多數(shù)基本用途，免費(fèi)版本完全沒(méi)問(wèn)題。它使您可以訪(fǎng)問(wèn)幾乎所有的字段類(lèi)型，以及上面概述的所有節(jié)省時(shí)間和用戶(hù)友好的功能。
如果您只想存儲(chǔ)有關(guān)您的內(nèi)容的一些額外信息，免費(fèi)版本就是您所需要的。
話(huà)雖如此，專(zhuān)業(yè)版確實(shí)添加了一些非常方便的功能，可以幫助您以更有趣的方式使用高級(jí)自定義字段：
- 重復(fù)字段——這些允許您在逐個(gè)帖子的基礎(chǔ)上重復(fù)某些字段/字段組。例如，如果您要向事件添加有關(guān)發(fā)言人的信息，中繼器字段將幫助您處理有多個(gè)發(fā)言人的情況（您可以根據(jù)需要多次“重復(fù)”發(fā)言人的字段，它可以讓您處理有多個(gè)揚(yáng)聲器的邊緣情況）。
- ACF區(qū)塊– 將您的字段顯示為Gutenberg區(qū)塊，而不是元框。如果您正在為客戶(hù)構(gòu)建站點(diǎn)并希望為他們提供一種簡(jiǎn)單的方法來(lái)輸入和可視化自定義字段數(shù)據(jù)，這將特別方便。
- 靈活的內(nèi)容字段– 從其他字段創(chuàng)建布局。它有點(diǎn)像基于自定義字段信息的輕量級(jí)頁(yè)面構(gòu)建器。
- 圖庫(kù)字段– 將多個(gè)圖像上傳到單個(gè)字段。
還有一些其他差異，例如選項(xiàng)頁(yè)面、克隆字段的能力、對(duì)關(guān)系字段的改進(jìn)以及其他較小的調(diào)整。
您可以在此處查看所有ACF PRO功能。
ACF PRO起價(jià)為25美元，可在單個(gè)站點(diǎn)上終身使用?；蛘撸梢灾Ц?00美元在無(wú)限網(wǎng)站上終身使用。
如有疑問(wèn)，請(qǐng)從免費(fèi)版本開(kāi)始，直到您確切了解所需的功能。如果需要，您可以隨時(shí)升級(jí)。
Advanced Custom Fields教程：如何添加字段
現(xiàn)在讓我們深入研究實(shí)際的高級(jí)自定義字段教程，我將向您展示如何創(chuàng)建和顯示您的第一組自定義字段。
對(duì)于這個(gè)例子，假設(shè)你有一個(gè)關(guān)于跑步的博客。你喜歡……真的很喜歡跑步，你想與你的讀者分享你的日常鍛煉。具體來(lái)說(shuō)，對(duì)于每篇博文，您都想分享一次跑步：
- 目的——假設(shè)你有兩種不同類(lèi)型的跑步：“速度訓(xùn)練”和“訓(xùn)練”。
- 距離——你跑了多長(zhǎng)時(shí)間。
- 開(kāi)始時(shí)間——你開(kāi)始跑步的時(shí)間。
- 完成時(shí)間——你完成跑步的時(shí)間。
- 位置——你跑步的地方。
要收集該信息，您需要添加五個(gè)自定義字段。
請(qǐng)務(wù)必注意，您將在此高級(jí)自定義字段教程中學(xué)習(xí)的原則適用于任何用例。我們只是選擇一個(gè)具體的例子，因?yàn)樗兄谟幸粋€(gè)具體的例子來(lái)連接。
我們將把本教程分為兩部分：
1.創(chuàng)建一個(gè)新的字段組
從WordPress.org安裝并激活A(yù)dvanced Custom Fields的免費(fèi)版本后，轉(zhuǎn)到Custom Fields > Add New以創(chuàng)建您的第一個(gè)Field Group。
顧名思義，“Field Group”是一組一個(gè)或多個(gè)自定義字段，它們一起顯示在您的WordPress儀表盤(pán)中。
對(duì)于此示例，您將創(chuàng)建一個(gè)包含五個(gè)自定義字段的字段組。
為您的字段組命名，然后選擇其Location。在本例中，我們希望為常規(guī)WordPress博客文章顯示這些自定義字段，因此您可以將其保留為默認(rèn)Post。
但是，如果您想在其他地方顯示自定義字段，例如自定義文章類(lèi)型或分類(lèi)，您需要更改此設(shè)置。您還可以設(shè)置多個(gè)規(guī)則以在多個(gè)位置顯示您的字段：
創(chuàng)建一個(gè)新的ACF字段組
2.添加自定義字段
接下來(lái)，單擊+ Add Field按鈕以添加您的第一個(gè)自定義字段：
添加新字段
這將打開(kāi)很多選項(xiàng)，但您不一定需要填寫(xiě)所有內(nèi)容。
兩個(gè)最重要的選擇是：
- Field Label——這是將出現(xiàn)在編輯器中的內(nèi)容。它還將用于生成字段名稱(chēng)，這是您將在代碼中使用的名稱(chēng)。您不需要更改字段名稱(chēng)（盡管您可以根據(jù)需要更改）。
- Field Type— 這是您要收集的信息類(lèi)型。例如，您需要一個(gè)Number字段來(lái)收集號(hào)碼信息或一個(gè)Email字段來(lái)收集電子郵件地址。
對(duì)于第一個(gè)字段，您需要一個(gè)Radio Button字段類(lèi)型：
配置字段
再往下，您可以在“Choices”框中輸入單選按鈕選擇選項(xiàng)：
輸入單選框選項(xiàng)
您還可以做出許多其他選擇，例如是否需要字段和默認(rèn)值。隨意配置這些以滿(mǎn)足您的需求。
讓我們看另一個(gè)示例：用于收集跑步距離的自定義字段。這一次，您需要一個(gè)Number字段類(lèi)型：
創(chuàng)建數(shù)字字段
您還可以通過(guò)選擇Append距離單位使事情變得更加用戶(hù)友好。如果您愿意，您還可以使用Minimum Value和Maximum Value添加驗(yàn)證。例如，你可能不會(huì)跑1000英里（如果你這樣做了……天哪，你就是終極阿甘正傳）！
更多字段設(shè)置
只需對(duì)您要收集的所有其他自定義字段重復(fù)該過(guò)程。完成后，它應(yīng)該看起來(lái)像這樣：
5個(gè)不同的ACF字段
3.配置設(shè)置和發(fā)布
要完成任務(wù)，請(qǐng)向下滾動(dòng)到“Settings”框。在這里，您可以控制字段在WordPress編輯器中的顯示方式。
大多數(shù)情況下，您可以將這些保留為默認(rèn)值。但是，如果您愿意，請(qǐng)隨時(shí)更改。例如，您可以選擇在常規(guī)WordPress編輯器上方顯示自定義字段：
配置ACF字段組設(shè)置
做出選擇后，Publish您的字段組以使其生效。
4. 在WordPress編輯器中添加一些信息
發(fā)布字段組后，您會(huì)在創(chuàng)建新文章時(shí)看到您的字段。
默認(rèn)情況下，它們將一起出現(xiàn)在經(jīng)典TinyMCE編輯器和新區(qū)塊編輯器中的編輯器下方：
區(qū)塊編輯器中的高級(jí)自定義字段
您在此處輸入的信息將存儲(chǔ)在您網(wǎng)站的WordPress數(shù)據(jù)庫(kù)中，以便于檢索（您將在我們的高級(jí)自定義字段教程的下一部分中看到）。
探索條件邏輯
在我們繼續(xù)之前，讓我們快速繞道。
看，高級(jí)自定義字段如此受歡迎的原因之一是它允許的所有有趣的實(shí)現(xiàn)。
這里一個(gè)強(qiáng)大的選項(xiàng)是條件邏輯（Conditional Logic），它允許您根據(jù)前一個(gè)字段的回答方式顯示/隱藏字段。
讓我們看一個(gè)簡(jiǎn)單的例子來(lái)說(shuō)明它是如何工作的……
假設(shè)您想寫(xiě)關(guān)于食物、旅行或跑步以外的任何內(nèi)容的博客。當(dāng)您撰寫(xiě)關(guān)于非運(yùn)行主題的文章時(shí)，顯示有關(guān)運(yùn)行信息的自定義字段沒(méi)有多大意義，對(duì)吧？
如果不是自動(dòng)顯示您剛剛創(chuàng)建的所有自定義字段，而是可以添加一個(gè)自定義字段，上面寫(xiě)著“Is this a run？”：
條件邏輯示例
如果您選中該框，則運(yùn)行信息字段會(huì)自動(dòng)出現(xiàn)。如果您不選中它，它們將保持隱藏狀態(tài)：
選中時(shí)顯示其他字段
這就是條件邏輯允許您做的事情！
要進(jìn)行設(shè)置，您將編輯您的字段組并為“Is this a run？”添加一個(gè)新的True/False字段：
添加True/False字段
然后，您將編輯現(xiàn)有字段并打開(kāi)條件邏輯（Conditional Logic），以便每個(gè)字段僅在“Is this a run？”時(shí)顯示。檢查字段：
向其他字段添加條件邏輯
如何在前端顯示高級(jí)自定義字段
好的，我們的高級(jí)自定義字段之旅已經(jīng)完成了一半。您現(xiàn)在可以將信息添加到您的自定義字段，將其與相關(guān)的文章類(lèi)型相關(guān)聯(lián)，并將其存儲(chǔ)在您的數(shù)據(jù)庫(kù)中。
但是，仍然存在一個(gè)潛在問(wèn)題：自定義字段中的信息還沒(méi)有出現(xiàn)在前端的任何地方！
也就是說(shuō)，即使您為博客文章添加了一些自定義字段到編輯器，您的博客文章仍然看起來(lái)像前端的普通博客文章：
前端沒(méi)有自定義字段
讓我們解決這個(gè)問(wèn)題。
您可以通過(guò)幾種不同的方式在網(wǎng)站前端顯示高級(jí)自定義字段數(shù)據(jù)。您選擇的確切方法將取決于您的需求和知識(shí)水平。以下是實(shí)現(xiàn)這一目標(biāo)的三種不同方法：
您可以單擊上方直接跳轉(zhuǎn)到特定方法，也可以通讀所有方法。由你決定。
如何在主題模板文件中添加高級(jí)自定義字段
顯示自定義字段信息的第一種方法是將高級(jí)自定義字段的PHP函數(shù)直接添加到子主題的模板文件中。
這有點(diǎn)高級(jí)，因?yàn)樗枰钊胙芯恐黝}的模板文件，但它可以確保您的自定義字段每次都會(huì)自動(dòng)顯示在同一位置。
具體來(lái)說(shuō)，您需要為相關(guān)文章類(lèi)型編輯single模板。
對(duì)于普通的博客文章，這是single.php?；蛘撸恍┲黝}將事物分解為模板部分。例如，對(duì)于TwentyNineteen主題，您實(shí)際上需要編輯content-single.php模板部分。
如果您在這里感到迷失，您可能想要使用不同的方法。
找到單個(gè)文章的主題模板文件后，您可以使用高級(jí)自定義字段的the_field()函數(shù)來(lái)顯示字段的信息。例如，
在此處了解更多信息。
例如，要顯示“Purpose”字段，您可以使用
您可以在編輯字段組時(shí)找到字段名稱(chēng)：
在哪里可以找到ACF字段名稱(chēng)
因此，將一點(diǎn)HTML標(biāo)記與PHP結(jié)合起來(lái)，您可能會(huì)得到類(lèi)似這樣的東西來(lái)顯示所有字段：
- Purpose:
- Distance:
- Start Time:
- End Time:
- Location:
要將其添加到常規(guī)文章內(nèi)容之上，您需要將其添加到the_content()上方的主題模板文件中：
在主題模板文件中添加代碼的位置
而現(xiàn)在，刷新博文后，您可以看到常規(guī)WordPress內(nèi)容上方的自定義字段數(shù)據(jù)：
您現(xiàn)在可以在前端看到字段
要了解更多信息，請(qǐng)查看高級(jí)自定義字段的完整文檔。
如何使用簡(jiǎn)碼顯示高級(jí)自定義字段數(shù)據(jù)
要以更簡(jiǎn)單的方式顯示自定義字段的數(shù)據(jù)，您還可以使用簡(jiǎn)碼。但是，這里的缺點(diǎn)是每次要顯示自定義字段時(shí)都需要添加短代碼。沒(méi)有簡(jiǎn)單的方法可以自動(dòng)執(zhí)行此任務(wù)。
簡(jiǎn)碼是這樣的：
例如，如果您在WordPress編輯器中輸入：
使用簡(jiǎn)碼顯示ACF數(shù)據(jù)
然后，您網(wǎng)站的前端看起來(lái)與之前的主題模板方法完全相同：
短代碼看起來(lái)與主題模板文件相同
如何使用Elementor Pro顯示高級(jí)自定義字段
Elementor是最受歡迎的WordPress頁(yè)面構(gòu)建器之一。它允許您使用可視化的拖放式編輯來(lái)構(gòu)建您的設(shè)計(jì)。
使用付費(fèi)插件Elementor Pro，您還可以構(gòu)建主題的模板文件，包括將來(lái)自高級(jí)自定義字段的動(dòng)態(tài)自定義字段數(shù)據(jù)插入到您的設(shè)計(jì)中的選項(xiàng)。
如果您希望靈活地在模板中自動(dòng)包含自定義字段數(shù)據(jù)，但不方便直接對(duì)主題的模板文件進(jìn)行代碼編輯，這是一個(gè)很好的選擇。
要開(kāi)始，您將轉(zhuǎn)到Templates > Theme Builder并為您的文章單創(chuàng)建一個(gè)新的Elementor模板：
創(chuàng)建一個(gè)新的Elementor Single模板
您可以為您的Post Title和Post Content添加常規(guī)的Elementor小部件。然后，要顯示自定義字段數(shù)據(jù)，您需要添加常規(guī)文本編輯器小部件。這里唯一的區(qū)別是，您無(wú)需編輯文本，而是選擇“Dynamic”選項(xiàng)：
Elementor Pro“Dynamic”選項(xiàng)
在此之后，您可以從下拉列表中選擇ACF Field：
選擇“ACF Field”
從那里，您可以選擇使用高級(jí)自定義字段添加的特定字段：
選擇要顯示的特定字段
您還可以使用“Advanced”選項(xiàng)卡添加或附加信息，這樣您就可以添加標(biāo)簽和單位：
預(yù)先或附加信息
容易，對(duì)吧？現(xiàn)在只需重復(fù)其他自定義字段！
小結(jié)
使用高級(jí)自定義字段，您可以通過(guò)易于使用的解決方案，用更多數(shù)據(jù)和信息豐富您的頁(yè)面和博客文章。更多：您可以開(kāi)始為您網(wǎng)站上的任何內(nèi)容收集附加信息，然后在前端顯示給您的訪(fǎng)問(wèn)者。
為此，您有3個(gè)選項(xiàng)：
- 您主題的模板文件
- 使用簡(jiǎn)碼
- 使用Elementor Pro
您在這篇文章中獲得的知識(shí)將讓您釋放WordPress的巨大潛力來(lái)構(gòu)建100%自定義網(wǎng)站，這些網(wǎng)站遠(yuǎn)遠(yuǎn)超出了WordPress的博客根源。
網(wǎng)站名稱(chēng)：WordPress高級(jí)自定義字段教程
文章URL：http://m.5511xx.com/article/cdoghpe.html
