Alvaro

<p><a href="https://gutenberg-showcase.melonpan.io/block-navigation" rel="nofollow ugc">Demo</a> – <a href="https://melonpan.io/wordpress-plugins/block-navigation" rel="nofollow ugc">Documentation</a> – <a href="https://github.com/garciaalvaro/block-navigation" rel="nofollow ugc">GitHub</a></p>
<p>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.</p>
<h3>Features</h3>
<p>The features are especially useful for nested blocks – blocks that are inside parent blocks which are difficult to select or move in the editor.</p>
<p>Inside the panel several utilities are included to enhance the UX, such as:</p>
<ul>
<li>Dragging blocks to a different location</li>
<li>Moving blocks by click</li>
<li>Selecting blocks</li>
<li>Easily recognising the block from a small snippet of the block’s content</li>
</ul>
<p>The user can select a dark or light color scheme, from the multiple included.</p>
<h3>Plugin and Theme developers</h3>
<p>The plugin also provides some features for Plugin and Theme developers, such as:</p>
<ul>
<li>Click and Copy the block’s clientId</li>
<li>Click to console.log helpful data from the block</li>
</ul>
<h3>Usage</h3>
<p>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).<br />
Click the icon/button to open the plugin sidebar.</p>
<h3>Credits</h3>
<p>Images from the readme banner and screenshots belong to <a href="https://unsplash.com/@charlpost" rel="nofollow ugc">Charles Postiaux</a>.</p>


Block Navigation

Great plugin


A great little plugin that improves greatly block navigation and, super important, blocks movement. Put a block into another block precisely is so important.


So handy

Block Navigation sidebar panel for the new Block editor.

Block Navigation vs Elementor Website Builder – more than just a page builder