wpbean

MD Imran Khan

<p><strong>Vertical menu block</strong> is a powerful and flexible Gutenberg block plugin that allows you to create fully customizable vertical accordion menus for your WordPress website. Built specifically for the WordPress block editor, this vertical menu block is ideal for sidebars, navigation panels, and widget areas, helping you organize complex navigation structures in a clean and user-friendly way.</p>
<p>Using collapsible vertical sidebar menus improves overall site usability by allowing visitors to expand and collapse submenus only when needed. This approach saves valuable screen space, keeps layouts visually clean, and enhances readability—especially on mobile and tablet devices.</p>
<p>Designed with performance, accessibility, and flexibility in mind, the vertical menu block works seamlessly with the native Gutenberg editor and is compatible with all modern WordPress themes. Whether you’re building a blog, portfolio, business website, or WooCommerce store, this vertical menu block helps you deliver a professional, responsive, and accessible navigation experience across all devices.</p>
<h3>Quick Links</h3>
<p>👉 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 />
👉 Live Demo: <a href="https://blocks.wpbean.com/vertical-sidebar-menu-block/" rel="nofollow ugc">Try Vertical Sidebar Menu Block Demo</a><br />
👉 Support: <a href="https://wpbean.com/support/" rel="nofollow ugc">Support</a></p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/oULtCW99xqs?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>Key Features</h3>
<ul>
<li><strong>Select Any Navigation Menu</strong>: Easily choose and display any existing WordPress navigation menu.</li>
<li><strong>Menu Depth Control</strong>: Define how many submenu levels to display for better structure and usability.</li>
<li><strong>Accordion-Style Navigation</strong>: Submenus expand and collapse smoothly for a clean, organized look.</li>
<li><strong>Auto-Expand Current Menu Item</strong>: Automatically expands the menu to reveal the current page for improved navigation clarity.</li>
<li><strong>Persistent Expanded State</strong>: Keeps menu items expanded after page reloads, providing a consistent browsing experience.</li>
<li><strong>Advanced Typography Options</strong>: Customize font family, size, and style separately for parent and child menu items.</li>
<li><strong>Flexible Styling Controls</strong>: Adjust colors, backgrounds, spacing, and hover effects for parent, child, and active menu items.</li>
<li><strong>Theme Compatibility</strong>: Works seamlessly with any modern WordPress theme and fully supports the Gutenberg block editor.</li>
<li><strong>Dedicated Support</strong>: Receive expert assistance from a responsive support team whenever you need help.</li>
</ul>
<h3>Source Code and Development</h3>
<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’s <code>src/</code> directory for transparency and review. Developers can access the source code directly or contribute via the GitHub repository.</p>
<p>To build the plugin from source:</p>
<ol>
<li>Install Node.js and npm.</li>
<li>Run <code>npm install</code> to install dependencies.</li>
<li>Use <code>npm run build</code> to compile the assets.</li>
</ol>
<p>For more details, see the documentation in the WordPress developer resources:<br />
<a href="https://developer.wordpress.org/block-editor/getting-started/devenv/get-started-with-wp-scripts/" rel="nofollow ugc">WordPress Developer Resources – Get started with wp-scripts</a></p>
<p>For details, see the documentation in the GitHub repository:<br />
<a href="https://github.com/wpbean/Vertical-Sidebar-Menu-Block" rel="nofollow ugc">GitHub – Vertical Sidebar Menu Block</a></p>
<h3>Credits</h3>
<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 © Tefra. The modified version complies with the BSD-3-Clause License.</p>


Vertical Navigation Menu & Accordion Sidebar Block

Create responsive vertical accordion menus using a customizable Gutenberg block. Perfect for sidebars and navigation panels.

Freemius

Iks Studio

<p>Iks Menu is a WordPress plugin that provides powerful customizable system and has loads of settings for creating WordPress accordion menus and FAQs.</p>
<ul>
<li><a href="https://iks-menu.com/previews" rel="nofollow ugc">Showcase: Skins & Animations</a></li>
<li><a href="https://iks-menu.com/faqs" rel="nofollow ugc">Showcase: FAQs</a></li>
<li><a href="https://iks-menu.com/product-category/computers/laptops/" rel="nofollow ugc">Showcase: WooCommerce Categories Sidebar Menu</a></li>
<li><a href="https://docs.iks-menu.com/#/README" rel="nofollow ugc">Documentation: User-friendly with screenshots</a></li>
</ul>
<p>Iks Menu is the best choice for sidebar menu and not only. This plugin allows you to select custom WordPress menus, any taxonomy (categories, post tags, WooCommerce product category, etc.) and automatically created FAQs post type as a source for accordion menus.<br />
It also provides images support both for custom menus, taxonomies (also supports WooCommerce categories images) and FAQs.<br />
You can show your menu using WordPress widgets, shortcode or PHP code.</p>
<p>And you do not need to learn coding to use Iks Menu! Just set all the settings using a specially designed super-fast live editor with instant changes and no pages reloading! It will speed up your developing process.<br />
Iks Menu has more than 15 starter skins (6 FREE) – so it’s super easy to use for beginners and very customizable for advanced users.</p>
<h4>Plans</h4>
<p>Iks Menu has 2 plans: FREE and PRO (<a href="https://iks-menu.com/pricing" rel="nofollow ugc">Buy PRO plan here</a>).</p>
<h4>FREE Version Features</h4>
<ul>
<li>Supports Taxonomies (Categories, Tags, WooCommerce products, any other)</li>
<li>Supports Custom WordPress Menus (created in “Appearance” > “Menus”)</li>
<li>Supports FAQs with Groups (created in special custom FAQs post type)</li>
<li>Supports images for all sources of menu</li>
<li>Supports showing posts for a taxonomy source</li>
<li>Fast and usable menu editor with instant preview!</li>
<li>Customize appearance for any part of menu (colors, fonts, margins, paddings, heights and widths without any coding)</li>
<li>Customize appearance for multiple states (like Hover, Current and Children)</li>
<li>Supports exporting and importing settings to reuse it again (all settings or just for appearance)</li>
<li>Provides various unique settings for your menus</li>
<li>Provides 6 free awesome looking skins out of the box: start using skins with clean design right now with just one click.</li>
<li>Supports keyboard accessibility: “Tab” & “Enter” navigation + “Focus” state for all elements in menu</li>
<li>… Just take a look at screenshots to see all features!</li>
</ul>
<h4>PRO Version Features</h4>
<ul>
<li>All features from the FREE plan</li>
<li>Settings “Initial Expansion” to expand some items, when page loads</li>
<li>Expand and collapse animations for submenus</li>
<li>Ability to display Posts count</li>
<li>“Custom styles” setting</li>
<li>Setting to use parent-elements as sub-menu toggles</li>
<li>Toggle: 50+ icons and 5+ animations for expanding</li>
<li>20+ skins</li>
<li>… <a href="https://iks-menu.com/pricing" rel="nofollow ugc">Take a look at pricing</a></li>
</ul>
<h4>Settings</h4>
<p>Using taxonomy menu you can configure the next settings:</p>
<ul>
<li>Hide empty terms – Whether to hide terms not assigned to any posts.</li>
<li>Order by – Field to order terms by.</li>
<li>Order – Whether to order terms in ascending or descending order.</li>
<li>Hierarchical – Whether to include terms that have non-empty descendants (even if ‘hide_empty’ is set to true)</li>
<li>Include terms – Comma/space-separated string of term ids to include.</li>
<li>Exclude terms – Comma/space-separated string of term ids to exclude.</li>
<li>Search – Search criteria to match terms. Will be SQL-formatted with wildcards before and after.</li>
<li>Child of – Term ID to retrieve child terms of.</li>
<li>Parent – Parent term ID to retrieve direct-child terms of.</li>
<li>Childless – True to limit results to terms that have no children. This parameter has no effect on non-hierarchical taxonomies.</li>
</ul>
<h4>Usage</h4>
<p>3 variants of how to use Iks Menu (plugin includes user-friendly publishing guide inside the plugin)</p>
<ul>
<li>Widget – Use it directly in widget area</li>
<li>Shortcode – Use it anywhere with shortcode</li>
<li>PHP code injection – Use it anywhere in your theme with PHP code</li>
</ul>
<h4>Help</h4>
<ul>
<li>Get help anytime 24/7 – Ask your question and we will help you anyway</li>
<li>See documentation for plugin – Super detailed docs for better understanding of how plugin works</li>
<li>FAQ (Answers to popular questions) – <a href="https://docs.iks-menu.com/#/faq" rel="nofollow ugc">See special chapter in documentation</a></li>
<li>Does not suit for you? – Suggest a new features for plugin and we will provide it as soon as possible</li>
</ul>


Iks Menu – WordPress Category Accordion Menu & FAQs

Super customizable WordPress plugin for displaying custom menus, taxonomy/category terms and FAQs as accordion menu (with images support).

Vertical Navigation Menu & Accordion Sidebar Block vs Iks Menu – WordPress Category Accordion Menu & FAQs