在 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 新版本發布,這些工作都可以在一套工具中完全整合:
在 ACF 中註冊 Custom Post Type,就跟過去新增欄位群組一樣簡單。
同樣的,註冊 Custom Taxonomy 在 ACF 6.1 中也相當直覺。
高度靈活的資料轉移
對於現有工具的整合,ACF 6.1 也展現高度企圖心:原使用 Custom Post Type UI 來建立 Custom post type / taxonomy 的網站,現在透過 ACF 內建的工具就能轉移已建立的資料。此外,透過 ACF 建立的資料,也支援匯入、匯出、轉存為 php 程式碼,方便您在各種使用情境下移轉。
更優異的使用者介面
在 ACF 6.0 以前,建立欄位、選擇欄位類型時,使用者需要在下拉選單中自行找尋,這對 ACF 的新手來說其實並不容易。例如:連結欄位(Link) 和 頁面連結欄位(Page Link) 之間有什麼區別?彈性內容欄位(Flexible content) 有什麼作用?什麼是分身欄位(Clone)、又要如何使用?這類問題,多半需要參閱官方文件,並在實務中累積經驗,才能做出最適合的決策。
圖為 ACF 版本 5.12.5 選擇欄位類型的畫面。
為了彌平障礙、進一步增強使用者體驗,ACF 6.1 推出了全新的欄位選擇器介面:只要點擊 Browse Fields (瀏覽欄位) 按鈕,就會開啟互動視窗;這個視窗中,除具備搜尋功能,也將欄位區分為 7 大類,以頁籤快速切換;點擊個別欄位,右側就會出現欄位說明和外觀預覽;下方更直接貼心的附上這個官方教學文件連結,資訊整合可說是相當完善。
此外,在原有的下拉選單中,ACF 也新增了搜尋欄位,讓有經驗的使用者可以依名稱快速篩選出所需要的欄位類型。
精確的內容篩選條件
由於 WordPress 5.9 的更動,文章欄位 (Post Object) 及 關係欄位 (Relationship) 的回傳結果,除已發布的文章外,還包含儲存為草稿的文章。使用者新增文章時,可能基於實際的需要先儲存為草稿,但並不希望它們出現在網站的前台頁面;當時,開發者需要另外撰寫一個篩選器程式,過濾取出的文章資料,以確保不會出現意料之外的內容。
為了避免上述情形,在 ACF 6.1 中將已發佈文章變更為回傳的預設值;此外,在欄位設定中也新增了:Filter by Post Status (依文章發佈狀態篩選) 這個控制項,讓我們可以控制內容篩選的條件,更全面的掌握網站內容。
保留第三方擴充彈性
ACF 第 6 版開始,使用者介面經歷了一次重大革新:將 一般 (General)、驗證 (Validation)、外觀 (Presentation)、控制條件(Conditional Logic) 等 4 個設定區塊成為頁籤,透過點擊可快速切換,使用上更為直觀、也大大提升了工作效率。
在 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 網站開發的核心技術之一;如果您對這些議題感興趣,請參考以下專欄,相信您一定會有更全面的瞭解:
- 深入淺出 WordPress 內容類型:什麼是 Post Type ? 如何使用 ACF 6.1 建立 Custom Post Type ?
- 快速掌握 WordPress 自訂分類法:什麼是 Taxonomy ? 如何使用 ACF 6.1 建立 Custom Taxonomy ?