Gutenberg 8.3 更新區塊分類,新增父塊選擇器和新的設計控件

Gutenberg 8.3 已發布,盡管團隊的大部分精力都放在了即將進行的全站點編輯上,但是此更新包括一些面向用戶的功能,例如重組的區塊分類,父塊選擇器,間距控件和鏈接顏色選項

較小的一項增強功能包括按作者篩選“最新文章”塊的功能。標題的級別控制也已更改。現在,級別選擇器位于編輯器工具欄中,而無需在塊選項側欄中選擇級別。

Gutenberg 8.2中,按一下Enter標題欄內的圖像塊會創建一個新段落。在8.3中,該功能已擴展到所有帶有標題的塊。

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

新區塊分類

古騰堡(Gutenberg)團隊重命名并重組了區塊分類。新列表似乎更有意義,并且可以更好地合并為適當的組:

  • 文本
  • 媒體
  • 設計
  • 小工具
  • 嵌入

父塊選擇器

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

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

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

內間距控制

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

鏈接顏色

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

這是用戶控制的鏈接顏色的出現。要添加對自定義鏈接顏色的支持,主題作者必須通過選擇加入該功能add_theme_support( 'experimental-link-color' )。這將為“段落”、“標題”、“群組”、“欄目”以及“媒體和文本”塊添加一個新的顏色選擇器。

僅添加上面的函數還不能正常使用這個功能,為了使主題作者添加對鏈接顏色的支持,他們還應該定義其默認鏈接,如以下CSS代碼片段所示:

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

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

更多更新信息請看官方日志:https://make.wordpress.org/core/2020/06/11/whats-new-in-gutenberg-11-june/

聲明:本站所有文章,如無特殊說明或標注,均為本站原創發布。任何個人或組織,在未征得本站同意時,禁止復制、盜用、采集、發布本站內容到任何網站、書籍等各類媒體平臺。如若本站內容侵犯了原著者的合法權益,可聯系我們進行處理。
歡迎關注我們的微信公眾號:WPDAXUE

倡萌

一個文科IT宅男,喜歡折騰WordPress和被它折騰 ^_^

暫無評論

發表評論