Title: HSArticle Foldout Menu
Author: hsarticle
Published: <strong>2026年8月3日</strong>
Last modified: 2026年9月15日

---

プラグインを検索

![](https://ps.w.org/hsarticle-foldout-menu/assets/banner-772x250.png?rev=3633292)

![](https://ps.w.org/hsarticle-foldout-menu/assets/icon-256x256.png?rev=3633292)

# HSArticle Foldout Menu

 作者: [hsarticle](https://profiles.wordpress.org/hsarticle/)

[ダウンロード](https://downloads.wordpress.org/plugin/hsarticle-foldout-menu.1.0.0.zip)

 * [詳細](https://ja.wordpress.org/plugins/hsarticle-foldout-menu/#description)
 * [レビュー](https://ja.wordpress.org/plugins/hsarticle-foldout-menu/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/hsarticle-foldout-menu/#installation)
 * [開発](https://ja.wordpress.org/plugins/hsarticle-foldout-menu/#developers)

 [サポート](https://wordpress.org/support/plugin/hsarticle-foldout-menu/)

## 説明

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

## スクリーンショット

[⌊Settings — General tab⌉⌊Settings — General tab⌉[

Settings — General tab

[⌊Settings — Panel Style tab⌉⌊Settings — Panel Style tab⌉[

Settings — Panel Style tab

[⌊Example of the slide-out panel open on the frontend⌉⌊Example of the slide-out 
panel open on the frontend⌉[

Example of the slide-out panel open on the frontend

## インストール

 1. Upload the plugin files to `/wp-content/plugins/hsarticle-foldout-menu`, or install
    directly through the WordPress plugins screen.
 2. Activate the plugin through the “Plugins” screen in WordPress.
 3. Go to the “HSArticle Foldout Menu” tab in your wp-admin left sidebar.
 4. Check “Enable HSArticle Foldout Menu”, choose a menu to display, and configure 
    the rest to taste.
 5. Either place `[hsarfold_menu]` where you want the button, or enable “Auto-Add Floating
    Button”.

## FAQ

### 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.

### Can I use my existing WordPress menu?

Yes, choose any menu you’ve already created under Appearance  Menus.

### Will this conflict with my theme’s mobile menu?

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.

## 評価

このプラグインにはレビューがありません。

## 貢献者と開発者

HSArticle Foldout Menu はオープンソースソフトウェアです。以下の人々がこのプラグイン
に貢献しています。

貢献者

 *   [ hsarticle ](https://profiles.wordpress.org/hsarticle/)

[“HSArticle Foldout Menu” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/hsarticle-foldout-menu)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/hsarticle-foldout-menu/)
するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/hsarticle-foldout-menu/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/hsarticle-foldout-menu/)
を [RSS](https://plugins.trac.wordpress.org/log/hsarticle-foldout-menu/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 1.0.0

 * Initial release.

## メタ

 *  バージョン **1.0.0**
 *  最終更新日 **1か月前**
 *  有効インストール数 **10未満**
 *  WordPress バージョン ** 6.0またはそれ以降 **
 *  検証済み最新バージョン: **7.1.3**
 *  PHP バージョン ** 7.4またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/hsarticle-foldout-menu/)
 * タグ
 * [hamburger menu](https://ja.wordpress.org/plugins/tags/hamburger-menu/)[menu](https://ja.wordpress.org/plugins/tags/menu/)
   [mobile menu](https://ja.wordpress.org/plugins/tags/mobile-menu/)[off-canvas menu](https://ja.wordpress.org/plugins/tags/off-canvas-menu/)
   [slide menu](https://ja.wordpress.org/plugins/tags/slide-menu/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/hsarticle-foldout-menu/advanced/)

## 評価

レビューはまだ送信されていません。

[Your review](https://wordpress.org/support/plugin/hsarticle-foldout-menu/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/hsarticle-foldout-menu/reviews/)

## 貢献者

 *   [ hsarticle ](https://profiles.wordpress.org/hsarticle/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/hsarticle-foldout-menu/)