WPThumbs
Themes Plugins By purpose By industry Best-of lists Fix it guides
Free Plugin by Alvaro v4.1.1

Block Navigation

Block Navigation sidebar panel for the new Block editor.

Block Navigation

The facts

Rating
5★ from 33
Active installs
3k+
Price
Free
Last updated
19 May 2022
Added
Nov 2018
Requires WP
5.8
Tested up to
WP 6.0.14
Requires PHP
7.1
Downloads
62,496

Our analysis

AI-assisted

Block Navigation is a WordPress plugin designed to assist users in editing content within the Gutenberg editor. It provides a sidebar that displays the blocks of the current post or page, along with tools to enhance the editing experience, particularly for nested blocks that can be challenging to manage.

The plugin allows you to drag and move blocks easily, select them with a click, and view snippets of their content for better identification. It also offers a choice between dark and light colour schemes. Additionally, it includes features for plugin and theme developers, such as copying block client IDs and logging data to the console.

Best for: This plugin is suitable for users working with the Gutenberg editor who need better control over block management.

What it does well

  • Facilitates editing of nested blocks
  • Allows dragging and moving blocks
  • Includes light and dark colour schemes
  • Offers utilities for developers

Where it falls short

  • Limited information on additional features
  • No recent updates since May 2022

Verdict

Block Navigation provides useful tools for managing blocks in the Gutenberg editor, especially for those dealing with complex layouts. However, the lack of recent updates may be a consideration for potential users.

From the developer

Alvaro's own description of Block Navigation, lightly tidied.

DemoDocumentationGitHub

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.

Read the full description on the official page →

Tagged as