Vertical Sidebar Menu Block

Skildring

Vertical Sidebar Menu Block is a powerful Gutenberg block plugin that allows you to create customizable vertical menus with ease. Perfect for sidebars, navigation panels, or widget areas, this block is designed to enhance your website’s user experience while maintaining full compatibility with the WordPress block editor.

Collapsible sidebar menus are an excellent way to improve your site’s user experience by allowing visitors to navigate long menus in a compact, organized manner. By hiding or revealing submenu items as needed, a collapsible design saves valuable screen space, keeps navigation clean, and ensures your content remains the primary focus. This is especially useful for websites with complex or multi-level navigation structures.

Quick Links

👉 Upgrade to Pro: Explore all Features of Vertical Sidebar Menu Block
👉 Live Demo: Try Vertical Sidebar Menu Block Demo
👉 Support: Support
👉 Source Code: GitHub Repository

Key Features

• Choose Any Navigation Menu: Select and display any WordPress navigation menu.
• Menu Depth Control: Set the number of menu levels to display.
• Accordion-Like Menu: Submenus expand and collapse seamlessly for a cleaner layout.
• Expand Current Menu Item: Automatically expand the menu to show the current item for better navigation clarity.
• Save Expanded Menu State: Preserve the expanded state of menu items on page reload for a consistent user experience.
• Parent and Child Typography Settings: Customize fonts, sizes, and styles separately for parent and child menu items.
• Customizable Colors, Backgrounds, and Spacing: Adjust individual settings for parent, child, and current menu items to match your theme.
• Dedicated Support: Get expert help whenever you need it.
• Compatible With Any Theme: Works flawlessly with any WordPress theme, making it versatile for all websites.

Source Code and Development

This plugin uses wp-scripts which comes with modern build tools like Webpack and npm to generate production-ready files. The uncompressed source code is included in the plugin’s src/ directory for transparency and review. Developers can access the source code directly or contribute via the GitHub repository.

To build the plugin from source:

1. Install Node.js and npm.
2. Run npm install to install dependencies.
3. Use npm run build to compile the assets.

For more details, see the documentation in the WordPress developer resources:
WordPress Developer Resources – Get started with wp-scripts

For details, see the documentation in the GitHub repository:
GitHub – Vertical Sidebar Menu Block

Credits

This plugin includes a modified version of the Navgoco jQuery plugin by Tefra, which is licensed under the BSD-3-Clause License. Original library copyright © Tefra. The modified version complies with the BSD-3-Clause License.