WordPress 6.5 新增了塊綁定 API 功能,讓你可以把實時數(shù)據(jù)加入到網(wǎng)頁的模塊中

隨著塊編輯器的發(fā)展,缺少對自定義字段的好支持一直是個問題。雖然自定義字段在 WordPress 里還是很常用,但在塊編輯器里,它們被放在了頁面底部,沒有得到很好的融合。不過,有了新的塊綁定 API(Block Bindings API),這一切都將有所改進。

圖片[1]-WordPress 6.5 新增了塊綁定 API 功能,讓你可以把實時數(shù)據(jù)加入到網(wǎng)頁的模塊中-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

什么是塊綁定 API?

想象一下,如果你正在建立一個 WooCommerce 商店,并在設計首頁時用到了塊編輯器。你可能會用一個特別的循環(huán)顯示最流行的產(chǎn)品,這涉及到許多不同的信息,比如產(chǎn)品描述、圖片、圖庫和添加到購物車的按鈕等。

目前,WooCommerce 需要為每種類型的信息單獨制作和管理自定義塊,這意味著很多重復的工作和技術上的負擔。而且,每當塊編輯器更新新的設計工具時,開發(fā)團隊需要更新所有自定義塊以確保它們能正常工作。但如果他們能直接使用普通的塊,比如段落、標題或按鈕,并告訴 WordPress 讓這些塊顯示產(chǎn)品信息,那豈不是更方便?

這正是塊綁定 API 的目標,它不僅限于自定義字段,還可以幫助處理所有類型的數(shù)據(jù),使得在塊編輯器中管理數(shù)據(jù)變得更容易,無論是文章和網(wǎng)站信息(如作者名或特色圖片),還是使模板同步功能更強大。

動態(tài)數(shù)據(jù)可以節(jié)省時間和資源嗎?

為了深入了解 Block Bindings API,我聯(lián)系了 Pods 框架的主要開發(fā)者和 WordPress 核心項目 Fields API 的負責人 Scott Kingsley Clark。Fields API 主要解決的是如何避免開發(fā)人員重復編寫相同代碼的問題。

Pods、高級自定義字段(ACF)等工具就是為了解決這個問題而生的。它們讓開發(fā)者無需每次都重新寫代碼就能創(chuàng)建自定義帖子類型、設置頁面和字段輸入。

Scott 把他的工作和 WooCommerce 聯(lián)系起來,提到很多 Block Bindings API 的貢獻者也為 WooCommerce 做過貢獻。他解釋說,新的 WooCommerce 產(chǎn)品編輯頁面現(xiàn)在由塊構(gòu)成,他們正在尋找更統(tǒng)一的方法來整合這些塊,而不是每個功能都用不同的塊。

Scott 一直在給 API 提供反饋,并確保 Pods 框架能在 WordPress 6.5 發(fā)布前與之兼容。

我也和 ACF 的產(chǎn)品經(jīng)理 Iain Poulson 談了談,詢問未來是否會看到 ACF 的自定義字段通過這個 API 與 WordPress 核心塊綁定。Iain 說,ACF 團隊正在密切關注這個 API,并探索如何讓 ACF 字段與塊屬性綁定,他們希望很快展示一個原型。

最初,像 Pods 和 ACF 這樣的插件可能會直接支持這個 API,但最后一刻的安全審查意味著需要有特定集成的插件才能工作。

Iain 這周告訴我,有一個更新被合并到 WordPress 核心,這可能影響 ACF 字段與塊的綁定。他們預計 WordPress 將有大的變化,新的連接界面和更新值的功能將對 ACF 用戶非常重要,他們將確保與 WordPress 核心團隊合作以支持這些功能。

很令人興奮地看到主要插件正在投資于這個新 API。但也需要調(diào)整我們對 API 的期望,因為它融入開發(fā)者工作流程需要一段時間和許多測試。

這是一個沒有 UI 的 API?

盡管 WordPress 6.5 版本已經(jīng)加入了 Block Bindings API,但普通用戶還看不到這個功能的直接界面。這個新功能主要是給插件和主題開發(fā)者用的,讓他們可以基于這個新工具來開發(fā)。

目前在 6.5 版本里,塊綁定的使用有兩種方法,都需要寫一些代碼:

  1. 你可以按照 WordPress 開發(fā)者博客的建議,在塊編輯器中切換到“代碼視圖”,并直接在 HTML 中添加綁定數(shù)據(jù)。
  2. 或者,你可以使用 Block Variations API 來添加新的核心塊變體,這包含了綁定數(shù)據(jù)。這需要你在主題或插件里加一些 JavaScript 代碼。這種方式的好處是,一旦設置好,它會在內(nèi)容編輯器中正常工作,而且你創(chuàng)建的變體會在塊插入器里顯示為獨立的塊。

目前,這個功能只支持四個最常用的塊:段落、標題、按鈕和圖片。這已經(jīng)覆蓋了大部分使用情況,盡管未來會支持更多的塊。對于最終用戶來說,這意味著利用這個 API 的塊將會和他們已經(jīng)習慣的核心塊一樣易用。

項目追蹤顯示,不需要編碼的 Block Bindings API 接口很快就會推出,已經(jīng)有一些概念驗證的示例了。通過這種方式,WordPress 核心團隊可以在對塊編輯器做出更多更改之前,先看看這個功能在實際中是如何被使用的,并且這也可能給插件團隊提供一些啟發(fā)。

如果你是普通用戶,你可能還沒有看到任何變化。但如果你是一個插件或主題開發(fā)人員,現(xiàn)在是個好時機去了解 Block Bindings API,并探索它如何幫你節(jié)省開發(fā)時間。


聯(lián)系我們
教程看不懂?聯(lián)系我們?yōu)槟赓M解答!免費助力個人,小企站點!
客服微信
客服微信
電話:020-2206-9892
QQ咨詢:1025174874
郵件:info@361sale.com
工作時間:周一至周五,9:30-18:30,節(jié)假日休息
? 轉(zhuǎn)載聲明
本文作者:Harry
THE END
喜歡就支持一下吧
點贊0 分享
評論 搶沙發(fā)

請登錄后發(fā)表評論

    暫無評論內(nèi)容