整頁模式仍然是WordPress區塊主題開發的缺失部分

那是古騰堡計劃的早期。主題審查小組和設計圈中的許多人都試圖圍繞這個稱為區塊的新概念。特別是,我們想知道它如何應用於主題開發。關於早期編輯的利弊有很多討論。總體而言,空氣中瀰漫著一絲謹慎的興奮,我們的樂觀情緒被 alpha 級軟體的錯誤版本所削弱。

區塊系統可能會解決主題開發的最大障礙之一:將整頁的預設/演示內容插入編輯器。

我不記得最初是誰解釋了這個想法,但當時對許多人來說這是一個燈泡時刻。一般概念是預先構建自定義主頁或使用者可以在視覺上選擇的任何頁面設計。這一切都將通過標準化的區塊系統完成,我們將不再需要依賴零散的主題選項、第三方外掛,或試圖繞過稽覈團隊的“不建立內容”準則。

沒有人真正知道這在實踐中是如何工作的,但我們理解它如何使主題開發人員的生活變得更加簡單的理論。

2019年10月,Automattic開發人員Jorge Bernal開了一張名為Starter Page Templates的工單。他的團隊正在為移動應用程式開發模板選擇器,而WordPress.com Editing Toolkit已經具有該功能。目標是將其引入核心平臺,允許第三方主題設計在其上構建。

整頁模式仍然是WordPress區塊主題開發的缺失部分-1 最初在工單中共享的起始頁模板想法

因為術語“模板”在WordPress空間中被過度使用,我將它們稱為“頁面模式”。這個命名約定是由Automattic的軟體工程師Noah Allen在工單中創造的。這是有道理的,因為我們實際上是在談論頁面的內容而不是包裝模板。

Genesis Blocks外掛的瞭解頁面模式概念的最佳途徑之一。它在編輯器頂部有一個Layouts按鈕,單擊該按鈕後,會建立一個可供選擇的設計疊加層。

整頁模式仍然是WordPress區塊主題開發的缺失部分-2

從Genesis Blocks中選擇整頁佈局

這些設計分為部分和佈局。部分與核心WordPress中的模式相同:小的、可重用的入門內容。佈局是使用者建立各種型別頁面的整頁起點。

StudioPress/Genesis團隊並不是第一個將這一概念推向市場的人。但是,他們在WordPress編輯器之上建立了全面的使用者體驗。

您將通過GoDaddy的託管託管服務的入職流程找到類似的體驗。Redux框架允許類似的情況,Editor Plus提供來自Extendify庫的模板和模式。

最初的興奮已經減弱了一點。感覺那個早期的承諾是一個永遠不會成為現實的夢想。

主題作者,尤其是在商業領域,長期以來一直為一鍵插入整頁內容提供自制解決方案。無論是通過ThemeForest專案還是WordPress.org上的流行主題,每個人都在解決相同問題的例子數不勝數。甚至有人可能會爭辯說,這些自定義插入器在主題代理系統中根深蒂固,以至於WordPress在這一點上提供的任何東西都不會吸引那些已經將其解決方案推向市場的人。在核心平臺未能滿足使用者需求的地方,我們的開發社羣已經加強。

你們中的一些人可能會認為當前的塊模式系統適用於此。是的,也不是。主題作者可以將整頁設計硬塞進去,但與第三方解決方案相比,缺乏使用者體驗。今天的模式是可用的最好的主題工具之一,但它們無法實現這一目標。

此功能的基礎通過Patterns API存在。從主題作者的角度來看,他們只需要一種將模式標記為整頁佈局的方法,與其他模式分開。但是,UI和UX流程需要大修。當前插入器的彈出面板不會剪下它,尤其是在大螢幕上。全屏覆蓋已成為其他系統的事實上的標準。

使用者還應該在從現有頁面模式中進行選擇或在建立時開始為空之間進行選擇。

“我認為這將非常有用,” Anariel Design的Ana Segota在最近對工單的評論中寫道。“到目前為止,我建立了2個FSE主題,而且我們最新的高階主題是用塊模式製作的,這正是我的想法並與很少人討論過。當使用者開啟一個新頁面時,選擇我們稱之為的設計/頁面模式並立即開始編輯它會很棒。大多數使用者只想新增一個頁面,選擇一個佈局並開始新增他們的內容。”

當然,對於每天與終端使用者打交道的普通主題作者來說,這並不是什麼啟示。將整個頁面設計插入或匯入WordPress是最常見的請求之一。WordPress的當前模式系統幾乎就在那裡。我們只需要把它提升到一個新的水平。

評論留言