內容簡介
示範 – 文件 – GitHub
區塊導覽提供一個側邊欄，顯示目前文章/頁面的區塊和一些工具，以便在新的 Gutenberg 編輯器中簡化編輯流程。
功能
該功能特別適用於巢狀區塊 – 在父區塊內的區塊很難被選擇或移動的區塊。
在側邊欄中嵌入了數種功能、以增強 UX，例如：
將區塊拖到不同的位置
透過點擊移動區塊
選擇區塊
通過小片段的區塊內容輕鬆識別區塊
用戶可以從多個可用選擇中選擇深色或亮色調色方案。
外掛和佈景主題開發人員
該外掛還提供了一些外掛和佈景主題開發人員的功能，例如：
點擊複製區塊的clientId
點擊以在console中輸出有用的區塊數據
使用方法
在文章編輯器中，位於頂部區塊工具欄右側應出現外掛圖標/按鈕（如果未出現，請參閱下面的常見問題解答）。
點擊圖標/按鈕以開啟外掛側邊欄。
感謝
巨幅橫幅和截圖的圖像歸Charles Postiaux所有。
外掛標籤
開發者團隊
📦 歷史版本下載
原文外掛簡介
Demo – Documentation – GitHub
Block Navigation provides a sidebar with the current post/page’s blocks and some tools to facilitate the editing process in the new Gutenberg editor.
Features
The features are especially useful for nested blocks – blocks that are inside parent blocks which are difficult to select or move in the editor.
Inside the panel several utilities are included to enhance the UX, such as:
Dragging blocks to a different location
Moving blocks by click
Selecting blocks
Easily recognising the block from a small snippet of the block’s content
The user can select a dark or light color scheme, from the multiple included.
Plugin and Theme developers
The plugin also provides some features for Plugin and Theme developers, such as:
Click and Copy the block’s clientId
Click to console.log helpful data from the block
Usage
Inside the Post editor on the right side of the top Block’s Toolbar the plugin icon/button should appear (if not, please read the FAQ below).
Click the icon/button to open the plugin sidebar.
Credits
Images from the readme banner and screenshots belong to Charles Postiaux.
