All Projects → garciaalvaro → block-navigation

garciaalvaro / block-navigation

Licence: GPL-3.0 license
Sidebar with the current post blocks and some tools to facilitate the editing process in the Gutenberg editor.

Programming Languages

typescript
32286 projects
stylus
462 projects
javascript
184084 projects - #8 most used programming language
PHP
23972 projects - #3 most used programming language

Projects that are alternatives of or similar to block-navigation

chatterbox
Create chat threads using WordPress Blocks inside app and device wrappers.
Stars: ✭ 18 (+12.5%)
Mutual labels:  wordpress-plugin, gutenberg
qubely
Qubely Blocks – Full-fledged Gutenberg Toolkit
Stars: ✭ 76 (+375%)
Mutual labels:  wordpress-plugin, gutenberg
wp-block-description-list
A wordpress gutenberg block plugin for description lists.
Stars: ✭ 17 (+6.25%)
Mutual labels:  wordpress-plugin, gutenberg
ultimate-addons-for-gutenberg
Power-up the Gutenberg editor with advanced and powerful blocks that help you build websites in minutes!
Stars: ✭ 166 (+937.5%)
Mutual labels:  wordpress-plugin, gutenberg
icon-block
A simple little WordPress block that allows you add an SVG icon or graphic to your website.
Stars: ✭ 24 (+50%)
Mutual labels:  wordpress-plugin, gutenberg
Gutenberg
The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
Stars: ✭ 7,409 (+46206.25%)
Mutual labels:  wordpress-plugin, gutenberg
averroes
A Gutenberg compatible markdown editor. Write in Markdown, edit in Markdown and preview in HTML.
Stars: ✭ 15 (-6.25%)
Mutual labels:  wordpress-plugin, gutenberg
graphql-gutenblock-example
Example Gutenberg Block using WPGraphQL to populate the data
Stars: ✭ 17 (+6.25%)
Mutual labels:  wordpress-plugin, gutenberg
gutenberg-i18n-block
Gutenberg block to demo internationalization functionality.
Stars: ✭ 35 (+118.75%)
Mutual labels:  wordpress-plugin, gutenberg
Create Guten Block
📦 A zero-configuration #0CJS developer toolkit for building WordPress Gutenberg block plugins.
Stars: ✭ 3,040 (+18900%)
Mutual labels:  wordpress-plugin, gutenberg
disable-drop-cap
Plugin to disable drop cap in Gutenberg editor paragraph block.
Stars: ✭ 11 (-31.25%)
Mutual labels:  wordpress-plugin, gutenberg
acf-typography
A Typography Add-on for the Advanced Custom Fields Plugin
Stars: ✭ 14 (-12.5%)
Mutual labels:  wordpress-plugin
gumponents
Essential Gutenberg components for WordPress.
Stars: ✭ 29 (+81.25%)
Mutual labels:  gutenberg
better-wordpress-hooks
packagist.org/packages/calvinalkan/better-wordpress-hooks
Stars: ✭ 58 (+262.5%)
Mutual labels:  wordpress-plugin
wp2moodle--wordpress-
Wordpress to Moodle pass through authentication plugin (wordpress end)
Stars: ✭ 27 (+68.75%)
Mutual labels:  wordpress-plugin
tei2html
XSLT stylesheets to convert TEI to HTML and ePub format.
Stars: ✭ 29 (+81.25%)
Mutual labels:  gutenberg
bbresolutions
A bbPress plugin to set your forum's topic resolutions.
Stars: ✭ 13 (-18.75%)
Mutual labels:  wordpress-plugin
wp-showhide
Allows you to embed content within your blog post via WordPress ShortCode API and toggling the visibility of the cotent via a link.
Stars: ✭ 21 (+31.25%)
Mutual labels:  wordpress-plugin
multi-step-form
A free WordPress plugin for dynamic multi-step forms.
Stars: ✭ 32 (+100%)
Mutual labels:  wordpress-plugin
noptin
Noptin is the best email newsletter plugin for WordPress.
Stars: ✭ 13 (-18.75%)
Mutual labels:  gutenberg

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].