經典應用,全新進化:Advanced Custom Field (ACF) 6.1 的蛻變與革新

在 WordPress 網站開發領域,Advanced Custom Fields (ACF) 是處理自訂欄位的利器之一,它提供了簡單而強大的方法,讓使用者可以輕鬆的新增各種欄位,並透過豐富的 API ,讓開發者能輕鬆的使用 PHP 程式來存取和顯示自訂欄位。

這個月初,ACF 6.1 版正式發布,成為了 WordPress 內容管理的強大工具。除了一向擅長的欄位,現在更整合了設定 Custom Post Type (自訂內容類型) 及 Custom Taxonomy (自訂分類法) 的全新功能,簡化了開發流程。

就讓我們來看看 ACF 6.1 有哪些顯著的特色和改變吧!

全面增強的自定義功能

對於 WordPress 開發者而言,Custom Post Type / Custom Taxonomy 的應用,一直相當重要。過去,開發者需要撰寫程式碼來自行註冊,或額外再安裝外掛來管理;不過,隨著 ACF 6.1 新版本發布,這些工作都可以在一套工具中完全整合:

new-features-and-innovations-of-acf-6-1-0-2023-04-27-18-13-35

在 ACF 中註冊 Custom Post Type,就跟過去新增欄位群組一樣簡單。

new-features-and-innovations-of-acf-6-1-0-2023-04-27-18-12-28

同樣的,註冊 Custom Taxonomy 在 ACF 6.1 中也相當直覺。

高度靈活的資料轉移

對於現有工具的整合,ACF 6.1 也展現高度企圖心:原使用 Custom Post Type UI 來建立 Custom post type / taxonomy 的網站,現在透過 ACF 內建的工具就能轉移已建立的資料。此外,透過 ACF 建立的資料,也支援匯入、匯出、轉存為 php 程式碼,方便您在各種使用情境下移轉。

new-features-and-innovations-of-acf-6-1-0-2023-04-27-18-17-06

更優異的使用者介面

在 ACF 6.0 以前,建立欄位、選擇欄位類型時,使用者需要在下拉選單中自行找尋,這對 ACF 的新手來說其實並不容易。例如:連結欄位(Link) 和 頁面連結欄位(Page Link) 之間有什麼區別?彈性內容欄位(Flexible content) 有什麼作用?什麼是分身欄位(Clone)、又要如何使用?這類問題,多半需要參閱官方文件,並在實務中累積經驗,才能做出最適合的決策。

new-features-and-innovations-of-acf-6-1-0-2023-04-28-17-16-08

圖為 ACF 版本 5.12.5 選擇欄位類型的畫面。

為了彌平障礙、進一步增強使用者體驗,ACF 6.1 推出了全新的欄位選擇器介面:只要點擊 Browse Fields (瀏覽欄位) 按鈕,就會開啟互動視窗;這個視窗中,除具備搜尋功能,也將欄位區分為 7 大類,以頁籤快速切換;點擊個別欄位,右側就會出現欄位說明和外觀預覽;下方更直接貼心的附上這個官方教學文件連結,資訊整合可說是相當完善。

new-features-and-innovations-of-acf-6-1-0-2023-04-27-16-46-10

此外,在原有的下拉選單中,ACF 也新增了搜尋欄位,讓有經驗的使用者可以依名稱快速篩選出所需要的欄位類型。

new-features-and-innovations-of-acf-6-1-0-2023-04-27-16-53-32

精確的內容篩選條件

由於 WordPress 5.9 的更動,文章欄位 (Post Object) 及 關係欄位 (Relationship) 的回傳結果,除已發布的文章外,還包含儲存為草稿的文章。使用者新增文章時,可能基於實際的需要先儲存為草稿,但並不希望它們出現在網站的前台頁面;當時,開發者需要另外撰寫一個篩選器程式,過濾取出的文章資料,以確保不會出現意料之外的內容。

為了避免上述情形,在 ACF 6.1 中將已發佈文章變更為回傳的預設值;此外,在欄位設定中也新增了:Filter by Post Status (依文章發佈狀態篩選) 這個控制項,讓我們可以控制內容篩選的條件,更全面的掌握網站內容。

new-features-and-innovations-of-acf-6-1-0-2023-04-27-17-18-51

保留第三方擴充彈性

ACF 第 6 版開始,使用者介面經歷了一次重大革新:將 一般 (General)驗證 (Validation)外觀 (Presentation)控制條件(Conditional Logic) 等 4 個設定區塊成為頁籤,透過點擊可快速切換,使用上更為直觀、也大大提升了工作效率。

new-features-and-innovations-of-acf-6-1-0-2023-04-27-17-43-28

在 ACF 6.1 中,進一步提供新增自訂頁籤的方法;如此一來,第三方套件就可以在欄位中插入 自訂頁籤額外的控制項,配合前端程式的邏輯判斷,實現更多的客製化功能發展。

細緻的客製化介面文字

當欄位接受複選時,採用 核取方塊欄位 (Checkbox) 是最為直觀便捷的作法;而 ACF 對於核取方塊更是擁有極高的自由度:只要在欄位設定中啟用 允許加入[自訂]值,填寫時就能以 [新增選項] 按鈕,自行增加額外的項目。

為了更貼近使用情境,自 ACF 6.1 開始,**[新增選項] 按鈕的顯示文字**也是可以變更的!我們可以透過 custom_choice_button_text 這個屬性,在 acf/load_field 篩選器程式中修改按鈕的顯示文字。

與時俱進的版本支援

因應 WordPress 6.2 的發布,ACF 6.1 起開始支援 PHP 8.1 及 8.2,在方便之餘也兼顧網站的效能及安全性。

結語

Advanced Custom fields 自 2011 年推出第一個版本以來,歷經十多年的演進,終於在版本 6.1 納入了重大功能,成為 WordPress 網站開發的整合性行應用工具。這樣的改變令人欣喜,我們也十分期待後續的發展。Custom Post Type / Custom Taxonomy 的應用,是客製化 WordPress 網站開發的核心技術之一;如果您對這些議題感興趣,請參考以下專欄,相信您一定會有更全面的瞭解:

外掛資訊總覽

Allen Chu

擅長 WordPress 網頁設計,將客製化開發實踐在 CMS 系統中。相信視覺和功能性同樣重要,希望把好的體驗帶給使用者。

想知道更多嗎?

填入常用的電子郵件,即可在第一時間獲取最新知識!

Subscription Form