Gutenberg Hub 推出基於塊的 WordPress 主題目錄

在塊主題時代的黎明,WordPress 主題目錄可以使用重新構想。 這就是 Munir Kamal 在本月晚些時候發布 WordPress 5.9 之前開始做的事情。 他 宣布 一個 替代主題目錄 今天早些時候在古騰堡中心網站上。 它列出了 WordPress.org 上正式託管的所有塊主題。

Gutenberg-hub-launches-a-block-based-wordpress-theme-directory Gutenberg Hub 推出基於塊的 WordPress 主題目錄古騰堡中心的主題目錄。

界面和體驗與官方主題目錄相似,這是有充分理由的。 Kamal 正在推動 WordPress.org 上的更改。

「我注意到官方主題目錄提供的信息缺乏,」他說。 「我想就此展開討論以解決它,因此將其創建為一個概念/實驗。 現在是新一代WP主題(Block Themes)的時代,主題目錄需要重新構想。 塊主題都是關於顏色、排版、塊樣式、圖案和模板。 作為 WP 用戶,我希望在瀏覽目錄中的主題時查看與主題相關的所有信息。 我需要在不安裝和測試多個主題的情況下進行選擇。」

這個重新構想的目錄中的單個主題頁面包含比官方目錄更多的數據。 每個頁面不僅僅是屏幕截圖和描述,而是顯示主題的調色板,提供排版示例和信息,並預覽多個內容塊。

Gutenberg-hub-launches-a-block-based-wordpress-theme-directory-1 Gutenberg Hub 推出基於塊的 WordPress 主題目錄辛烷值 主題頁面。

使現代主題獨一無二的一件事是它們包含的 theme.json 文件。 該文件允許主題作者註冊設置並添加在編輯器和前端都可以使用的樣式。 直到去年 WordPress 5.8 推出,這種標準化水平才存在。

它還允許像 Kamal 這樣的開發人員在其上構建新工具。 當幾乎所有與主題相關的數據都採用標準格式時,很容易將其提取出來並進行試驗。

例如,由於theme.json 文件中有一個特定的顏色鍵,任何人都可以通過代碼抓取和顯示它們。 古騰堡中心的目錄將這些顯示為每個主題旁邊的調色板。 用戶甚至可以單擊複製它們。

Gutenberg-hub-launches-a-block-based-wordpress-theme-directory-2 Gutenberg Hub 推出基於塊的 WordPress 主題目錄複製主題顏色。

這在過去幾乎是不可能的,因為 WordPress 沒有辦法讓主題定義像調色板這樣簡單的東西。

該目錄還會為每個主題自動生成社交圖像。 以下為 梅貝步行者 兩者都顯示了它們的描述、字體、顏色和屏幕截圖。

Gutenberg-hub-launches-a-block-based-wordpress-theme-directory-3 Gutenberg Hub 推出基於塊的 WordPress 主題目錄Gutenberg-hub-launches-a-block-based-wordpress-theme-directory-4 Gutenberg Hub 推出基於塊的 WordPress 主題目錄

多年來,WordPress.org 主題預覽一直受到低於標準的演示系統的困擾。 今天,如果主題提供,現場演示可以顯示入門內容。 但是,當前 FSE 不支持該功能。 古騰堡中心顯示與官方目錄中顯示的相同的實時預覽。

Kamal 通過添加「內容」按鈕部分解決了這個問題。 單擊它可以讓用戶看到數十個正在運行的塊。

Gutenberg-hub-launches-a-block-based-wordpress-theme-directory-5 Gutenberg Hub 推出基於塊的 WordPress 主題目錄托芙 主題內容預覽。

這提供了主題外觀的一般概述,但仍然缺乏預覽體驗。 一些特色圖片將為主頁/博客和存檔頁面增添一些視覺魅力。

Kamal 計劃在未來將主題模板和模式合併到預覽中。 這些添加將使主題演示更有用。

他不打算就此止步。 「其他計劃包括提供超級有用的搜索和過濾功能,可以更輕鬆地將結果裁剪為最接近用戶需求的結果,」他說。 「也許是一個比較工具,用戶可以使用它來並排比較兩個主題和實用元素,以在兩者之間做出決定,而不是評論、下載等。」

到目前為止,Kamal 所做的工作看起來很有希望。 如果我們在這背後有整個社區的努力,還有很多可以改進的地方。 隨著 WordPress 5.9 推出的塊主題功能,當有更多可能時,沒有理由堅持舊的主題預覽系統。

如果我對 Gutenberg Hub 或 WordPress.org 有一個額外的願望,那就是所有子主題都列在其父主題的頁面上。 但是,我將首先使用這個重新設計的目錄。

來源

相關文章