Gutenberg 12.2 專註於用戶體驗改進

一些古騰堡插件版本感覺像是具有面向用戶的新功能的重量級人物。 其他的,比如 今天的12.2版本更新, 解決問題並創造更全面的體驗。

站點編輯器和模板之間的切換更加順暢。 顏色選擇器不再是一團糟。 而且,現在邊境管制 使用工具面板 允許用戶啟用或禁用他們想要的選項的方法。

貢獻者在更新評論查詢循環塊方面取得了進展,這最終將成為在塊主題中顯示評論的支柱。 最高的障礙之一是 使嵌套評論工作. 現在解決了這個問題,繼續使用其他與評論相關的組件應該不會有什麼問題。 最新版本還引入了 注釋分頁號塊 用於處理分頁評論列表。

無需重新載入頁面即可查看模板 Gutenberg-12-2-focuses-on-user-experience-improvements Gutenberg 12.2 專註於用戶體驗改進站點編輯器中的模板視圖。

什麼時候 古騰堡 12.1 兩周前推出,我很高興看到站點編輯器中用於查看模板的新的且經過大幅改進的滑出式面板。 我的主要抱怨:它很慢。 在編輯器和模板視圖之間切換需要重新載入頁面。

在最新的 12.2 版本中,這一切都改變了。 謝謝 站點編輯器中的客戶端路由,編輯器和模板之間的過渡感覺快速而流暢。

像這樣的變化是我歡迎將 WordPress 5.9 推遲到 1 月下旬的原因之一。 在向全世界展示站點編輯器之前,其中一些小皺紋需要熨燙。

改進的顏色選擇器 Gutenberg-12-2-focuses-on-user-experience-improvements-1 Gutenberg 12.2 專註於用戶體驗改進顏色選擇器彈出窗口。

古騰堡 12.2 引入了一個 大大改進的顏色選擇器. 之前的迭代很笨重,笨重到令人煩惱的地步。 用戶必須滾動、滾動和滾動更多,才能在更改塊的文本顏色和鏈接顏色之間跳轉。 如果主題同時顯示其顏色和核心顏色,則尤其如此。

最新版本將 UI 收緊到用戶可以同時看到文本、背景和鏈接顏色選項的程度。 如果他們想自定義其中任何一個,他們可以單擊一個以拉出顏色選擇器彈出窗口。

也許這一變化將為未來其他顏色選項打開大門,例如用於鏈接懸停/焦點的顏色選項。 在舊的用戶界面中它會太混亂。 然而,新的簡約設計留下了充足的空間。

我很想看到邊框顏色控制項得到相同的處理。 然而,有一個 單獨的票 提供更精細的控制。

字體大小 UI 更改 Gutenberg-12-2-focuses-on-user-experience-improvements-2 Gutenberg 12.2 專註於用戶體驗改進編號樣式字體大小選擇器。

支持塊的字體大小控制看起來大不相同。 它顯示了一個 編號按鈕列表 對於具有五個或更少自定義尺寸的主題。 選擇一個時會出現字體大小名稱。 否則,它只是一個沒有上下文的數字列表。

我普遍喜歡更新塊選項 UI 的進展。 但是,我不喜歡這種變化。 作為用戶,這些數字究竟意味著什麼? 「1」號是小號還是中號? 沒有測試就沒有辦法知道。 另外,上下文會隨著主題的不同而變化。 在標準化命名方案的支持下,像這樣的 UI 更改可能沒問題。 但是,在使用三年後,這將很難實施。

通常,單擊單個按鈕的體驗比單擊下拉菜單更好,然後再次單擊進行選擇。 我只是不確定它在這裡是否有效。 但是,我願意看到它在進一步迭代中的發展方向。

也沒有可見的方法來清除當前選擇並返回到默認大小。 如果主題支持自定義尺寸,用戶可以切換到「自定義」欄位並清除它。 除非您偶然發現,否則這並不明顯。 用戶也可以點擊「全部重置」按鈕,但這樣做會重置所有排版選項。

避免此 UI 更改的最簡單方法是讓主題作者註冊至少六種自定義字體大小。 該選項將自動恢復到其以前的下拉選擇欄位。 幸運的是,我主要研究的主題中有 13 個,所以這對我來說不是問題。

塊模板零件掛鉤

主題和插件開發人員現在擁有 額外的動作掛鉤 圍繞塊模板零件系統。 這些對於調試或其他複雜用例應該很方便。

  • render_block_core_template_part_post 在從資料庫中找到零件時觸發。
  • 當部分來自主題文件時,render_block_core_template_part_file 會觸發。
  • render_block_core_template_part_none 在沒有找到部件時觸發。

來源

相關文章