Block Navigation

By Alvaro

Visit the website

Block Navigation sidebar panel for the new Block editor.

Rating summary

Reviews

Active installations

Download the Plugin View Demo

Overview

Compatibility

Installation instructions

Customer support & learning resources

Changelog

Main benefits

Sidebar for block navigation

Drag and move blocks

Select blocks easily

Dark or light scheme

Developer-friendly features

About this plugin

Author: Alvaro

Categories: Utilities

Version: 4.1.1

Last updated: 19-05-2022

WordPress version: 5.8

Tested up to: 6.0.9

PHP version required: 7.1

Languages: Español, Español de Colombia [+4]

Tags:

Navigation Gutenberg Drag-and-drop Editor Blocks

Learning resources: View resources

Overview

The "Block Navigation" plugin enhances the editing experience in WordPress's Gutenberg editor by providing a sidebar with tools tailored to managing blocks within posts or pages. Particularly useful for nested blocks, the plugin allows users to easily drag, move, and select blocks, and recognize them by snippets of content. Additionally, it offers a customizable user interface with light and dark color schemes. For developers, it includes features like copying a block’s clientId and logging helpful data to the console. Accessible via an icon on the top Block’s Toolbar, this plugin significantly streamlines block navigation and manipulation for both content creators and developers.

Enhanced Block Navigation

Provides a sidebar with the current post/page’s blocks
Facilitates the editing process in the Gutenberg editor

Improved UX for Nested Blocks

Especially useful for nested blocks which are difficult to select or move
Includes utilities like dragging blocks, moving blocks by click, and selecting blocks

Customizable Color Schemes

Users can select a dark or light color scheme
Multiple color schemes are included

Developer Tools

Click and Copy the block’s clientId
Click to console.log helpful data from the block

Features list

Feature

Free version

Premium version

Typography Options & Controls

Customize font styles and text appearance.

Block Background

Set background colors or images for blocks.

Size & Spacing

Adjust dimensions and spacing between elements.

Borders & Shadows Options

Add and customize borders and shadows.

Alignment Option

Align elements horizontally or vertically.

Dynamic Content

Insert content that updates automatically.

Transform & Transition Effects

Apply transformations and smooth transitions.

Motion Effects

Add animations and motion to elements.

Pricing

Free Plan

$0 / one-time

Plan includes

Typography Options & Controls

Block Background

Size & Spacing

Borders & Shadows Options

Alignment Option

Dynamic Content

Transform & Transition Effects

Motion Effects

Buy Now

Premium Plan

$99 / one-time

Plan includes

Typography Options & Controls

Block Background

Size & Spacing

Borders & Shadows Options

Alignment Option

Dynamic Content

Transform & Transition Effects

Motion Effects

Buy Now

In some cases companies have different prices based on various components like a location. As a result the prices displayed here can differ from the ones you see on their websites.

See all pricing options

Rating and reviews

Rating summary

Reviews

Active installations

User sentiment analysis

Users appreciate this WordPress plugin for significantly improving block navigation and movement within the Gutenberg editor, which they find cumbersome without it. It provides a clear, tree-view overview of block structures, making it easier to manage complex layouts and avoid mistakes. Many users laud it as an essential tool that should be part of the core WordPress features. The plugin boosts productivity and simplifies editing workflows. However, some users wish for additional features, such as the ability to rename elements, float the panel, collapse/expand options, and move multiple blocks at once. Despite these minor drawbacks, the plugin receives high praise for its functionality and ease of use.

Izandi

15 Jan, 2023

Thank you very much for the plugin. Default list view makes me crazy especially the “Move to”. I wonder why this is not built-in.

Li-An

16 Dec, 2022

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

Stempelschneider

15 Feb, 2022

This is one of the best Gutenberg Builder Add-ons I’ve seen so far. Great tool that compensates the lack of an block overview feature in the Gutenberg Builder itself. Hope this will become part of Gutenberg sooner or later.

stevenorlosky

08 Dec, 2021

I learned about this from the Kadence WP tutorial on YouTube. They need to make a Pro version of this plugin so I can buy it! I absolutely love it, and it’s smooth. I just downloaded it and it works amazingly so far. So glad you made this plugin, and I can’t believe it’s free! Gutenburg needed something like this badly! Thanks!

andrewei94

07 Oct, 2021

Coming from Elementor I think that a navigator is a really helpful feature for a pagebuilder. Per default Gutenberg unfortunately does not provide such feature. This is where this plugin comes in very handy.

Block Navigation

Overview

Compatibility

Installation instructions

Customer support & learning resources

Changelog

Main benefits

About this plugin

Overview

Enhanced Block Navigation

Improved UX for Nested Blocks

Customizable Color Schemes

Developer Tools

Features list

Pricing

Plan includes

Plan includes

Rating and reviews

User sentiment analysis

More plugins like this

WordPress.com Editing Toolkit

Disable Gutenberg Blocks – Block Manager

Custom Fields for Gutenberg

Emoji Autocomplete Gutenberg

FAQ

I do not see the plugin icon in the post editor

How can I move blocks using the plugin?

Can I select blocks easily with this plugin?

Is there a dark mode available?

What features are available for Plugin and Theme developers?

How do I open the plugin sidebar?

What should I do if the plugin icon does not appear?

Who created the images used in the plugin's readme banner and screenshots?