特色封面塊和將數據綁定到通用 WordPress 塊的未來

在過去的一年裡,我一直在執行任務。 我熱切地等待著 Gutenberg 插件的每個版本,關注票證,並儘可能加入。 我一直對一個特別的功能抱有一線希望。

我想在封面塊中使用特色圖片。 那一天終於到來了。

特別是,我的任務是完全從 WordPress 編輯器創建以下布局——不涉及任何代碼:

特色封面塊和綁定數據到通用 wordpress 塊的未來 特色封面塊和將數據綁定到通用 WordPress 塊的未來

這是我為 2021 年的人造攝影作品集設計的一組模式的一部分。通過編輯器在 WordPress 中的總體布局早已成為可能。 但是,它不是動態的,這意味著必須手動添加每個封面塊及其圖像,而不是載入帖子特色圖像。

兩周前,安德烈·德拉加內斯庫 添加了一個改變一切的拉取請求. 它為 Cover 塊實現了一個切換,允許它使用帖子的特色圖像而不是靜態圖像:

features-cover-blocks-and-the-future-of-binding-data-to-generic-wordpress-blocks-1 特色封面塊和將數據綁定到通用 WordPress 塊的未來切換封面塊以使用特色圖像。

前兩天,那個 Gutenberg 插件中的增強功能. 預計下周將發布 13.0 版本。

我不確定為什麼我對這種特定的模式如此著迷。 它並不過分複雜。 在內心深處,也許我的一部分認為,當 WordPress 達到我可以從編輯器創建它的地步時,我們將處於一切皆有可能的地方。 實際上,我知道還有更多的基礎和功能需要實現,但這仍然是一個重要的里程碑,不應該被忽視。

甚至模式本身也不完全可以通過編輯器實現。 如以下屏幕截圖所示,每個帖子之間都有差距:

features-cover-blocks-and-the-future-of-binding-data-to-generic-wordpress-blocks-2 特色封面塊和將數據綁定到通用 WordPress 塊的未來查詢循環塊中的帖子之間不需要的間隙。

我不得不作弊並用 CSS 摺疊那些。 有一個 帶維度控制的票 到查詢循環和/或發布模板塊,但尚未實現。 主題作者目前必須添加一個自定義的「無間隙」塊樣式來解決這個缺點,但布局現在是可行的。

雖然我可能會特別關注這個特定的設計,但這種變化為主題作者打開了一個布局可能性的世界。 一種風格是使用特色圖片作為網站和帖子標題背後的背景,如下面的截圖所示:

features-cover-blocks-and-the-future-of-binding-data-to-generic-wordpress-blocks-3 特色封面塊和將數據綁定到通用 WordPress 塊的未來查看單個帖子時使用帖子特色圖像的封面塊。

現在可以直接從站點編輯器中實現。

通過編輯我的活動主題的單個模板,我能夠在幾分鐘內重新創建它。 我將標題模板部分包裝在封面中,打開特色媒體開關,並添加帖子標題和相關塊。

features-cover-blocks-and-the-future-of-binding-data-to-generic-wordpress-blocks-4 特色封面塊和將數據綁定到通用 WordPress 塊的未來打開特色圖片的封面背景。

此更改將提供一些自由來阻止自在經典 WordPress 之上構建以來他們沒有擁有的主題。 用戶還可以對輸出進行自己的調整。

這種增強是主題作者和用戶的勝利。 然而,它也代表了另一種轉變,可以在未來為區塊創造新的可能性。

WordPress 有塊問題。 那些僅由核心添加的插件開始過度擁擠插入器 UI,當您在組合中添加一些插件時,事情可能會變得笨拙。 許多塊本質上是基本 HTML 元素的變體。 例如,帖子標題只是 元素的變體,而 WordPress 已經有一個標題塊。

這些變化重複了開發人員的工作,創建了每個塊支持不同功能的場景,並且經常亂扔界面。

科里鳥歌 一月開票 旨在解決這個問題。 他提出的解決方案:

與其為這類事情製作大量單獨的塊,不如在現有的通用塊中創建用於使用站點/帖子元數據的系統似乎會更好。

重用帖子特色圖片似乎是最明顯的起點。 長期以來,主題作者一直在呼籲對其輸出進行更多控制,而專用的 Post Featured Image 塊充其量只是乏善可陳。 有票可以將相同的「特色封面」實施帶到 媒體與文字團體 塊。

隨著 WordPress 6.0 下個月登陸,我們不會看到全面支持將動態數據綁定到更通用的塊。 但是,它可能對未來產生影響。

如果不是插件作者創建單獨的塊,而是通過自定義數據源提供一個顯示內容的開關,會怎樣? 除了核心 WordPress 之外,肯定還有一些用例可以派上用場。

至少就目前而言,我可能會花一天的剩餘時間來修補特色圖像和封面塊。

資源

相關文章