Gutenberg 8.3更新模塊類別,包括父模塊選擇器,並添加新的設計控制項

昨天,古騰堡團隊 發行版本8.3 塊編輯器後面正在進行的插件的顯示。儘管團隊的大部分精力都放在了即將進行的全站點編輯上,但此更新包括一些面向用戶的功能,例如重組的塊類別集,父塊選擇器,間距控制項和鏈接顏色選項。

一個較小的增強功能包括 按作者過濾最新帖子塊。標題欄的電平控制項也已更改。現在,無需在塊選項側欄中選擇級別,而是使用級別選擇器 位於編輯器工具欄中

在Gutenberg 8.2中,單擊標題欄內的圖像塊可創建一個新段落。在8.3版中,該功能已 擴展到帶字幕的所有圖塊

團隊在最新版本中糾正了20多個錯誤修復。總體而言,一天使用後,新的插件更新似乎很穩定。但是,一些實驗性的附加功能(例如新的填充控制項)可能值得關注。主題作者需要開始對此進行測試,提供反饋,並確保開發朝著正確的方向發展。

新街區類別gutenberg-8-3-更新塊類別,包括父塊選擇器,並添加新的設計控制項。Gutenberg 8.3更新了塊類別,包括了父塊選擇器,並添加了新的設計控制項。塊插入器中的新「設計」類別。

古騰堡團隊有 重命名並重組了塊類別。新列表似乎更有意義,並且可以更好地合併為適當的組:

  • 文本
  • 媒體
  • 設計
  • 小部件
  • 嵌入

雖然我是新類別名稱的粉絲,但是我發現這些類別在目前沒有任何實際用途。自從古騰堡(Gutenberg)將選項卡式界面放在塊插入器中以來,就感覺就像是一堵大塊牆。當我滾動,滾動並滾動瀏覽可用塊列表以查找所需的特定塊時,我的眼睛自然會跳過類別名稱。我幾乎總是使用鍵盤斜杠命令來插入塊。在我不喜歡的情況下,這不是理想的用戶體驗,新類別並沒有太大幫助。

選擇父塊gutenberg-8-3-更新塊類別,包括父塊選擇器,並添加新設計控制項1 Gutenberg 8.3更新塊類別,包括父塊選擇器,並添加新設計控制項將滑鼠懸停在工具欄上以找到父塊選擇器。

古騰堡(Gutenberg)最令人沮喪的經歷之一是嘗試在嵌套塊方案中選擇父塊。用戶常常會覺得自己在隨意單擊,希望他們到達那個甜蜜點,在那裡他們可以實際導航到需要編輯的塊。在最佳時刻,這是一種挫敗感。

古騰堡(Gutenberg)團隊朝著減輕這一痛苦邁出了一步-僅一步之遙。將滑鼠懸停在編輯器工具欄中的「更改塊類型或樣式」按鈕上時,將出現一個新按鈕, 選擇父塊

我不確定這是否是解決問題的正確方法。我希望看到一些實驗,其中的某些箭頭按鈕沒有懸停地顯示。目前,我對團隊正在嘗試解決此問題感到滿意,並希望將來的迭代能夠改善嵌套塊中的導航。

啟用頂部工具欄模式後,此功能似乎不起作用。對於使用此模式的用戶,選擇父塊的最佳方法是通過編輯器底部的麵包屑導航。

實驗間距/填充控制gutenberg-8-3-更新塊類別,包括父塊選擇器,並添加新設計控制項2古騰堡8.3更新塊類別,包括父塊選擇器,並添加新設計控制項將自定義填充添加到Cover塊。

主題作者現在可以添加對 實驗填充控制 通過add_theme_support(’experimental-custom-spacing’)。如果受支持,則最終用戶將在Cover塊的塊選項側欄下看到一個新的Spacing選項卡,將來該標記將可用於其他塊。默認情況下,用戶可以使用單個值控制塊的所有四個邊的填充。他們還可以「取消鏈接」填充並分別控制頂部,底部,左側和右側的值。

大概,古騰堡(Gutenberg)團隊將擴展此間距功能,以包括邊距控制。這將是自然而然的舉動,我希望這會導致過去幾年用戶不得不忍受的Spacer塊的死亡。

但是,我並沒有允許最終用戶使用顯式值控制填充。隨意更改填充值將破壞許多主題作者花時間精心計算的垂直節奏。使用像素值(默認值)時,用戶肯定會遇到平板電腦和移動屏幕尺寸的問題。本質上,它將產生完全的間距混亂。

我不反對這個主意。我希望它在WordPress登陸之前就完成。主題作者應該能夠註冊通過樣式表處理的命名類。這可以追溯到WordPress具有 設計框架。創建一組用於間隔的實用程序類(哦,你好, 尾風)。讓主題作者根據其設計定義間距。讓用戶從中選擇。然後,為用戶希望自己處理事務的時間提供自定義選項。在這一點上,他們做出了明確的決定,以脫離主題作者選擇的設計流程。

鏈接顏色gutenberg-8-3-更新塊類別,包括父塊選擇器,並添加新的設計控制項。Gutenberg 8.3更新了塊類別,包括了父塊選擇器,並添加了新的設計控制項。選擇自定義鏈接顏色。

主題編輯者在設計塊編輯器的樣式時要面對的難題之一是,當用戶更改塊的背景顏色時,該如何處理鏈接顏色。在這種情況下,用戶早已可以控制文本顏色。但是,鏈接顏色可能很快變得無法訪問,或者變得非常難看。有遠見的主題作者將為這些鏈接顏色設置樣式,以便他們繼承文本的顏色,但這並不總是理想的解決方案。

那邊 用戶控制的鏈接顏色 要添加對自定義鏈接顏色的支持,主題作者必須通過add_theme_support(’experimental-link-color’)選擇加入該功能。這將為「段落」,「標題」,「組」,「列」以及「媒體和文本」塊添加一個新的顏色選擇器。

無法使此功能與主題支持功能調用一起使用,我不得不深入研究代碼以查找問題。為了使主題作者添加對鏈接顏色的支持,他們還應該定義其默認鏈接,如以下CSS代碼片段所示:

{{color:var(–wp–style–color–link,#000);
}

WordPress將自動設置–wp-style-color-link變數。為了進一步明確,主題作者還可以定位.has-link-color a。

像這樣:

喜歡載入中…

資源

相關文章