Phoenix,帶有邊欄的基於塊的WordPress主題

今天早些時候, 鳳凰主題被合併 放入GitHub上的WordPress主題實驗存儲庫。 像回購中的所有主題一樣,它不建議在實時站點上使用。 這是一個為即將到來的「全站點編輯」(FSE)系統測試新想法的項目。

Codeytek Academy的Imran Sayed創建了主題,並主辦了 現場演示。 那些想要試駕的人可以抓住 來自GitHub的代碼

到目前為止,我見過的每個基於塊的主題都缺少左側或右側邊欄。 我是開放畫布格式的忠實擁護者,它專註於內容,隱藏了那些經常貶低重要元素的經常使用的小部件。 但是,補充工具欄有時是有用的,甚至是必要的。

當我提到「補充工具欄」時,我並不是在談論自WordPress 2.2以來我們都喜歡或討厭的小部件的動態補充工具欄系統。 該系統 FSE的世界不再存在。 站點編輯器僅具有模板和模板部分的概念,它們是塊的容器。 由主題作者決定是否提供一些默認結構,甚至構建像邊欄一樣工作的模板部分。

Phoenix主題中的側欄字面意思是頁面側面的塊區域。

這個想法很簡單,幾乎與博客一樣古老。 似乎幾乎沒有什麼值得興奮的事情,但是我已經等了一段時間才能看到帶有側邊欄的基於塊的主題。 該功能進一步使WordPress前進的道路合法化。 更大的主題開發社區需要看到將這些簡單的架構想法付諸實踐。 他們需要看到有人說:「嘿,這是您在新系統中已經做了十年的簡單事情了。」

Phoenix僅在首頁上添加側邊欄,但這只是一個開始。

通過在首頁上混合使用靜態和動態功能,該主題也比以前的嘗試更具野心。 Phoenix包括帶有標準站點標題的標題區域和導航菜單。 在其下,它添加了一個用戶可以自定義的靜態英雄部分。

鳳凰,一個基於邊欄的wordpress主題,帶有一個側邊欄Phoenix,一個帶有邊欄的基於塊的WordPress主題頭版英雄部分。

然後,它使用Columns塊拆分內容和側邊欄。 在左側,主題使用Query塊列出最新帖子。 在右側,它添加了側邊欄模板部分。

鳳凰城,一個基於塊的wordpress-theme-with-sidebar-1 Phoenix,一個帶有邊欄的基於塊的WordPress主題側邊欄旁邊的最新博客文章部分。

與迄今為止的其他基於塊的主題相比,頁腳設計也大膽。 它具有全形Cover塊,其後是一組列,基本上就是頁腳側邊欄。

phoenix一個基於塊的wordpress主題與一個側邊欄2 Phoenix,一個帶有側邊欄的基於塊的WordPress主題頁腳較大的區域,帶有列。

同樣,這些是主題作者多年來所做的基本概念。 這些實驗主題背後的想法是開始測試如何使用塊使它們變為現實。 當站點編輯器登陸WordPress時,主題作者可以基於這些初始技術並創建更複雜的布局。

在首頁設計中尤其如此。 如果在開發傳統主題時有一個區域在路障上創建了路障,那麼它就是頭版。 無論是通過自定義選項頁面,主題定製器,小部件還是其他許多解決方案,十年來都沒有任何問題。 雖然單個帖子模板可以說是WordPress網站上最重要的視圖,但它的首頁設計吸引了普通用戶。 這也是用戶安裝主題後最大的失敗點之一。 演示中精心設計的首頁看起來與用戶在自己的站點上看到的內容完全不同。

Phoenix向正確的方向邁出了一步,因為它展示了如何混合這些基本元素。 由於它是基於塊的主題,因此如果最終用戶要自定義主題,則可以在站點編輯器中獲得即時的視覺反饋。

下一步是讓更多的人參與主題實驗項目。 開始探索更複雜的想法和布局。 利用這一刻分享知識,並以目前很少有人在做的工作為基礎。

鳳凰絕不是一個完美的主題。 前端和站點編輯器此時不是一對一的匹配。 在編輯器中所有看起來不正確的地方都突出顯示了我們還需要走多遠。

當我成為FSE在2021年的現實主義者時,我會謹慎地保持希望。這是值得探索的一年。 也許我們將有一些突破性的主題將情況推向年底,但這一切都始於諸如Phoenix之類的實驗項目。

像這樣:

喜歡載入中……

來源

相關文章