{"id":417839,"date":"2025-01-11T08:00:00","date_gmt":"2025-01-11T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/vertical-sidebar-menu-block\/"},"modified":"2025-10-24T05:18:00","modified_gmt":"2025-10-24T05:18:00","slug":"vertical-sidebar-menu-block","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/vertical-sidebar-menu-block\/","title":{"rendered":"Vertical Sidebar Accordion Menu Block"},"content":{"rendered":"<p>Vertical Sidebar Accordion Menu Block is a powerful and flexible Gutenberg block plugin that lets you create fully customizable vertical accordion menus for your WordPress site. It\u2019s ideal for sidebars, navigation panels, and widget areas \u2014 helping you organize your content beautifully while keeping navigation compact and user-friendly.<\/p>\n<p>Collapsible sidebar menus improve site usability by allowing visitors to expand and collapse submenus as needed. This saves valuable screen space, keeps your layout clean, and enhances readability, especially on mobile devices.<\/p>\n<p>Designed with performance and flexibility in mind, this block works seamlessly with the native WordPress block editor and supports any modern theme. Whether you\u2019re building a blog, portfolio, or eCommerce site, this plugin helps you deliver a professional, accessible, and responsive navigation experience.<\/p>\n<h3>Quick Links<\/h3>\n<p>\ud83d\udc49 Upgrade to Pro: <a href=\"https:\/\/wpbean.com\/downloads\/vertical-sidebar-menu-block-pro\/?utm_content=Vertical+Sidebar+Menu+Block&utm_campaign=repository&utm_medium=desc-link&utm_source=WordPress\" rel=\"nofollow ugc\">Explore all Features of Vertical Sidebar Menu Block<\/a><br \/>\n\ud83d\udc49 Live Demo: <a href=\"https:\/\/blocks.wpbean.com\/vertical-sidebar-menu-block\/\" rel=\"nofollow ugc\">Try Vertical Sidebar Menu Block Demo<\/a><br \/>\n\ud83d\udc49 Support: <a href=\"https:\/\/wpbean.com\/support\/\" rel=\"nofollow ugc\">Support<\/a><br \/>\n\ud83d\udc49 Source Code: <a href=\"https:\/\/github.com\/wpbean\/Vertical-Sidebar-Menu-Block\" rel=\"nofollow ugc\">GitHub Repository<\/a><\/p>\n<p><iframe loading=\"lazy\" title=\"Vertical Sidebar Menu Block - Gutenberg Menu Plugin - WordPress - WPBean\" width=\"750\" height=\"422\" src=\"https:\/\/www.youtube.com\/embed\/oULtCW99xqs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h3>Key Features<\/h3>\n<ul>\n<li><strong>Select Any Navigation Menu<\/strong>: Easily choose and display any existing WordPress navigation menu.<\/li>\n<li><strong>Menu Depth Control<\/strong>: Define how many submenu levels to display for better structure and usability.<\/li>\n<li><strong>Accordion-Style Navigation<\/strong>: Submenus expand and collapse smoothly for a clean, organized look.<\/li>\n<li><strong>Auto-Expand Current Menu Item<\/strong>: Automatically expands the menu to reveal the current page for improved navigation clarity.<\/li>\n<li><strong>Persistent Expanded State<\/strong>: Keeps menu items expanded after page reloads, providing a consistent browsing experience.<\/li>\n<li><strong>Advanced Typography Options<\/strong>: Customize font family, size, and style separately for parent and child menu items.<\/li>\n<li><strong>Flexible Styling Controls<\/strong>: Adjust colors, backgrounds, spacing, and hover effects for parent, child, and active menu items.<\/li>\n<li><strong>Theme Compatibility<\/strong>: Works seamlessly with any modern WordPress theme and fully supports the Gutenberg block editor.<\/li>\n<li><strong>Dedicated Support<\/strong>: Receive expert assistance from a responsive support team whenever you need help.<\/li>\n<\/ul>\n<h3>Source Code and Development<\/h3>\n<p>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\u2019s <code>src\/<\/code> directory for transparency and review. Developers can access the source code directly or contribute via the GitHub repository.<\/p>\n<p>To build the plugin from source:<\/p>\n<ol>\n<li>Install Node.js and npm.<\/li>\n<li>Run <code>npm install<\/code> to install dependencies.<\/li>\n<li>Use <code>npm run build<\/code> to compile the assets.<\/li>\n<\/ol>\n<p>For more details, see the documentation in the WordPress developer resources:<br \/>\n<a href=\"https:\/\/developer.wordpress.org\/block-editor\/getting-started\/devenv\/get-started-with-wp-scripts\/\" rel=\"nofollow ugc\">WordPress Developer Resources \u2013 Get started with wp-scripts<\/a><\/p>\n<p>For details, see the documentation in the GitHub repository:<br \/>\n<a href=\"https:\/\/github.com\/wpbean\/Vertical-Sidebar-Menu-Block\" rel=\"nofollow ugc\">GitHub \u2013 Vertical Sidebar Menu Block<\/a><\/p>\n<h3>Credits<\/h3>\n<p>This plugin includes a modified version of the <a href=\"https:\/\/github.com\/tefra\/navgoco\" rel=\"nofollow ugc\">Navgoco jQuery plugin<\/a> by Tefra, which is licensed under the BSD-3-Clause License. Original library copyright \u00a9 Tefra. The modified version complies with the BSD-3-Clause License.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create responsive vertical accordion menus using a customizable Gutenberg block. Perfect for sidebars and navigation panels.<\/p>\n","protected":false},"author":65,"featured_media":417840,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Vertical Sidebar Accordion Menu Block - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"Create responsive vertical accordion menus using a customizable Gutenberg block. Perfect for sidebars and navigation panels."},"footnotes":""},"categories":[1],"tags":[1208,288,356,3403,22257],"class_list":["post-417839","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-accordion-menu","tag-block","tag-menu","tag-sidebar-menu","tag-vertical-menu"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/417839","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=417839"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/417839\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/417840"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=417839"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=417839"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=417839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}