是時候讓 WordPress 主題作者加強他們的塊模式遊戲了

已發表: 2021-05-05

通過這週的日常工作,我瀏覽了最新的 WordPress 主題版本,並找到了一個支持塊編輯器的新項目。 它甚至還提供了一些自定義模式。 雖然設計並沒有什麼特別之處,但它總體上是一個堅實的主題。 然而,在花了今天大部分時間寫它之後,我認為我不能繼續這個故事了。 有什麼東西困擾著我。

我最近對其他幾個人也有同樣的感受。 錯失的機會太多了。 這個主題有基礎,潛在的潛力,比它更重要。

該主題有一個用戶可以購買的商業“專業”版本。 然而,幾乎所有專業功能都依賴於向上銷售額外主題選項的老派策略。 一個例外是與塊相關的功能,它將作為全球樣式組件的一部分免費提供,可能會在今年晚些時候隨 WordPress 一起發布。

自定義塊樣式在哪裡? 用戶可以在哪裡找到一些獨特的模式? 額外的導航菜單、側邊欄、顏色設置和排版選項對最終用戶的增值越來越少。 現在可能是安全的錢,我可以理解不冒太多機會的舒適感。

主題作者需要開始換檔。 追加銷售需要以庫存 WordPress 不提供的功能形式出現。 現在,這意味著構建獨特的塊模式和样式。

探索模式理念

在上個月,我一直在修改自定義模式。 當我從事設計和開發業務十多年時,我能夠僅使用塊編輯器完成的工作——不使用自定義代碼——以及一個全面的塊就緒主題只是表面上的。 我們在 WordPress 社區中擁有更好的人才,我希望看到他們的藝術得到釋放。

這一切都始於 WP Tavern Jukebox 播客——如果你還沒有聽過,你應該看看第 1 集和第 2 集。 新主持人內森·瑞格利(Nathan Wrigley)給了我足夠的動力,讓我重新回到設計和開發的上限,以實現他需要的一些功能。 多年來,我在播客或任何類型的音頻方面工作不多。 這對我來說是新的領域。 最終,播客啟發了我思考音頻模式。

今天 WordPress 的編輯器有什麼可能?

我在網上搜索各種佈局,尋找現代音頻演示。 最終用戶無法僅通過編輯器來實現許多概念。 他們需要來自主題本身的大量自定義塊樣式。 而且,有幾個設計我根本不認為可以完成,但這些通常都有插件領域的元素。

但是,我確實找到了可以運行並自己製作的想法。 我從《火星救援》原聲帶中的一個簡單音頻文件開始——我前一天晚上重溫了這部電影,當時正處於 David Bowie 的踢腿上。

左側帶有縮略圖的塊圖案,右側帶有信息、音頻嵌入和社交圖標。
配樂單一音頻模式。

這很簡單。 只需添加組、列、圖像、段落、標題、音頻和社交圖標塊。 我對結果很滿意,我的一些推特粉絲也做出了積極回應。

受支持的啟發,我創建了另一種佈局。 通過添加封面、段落、標題、音頻和社交圖標塊,它變得更加簡單。

嵌套在 Cover 塊中的音頻嵌入模式。

基於原始模式,我構建了一個使用 SoundCloud embed 而不是 Audio 塊的模式。 我還創建了另一個更適合播客的改動。

隨著我對這個項目的深入了解,我在創建佈局方面的能力越強。 我開始了解一些限制是什麼,並將它們周圍的所有東西拼湊在一起。

編輯器最有問題的地方之一是它沒有交出足夠的間距控制。 因此,我不得不自由地使用 Spacer 塊,我不喜歡使用它,因為它依賴於像素單位並在標記中添加了一個額外的<div> 。 為了建立一些模式,我不得不變得不那麼純粹,只使用可用的工具。

這種思維方式的改變開啟了更多的可能性。 我構建了更多與音頻相關的塊模式。 同樣,它們是簡單的佈局,但我想通過最終用戶可以添加的圖像使它們在視覺上脫穎而出。 目標是讓用戶一鍵訪問預先設計的部分,這是人們展示自己創造力的起點。

下一步是開始思考超越音頻模式。 在那個領域,其他人可以做的事情還有很多。 我想多冒險一點。

從那以後,我構建了其他幾種模式,例如以下新聞類型的文章標題,我希望將來在 Tavern 上使用它們:

帶有封面塊的圖案,左側是帖子標題,右側是數據點。
新聞或數據驅動的文章標題模式。

我可以分享更多概念,但這似乎是一個理想的停下來的地方。 目標不是展示我的模式組合。 這是為了激勵我們的主題設計社區,希望他們能創造出更好的東西。 我還想展示彈出一些模式是多麼容易。 許多想法被縮短到幾分鐘,而不是幾個小時的開發時間。 這就是今天的塊系統提供的力量。

當我在一月份寫關於區塊系統為主題作者創造商業機會的文章時,那是一篇理論文章。 這是一個將其投入更多實踐的後續行動(當然,沒有實際銷售)。

想像一下,作為一家主題公司,您正在為音樂家構建一個免費增值主題。 您可能希望包含一些基本模式供用戶選擇。 但是,作為專業套餐的一部分,您可以提供無數種替代品。

我確信現在已經有一個主題作者/公司考慮到一個多用途主題概念,最終將有數百種模式。 我只能希望他們有一個可靠的分類系統或提供單獨的包或進口。

塊模式目錄將與 WordPress 5.8 一起登陸。 起初,它將主要是核心模式。 但是,隨著時間的推移,將鼓勵其他人做出貢獻。 這是該平台的一個受歡迎的功能,但它永遠不會完美地匹配每個主題設計。 每個主題都有自己的設計細微差別。 每個人都有不同的解決問題的方法。

最好的模式將來自主題作者自己,尤其是與自定義塊樣式相結合,作為主題體驗的一部分進行打包和營銷時。 開發者可以等到整個市場趕上來,或者領先於遊戲。