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