Skip to content

Sidebar with the current post blocks and some tools to facilitate the editing process in the Gutenberg editor.

License

Notifications You must be signed in to change notification settings

garciaalvaro/block-navigation

Repository files navigation

Banner Image

Block Navigation

Demo - Documentation - WordPress


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

Screenshots

Main view, dark scheme

Dragging a block to a different position

Block menu

List of available color schemes, light and dark