Block Navigation
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.
Top keywords
- blocks7×3.74%
- block6×3.21%
- click4×2.14%
- editor3×1.60%
- inside3×1.60%
- button2×1.07%
- developers2×1.07%
- icon2×1.07%
- icon button2×1.07%
- included2×1.07%
- post2×1.07%
- provides2×1.07%
DragBlock – WordPress Site & Page Builder with Advanced Blocks
The “DragBlock” plugin enhances the WordPress Full Site Gutenberg Editor to support designing pixel perfect websites easily. YOU CAN: Add Appearance Styles: to design perfect websites. You can also select devices for the styles to create responsive designs. Add Tag Attributes: like title, alt, placeholder… to improve both search engine optimization (SEO) and Core Web Vital Score. Build Forms: such as contact forms or any kind of forms. ContactForm7 and all other heavy form plugins are no longer needed Query Database: to load posts and other dynamic contents to your design. Define Interactions: like onClick, onMouseEnter onMouseLeave between blocks. Quick Styling: via the block toolbars. Pick Google Fonts: through the font library. You can also upload your custom font to the library. Define multilingual texts: to support many languages without creating separate pages and designs CREDITS AND CONTRIBUTION The icon feature is an improvision of The Icon Block of Nick Diego. Thank you very much, Nick! If you want to contribute to my plugin, check it at DragBlock GitHub DESIGN PHILOSOPHY Our philosophy is “block oriented designing” (BOD) which means attaching everything related to a block to itself. By doing that, we can manage things related to an individual block easily and when removing a block, everything that is plugged into it, including server side scripts, client scripts, css and text definitions, will be completely removed as well. This will give a huge impact on improving the performance of websites and also saving the time for developers to not find and clean codes manually like before. Moreover, we also want to get rid of the era when we treat users like babies by providing them inputs for everything. In the DragBlock, we provide users with dictionaries so they can grasp their layout properties completely without being smashed by a flood of many different kinds of inputs. In summary, DragBlock empowers users to create professional-looking websites like an expert designer effortlessly with a fresh feeling of managing blocks with simplicity. Everything can be done within the Gutenberg editor, ushering in a new era of Full Site Editing with the DragBlock plugin.
Top keywords
- block6×1.71%
- dragblock5×1.43%
- everything4×1.14%
- websites
