Block Navigation vs Melonpan Block – Container

Demo – Documentation – GitHub 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.

Demo – Documentation – GitHub Block that provides a container, with styling features, which can have other blocks nested. Features The block comes with the following settings: Background image, fixed, color & opacity Content align, max-width, text color Border width, color & opacity Shadow width, color & opacity Padding top, bottom, left, right, responsive paddings Plugin developers The plugin comes with a filter to register your own block based on this one. Check the documentation to see how to use it. Usage The block can be found inside the blocks inserter menu under the Melonpan Blocks category. Once added in the post you can edit its settings and add blocks inside (you may even add a container). Credits Screenshot background image belongs to Charles Postiaux.