塊模式將改變一切

已發表: 2020-03-24
圖書銷售組的屏幕截圖。
來自自定義主題的圖書銷售部分。

那是大約一年前。 我很高興地為有抱負的小說家設計了一個主題。 我想在競爭中領先,並專門向將嘗試 2019 年全國小說寫作月挑戰的作家推銷一個主題。

簡而言之,NaNoWriMo 是一個月的旋風,來自世界各地的 1,000 人在鍵盤上敲打著敲打著 50,000 字的小說手稿。 一個月純粹的意志力,每加侖的咖啡,以及不眠之夜,以換取榮耀。 旅程結束時沒有大獎或保證出版合同。 你獲得了一張證書、幾張優惠券和吹牛的權利。 我在 2018 年完成了挑戰。

受到幾個月前我的勝利的啟發,我為那些將在第二年踏上旅程的人建立了一個主題。 我還想擴大它對任何可能是有抱負的小說家但不一定參與挑戰的人的吸引力。 或者,甚至可能是對剛剛出版第一本書的人。 也許這將是一個將一些新的 WordPress 用戶帶入我們社區的機會。

我概述了一個主頁佈局,以展示用戶如何通過購買按鈕展示他們的最新書籍。 然後,我恍然大悟。

如果沒有豐富的塊編輯器經驗,怎麼能建立這個圖書銷售頁面?

在它登陸 WordPress 5.0 之前,我已經使用了幾個月又幾個月的 Gutenberg 插件。 我知道系統的來龍去脈。

設計很簡單。 使用核心媒體和文本塊、一個標題、幾個段落和一個按鈕,我創建了一些對於普通用戶來說可能過於復雜的東西。 我什至沒有進入強調佈局的自定義顏色、字體大小和塊樣式選項。

這種簡單的塊組合對某些人來說可能過於復雜。 對於更複雜的佈局,我還有其他計劃。 其他主題作者採用了更大的塊組合。 對於最終用戶來說,他們很可能進入了一個沒有意義的世界。 他們會看到漂亮的主題演示,當他們無法讓事情發揮作用時會變得沮喪。 塊編輯器過去和現在仍然不夠直觀,足以讓知識最少的用戶構建超出基礎的佈局。

我選擇了分步教程來指導我的用戶構建這個簡單的圖書銷售部分。 但是,文檔並不總是最好的答案。 即使用戶找到並閱讀它,結果也並不總是準確的。 如果有一個按鈕,當單擊該按鈕時,會將該部分直接插入到編輯器中,這會簡單得多。 然後,用戶可以對其進行自定義以適應他們的內容。

這就是塊模式的用武之地。

主題作者應該能夠使用自定義樣式構建獨特而復雜的塊組合。 用戶應該能夠讓它看起來像演示

自 2005 年“構建”(我鬆散地使用這個術語)我的第一個 WordPress 主題以來,我已經看到或嘗試了解決這個問題的各種方式。 頁面模板。 主題選項。 簡碼。 小部件。 你給它命名。 他們都曾嘗試過。 每種方法都為用戶提供了主要障礙。 一些(咳咳,簡碼)讓用戶的內容一團糟,並創造了一種鎖定效果,最終他們被束縛在他們的主題上。

新事物的時代已經過去了。

什麼是塊模式以及它們將如何改善用戶體驗?

定價列塊模式的屏幕截圖。
自定義定價列部分。

當用戶想要構建具有多列定價選項的佈局時會發生什麼,如上面的屏幕截圖所示? 祝你好運。 大多數人無法用塊系統生產它。 即使沒有塊模式,主題也需要一些自定義塊樣式才能使其成為可能。 插件可能會填補這種複雜輸出的空白,並且多年來一直在以各種方式處理定價表。 如果我們可以在主題或更簡單的插件中生成這樣的佈局怎麼辦?

塊模式是可能的。

簡而言之,塊模式是一組塊。 核心 WordPress、主題和插件將能夠註冊帶有附加到它們的預定義設置的模式。

從普通用戶的角度來看,塊模式是可用於創建佈局的預定義部分。 這些佈局可以像本文前面的書籍部分到更複雜的定價列一樣簡單。 有了這些可用的模式,用戶將能夠通過單擊按鈕創建複雜的佈局。

區塊系統為與我們多年來所經歷的截然不同且向前兼容的未來奠定了基礎。 歸根結底,大多數塊只是普通的舊 HTML。 塊模式無非就是註冊一組這些塊。 當用戶切換主題時,他們的內容保持不變,即使他們的新主題沒有註冊相同的模式。

Gutenberg 插件 7.7 版發布了模式接口的第一次迭代。 它是基本的,將在準備好用於生產之前進行多次迭代。 最終,將有一個完全集成的界面,用於從多種模式中進行選擇。 用戶看到他們想要使用的東西。 他們點擊那個圖案。 它被插入到帖子中。

沒有更複雜的主題選項。 沒有更多的簡碼湯。 沒有更多的時間感到沮喪,想知道為什麼您不能構建那個精心製作的主題演示中顯示的自定義首頁。

我可能有點樂觀。 塊模式將需要主題和插件開發者社區的大量支持。 雖然核心 WordPress 將默認提供幾種流行的模式,但它們絕不會涵蓋主題作者將他們的藝術技能發揮作用時可能實現的設計廣度。

我一直對塊編輯器感到興奮。 然而,我總覺得我對潛力比對最終產品更興奮。 我一直處於等待它成為我認為可能的東西的狀態。 是的,我還在等。 然而,修補早期版本的模式系統感覺就像我們已經到了可以完成編輯器應該允許我們完成的那些很棒的事情的地步。 已經等了很久了,我們還有一點路要走。 但是,在經歷了迄今為止所做的工作之後,我對這個項目重新產生了熱情。