Gutenberg 11.1新增了對列表檢視拖拽支援和升級區塊邊框

古騰堡外掛繼續保持更新升級。WordPress 5.8釋出僅一天後即釋出了一個新的版本,帶來了幾項新功能和一堆錯誤修復。其中最為重要的是列表檢視中的拖放支援和區塊邊界急需的升級。

主題作者應該喜歡在移動裝置上控制Columns區塊的堆疊以及導航選單的一些更新設計控制元件的能力。雖然標記為“增強”,但主題作者還應該檢查他們的設計是否對RSS區塊的更新樣式進行了重大更改。

在列表檢視中拖放區塊

drag-drop-list-view-1

在列表檢視中拖動區塊

或者大部分人一直在等待的這一刻終於到來了。編輯器的列表檢視已成為管理具有許多區塊的長文件的強大工具。在過去的十幾個版本中,開發團隊繼續在必要的功能之後新增必要的功能。

在11.1版中,使用者可以從列表檢視中拖放區塊來排序和組織內容。然而,使用者不僅限於在列表檢視本身內移動事物。他們可以將列表中的區塊拖到內容畫布中,反之亦然。

邊框支援

group-block-border-support-3

向Group區塊新增虛線邊框

新的邊框選項比之前的有趣多了。比如建立優惠券程式碼區塊,增加一個虛線邊框是不是更合適一些呢。Group區塊現在有了邊框支援,perfect。

Gutenberg 11.1改進了邊框選項的使用者體驗。開發團隊收緊了UI並將設定放入邏輯分組中。

只有以下核心區塊具有部分或完整的邊框支援:

  • 按鈕
  • 分組
  • 影象
  • 搜尋
  • 表格

使用者還可以在此更新中使用border-radius選項定義各個角。希望在未來看到對頂部、右側、底部和左側邊框的相同處理,當然雙邊框樣式也是個不錯的發展方向。

列區塊:移動裝置上的堆疊

columns-no-stack-3

將文章後設資料新增到一組未堆疊的列中

預設情況下,單個列區塊將在移動檢視中彼此堆疊。但是,使用者現在可以根據具體情況通過父子列區塊禁用此功能。這也是區塊主題中缺少更多佈局控制的部分之一。

不會在移動裝置上中斷的列區塊的主要用例之一是釋出應該內聯的後設資料部分。例如,主題作者通常希望在文章標題下方的一行中對齊文章作者、日期和評論連結。

這個撥動開關讓我們朝著那個方向前進。然而,它是一種權宜之計,不能為主題設計者提供他們習慣於使用CSS的靈活性(這通常不是一件複雜的事情)。

在區塊主題和站點編輯器進入核心WordPress之前,主題開發人員需要對列區塊進行微調的響應控制,也許還需要一些型別的行/內聯/彈性塊來配合它。

需要根據是否禁用移動堆疊來定位列區塊的主題作者可以使用.is-not-stacked-on-mobile該類。

釋出條款和標籤雲

tag-cloud-2

控制標籤輸出的數量

開發團隊終於將這個討厭的事情從眾多開發者清單上劃掉了。在外掛的過去版本中,預設情況下,文章術語區塊(文章標籤和文章類別的變體)在各個專案之間顯示了 (|)分隔符,現在以逗號+空格代替

主題作者可以在他們的區塊模板中更改此設定,使用者可以從編輯器中對其進行自定義。該設定位於塊選項側欄中的“高階”選項卡下。

標籤雲區塊得到了一個小但急需的升級。使用者現在可以設定要顯示的標籤數量的限制。預設情況下,它設定為顯示 45 個標籤。

導航子選單顏色

nav-menu-overlay-colors-3

古騰堡開發團隊為導航區塊新增了兩個新的顏色選項。除了現有的文字和背景顏色外,使用者現在還可以更改子選單項的文字和背景顏色。

導航區塊雖然有所改進,但似乎仍然是站點編輯難題中最棘手的部分之一。它正試圖成為各行各業的傑作,掌握很少(如果有的話)解決方案。而且,其中一個Ticket已經獲得支援,允許使用者將更廣泛的內部區塊塞入其中。

但是,我們有子選單文字和背景顏色,這是一個勝利。只是,它們被命名為“疊加文字”和“疊加背景”。我不確定它是否可以作為移動響應選單的一部分。古騰堡似乎再次未能捆綁其前端導航JavaScript。

評論留言