描述
HSArticle Foldout Menu adds a clean, accessible slide-out (“foldout”) navigation panel to your site, triggered by a hamburger button.
Two ways to place the trigger button:
- Drop the
[hsarfold_menu]shortcode anywhere — a widget, a page, a header template — and the trigger button appears there. - Or turn on “Auto-Add Floating Button” and the plugin places a floating hamburger button in the top-left or top-right corner automatically, with adjustable padding.
Fully customizable, all in one settings tab:
- Choose which WordPress menu (Appearance Menus) opens in the panel
- Pick the slide direction: left, right, top, or bottom
- Panel width/height percentage, background color or gradient, animation speed
- Menu text font, size, color, and hover color/size
- Icon style (3-line, dots, plus), icon color and hover color, size
- Optional dimming overlay behind the panel, with adjustable color/opacity
- Close button style (X icon, text, or none — click-outside/ESC always works)
Built to not interfere with your site:
- Every CSS class, ID, JS variable, and option name is uniquely prefixed
- Assets are only loaded on the frontend when the plugin is enabled
- Keyboard accessible: ESC to close, focus is trapped inside the open panel, focus returns to the trigger on close
- RTL-ready
螢幕截圖
安裝
- Upload the plugin files to
/wp-content/plugins/hsarticle-foldout-menu, or install directly through the WordPress plugins screen. - Activate the plugin through the “Plugins” screen in WordPress.
- Go to the “HSArticle Foldout Menu” tab in your wp-admin left sidebar.
- Check “Enable HSArticle Foldout Menu”, choose a menu to display, and configure the rest to taste.
- Either place
[hsarfold_menu]where you want the button, or enable “Auto-Add Floating Button”.
常見問題
-
Does this work with any theme?
-
Yes. It doesn’t touch your theme’s existing header or navigation — it adds an independent panel and trigger button on top of your site.
-
Yes, choose any menu you’ve already created under Appearance Menus.
-
No, HSArticle Foldout Menu is fully independent and uses uniquely prefixed CSS/JS, so it won’t override or be overridden by other menu styles.
評價
There are no reviews for this plugin.
貢獻者及開發者
修改日誌
1.0.0
- Initial release.