Title: Slidey Panel
Author: Oliver Campion
Published: <strong>2026 年 6 月 24 日</strong>
Last modified: 2026 年 6 月 24 日

---

搜尋外掛

![](https://ps.w.org/slidey-panel/assets/banner-772x250.jpg?rev=3584859)

![](https://ps.w.org/slidey-panel/assets/icon-256x256.gif?rev=3584774)

# Slidey Panel

 由 [Oliver Campion](https://profiles.wordpress.org/domainsupport/) 開發

[下載](https://downloads.wordpress.org/plugin/slidey-panel.1.0.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/slidey-panel/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/slidey-panel/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/slidey-panel/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/slidey-panel/#developers)

 [技術支援](https://wordpress.org/support/plugin/slidey-panel/)

## 外掛說明

Slidey Panel adds an off-canvas panel that slides in from the side of your site 
and opens from a block button placed in your content, templates or template parts.

The block uses a normal published page for panel content. Create a page with the
blocks you want to show, then add the “Slidey Panel” block wherever visitors should
be able to open it.

Add Slidey Panel to a block theme’s Header template to provide a compact menu button,
then build its navigation with WordPress blocks in the panel page.

#### Key features

 * Slidey Panel block for posts, pages, templates and template parts.
 * Uses normal WordPress pages for panel content.
 * Default page selector in the block editor.
 * Button text and hamburger icon controls.
 * Block styling support for color, typography, spacing, dimensions and borders.
 * Responsive sliding panel with cover overlay and close button.

#### How to use the Slidey Panel block

 1. Create and publish a page containing the blocks you want to show in the sliding
    panel.
 2. Add the “Slidey Panel” block to a post, page, template or template part.
 3. Set the button text and choose whether to show a hamburger icon.
 4. Choose the default panel page from the block settings.

The block uses one default panel page.

## 適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

 *   Slidey Panel Shows a button that opens a sliding panel.

## 安裝方式

 1. Install “Slidey Panel” automatically from the WordPress plugin directory, or upload
    the plugin ZIP file.
 2. Activate the plugin from the “Plugins” screen in WordPress.
 3. Create a published page for your panel content and place the “Slidey Panel” block
    where you want the button.

## 常見問題集

### Where is the panel content managed?

Slidey Panel uses normal WordPress pages. Create or edit the page that should appear
in the sliding panel.

### Can different buttons open different pages?

No, the block uses one default page. Allowing different buttons to open different
page’s content will be a future feature.

### Can the panel appear from the left?

No, the panel currently appears from the right only. Choosing to appear from the
left will be a future feature.

## 使用者評論

![](https://secure.gravatar.com/avatar/9d2b91a620644406a959104fd2f876323e89d16158be24cc09c0717ef0c1e035?
s=60&d=retro&r=g)

### 󠀁[A Cracking plugin – Well Done!](https://wordpress.org/support/topic/a-cracking-plugin-well-done/)󠁿

 [rockettcreative](https://profiles.wordpress.org/rockettcreative/) 2026 年 6 月
25 日 1 則留言

Well it quite simply works out of the box, is very simple to use, and goes like 
the clappers once published. I will be recommending this for all of my clients and
probably tell a few friends about it too!Would be great to see some other features
like multiple panels along the line.

 [ 閱讀全部 1 則使用者評論 ](https://wordpress.org/support/plugin/slidey-panel/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Slidey Panel〉的開發相關工作。

參與者

 *   [ Oliver Campion ](https://profiles.wordpress.org/domainsupport/)

[將〈Slidey Panel〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/slidey-panel)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/slidey-panel/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/slidey-panel/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/slidey-panel/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/slidey-panel/)。

## 變更記錄

#### 1.0

 * First version of the plugin

## 中繼資料

 *  版本 **1.0**
 *  最後更新 **2 週前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.3 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0.1**
 *  PHP 版本需求 ** 7.0 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/slidey-panel/)
 * 標籤:
 * [block](https://tw.wordpress.org/plugins/tags/block/)[drawer](https://tw.wordpress.org/plugins/tags/drawer/)
   [off-canvas](https://tw.wordpress.org/plugins/tags/off-canvas/)[panel](https://tw.wordpress.org/plugins/tags/panel/)
   [Sliding Panel](https://tw.wordpress.org/plugins/tags/sliding-panel/)
 *  [進階檢視](https://tw.wordpress.org/plugins/slidey-panel/advanced/)

## 評分

 5 星，滿分為 5 星

 *  [  1 個 5 星使用者評論     ](https://wordpress.org/support/plugin/slidey-panel/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/slidey-panel/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/slidey-panel/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/slidey-panel/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/slidey-panel/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/slidey-panel/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/slidey-panel/reviews/)

## 參與者

 *   [ Oliver Campion ](https://profiles.wordpress.org/domainsupport/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/slidey-panel/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://webd.uk/product/support-us/)