Title: Priority Plus Navigation
Author: Troy Chaplin
Published: <strong>2026 年 1 月 7 日</strong>
Last modified: 2026 年 3 月 17 日

---

搜尋外掛

![](https://ps.w.org/priority-plus-navigation/assets/banner-772x250.png?rev=3434841)

![](https://ps.w.org/priority-plus-navigation/assets/icon-256x256.png?rev=3434537)

# Priority Plus Navigation

 由 [Troy Chaplin](https://profiles.wordpress.org/areziaal/) 開發

[下載](https://downloads.wordpress.org/plugin/priority-plus-navigation.1.1.0.zip)

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

 [技術支援](https://wordpress.org/support/plugin/priority-plus-navigation/)

## 外掛說明

Priority Nav extends the core WordPress Navigation block as a variation, implementing
the Priority Plus design pattern. It displays the most important navigation items
in the main menu bar and automatically moves overflow items into a “More” dropdown
menu (default label: “Browse”) when horizontal space is limited.

Key Features:

 * **Automatic Overflow Detection**: Continuously monitors available space and adjusts
   navigation visibility
 * **Responsive by Design**: Adapts to any screen size or container width
 * **Customizable Styling**: Per-block dropdown menu styling via inspector controls,
   using CSS custom properties
 * **Customizable Labels**: Change the “More” button text and icon
 * **Seamless Integration**: Works beautifully with WordPress themes
 * **Performance Optimized**: Uses ResizeObserver for efficient layout calculations
 * **Accessible**: Keyboard navigation and screen reader friendly

Perfect for sites with many navigation items that need to work across all device
sizes without compromising usability.

## 螢幕擷圖

 * [[
 * Priority Plus Navigation provides a highly customizable responsive variation 
   of the core navigation block.
 * [[
 * Priority Plus is a variation of the core navigation block and allows for an easy
   transition.
 * [[
 * Several controls are available to customize your priority menu to fit your site
   design.

## 安裝方式

 1. Upload the plugin files to the `/wp-content/plugins/priority-plus-navigation` directory,
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress
 3. Add a Navigation block and select the “Priority Plus Navigation” variation, or 
    search for “Priority Plus Navigation” in the block inserter
 4. Configure your navigation using the familiar WordPress navigation tools

## 常見問題集

### How does the Priority Plus pattern work?

The Priority Plus pattern prioritizes the most important navigation items by keeping
them visible in the main navigation bar. When there isn’t enough horizontal space
for all items, less important items are automatically moved into a “More” dropdown
menu. As the viewport width changes, items dynamically move in and out of the dropdown.

### Can I customize the “More” button text?

Yes! In the block inspector panel, you can customize both the “More” button label(
default: “Browse”) and choose from different icons: none (default), chevron down,
plus, or menu symbols.

### Does it work with nested navigation items?

Yes! Items with submenus in the dropdown are converted to accessible accordions 
that respect the Core Navigation “Open submenus on click” setting.

### How does it work with WordPress’s responsive overlay menu?

Priority Plus Navigation intelligently integrates with WordPress core navigation
overlay menu settings:

 * **Never**: Priority Plus is always active across all screen sizes
 * **Mobile**: Priority Plus works on desktop and automatically disables when the
   hamburger menu activates
 * **Always**: Not compatible – Priority Plus is automatically disabled and the “
   Always” option appears greyed out in the editor

### Is it accessible?

Yes, the block is built with accessibility in mind, supporting keyboard navigation
and providing proper ARIA labels for screen readers.

### Can I style the dropdown menu?

Absolutely! The dropdown menu can be fully customized through the block inspector.
You can control:

 * Background color, item text color, and hover colors
 * Separate submenu colors for nested accordion items
 * Item spacing and hover effects
 * Multi-level navigation indentation
 * Box shadow, border radius, and item separators

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

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

參與者

 *   [ Troy Chaplin ](https://profiles.wordpress.org/areziaal/)

[將〈Priority Plus Navigation〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/priority-plus-navigation)

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

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

## 中繼資料

 *  版本 **1.1.0**
 *  最後更新 **2 個月前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/priority-plus-navigation/)
 * 標籤:
 * [block](https://tw.wordpress.org/plugins/tags/block/)[navigation](https://tw.wordpress.org/plugins/tags/navigation/)
   [responsive](https://tw.wordpress.org/plugins/tags/responsive/)
 *  [進階檢視](https://tw.wordpress.org/plugins/priority-plus-navigation/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/priority-plus-navigation/reviews/#new-post)

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

## 參與者

 *   [ Troy Chaplin ](https://profiles.wordpress.org/areziaal/)

## 技術支援

最近 2 個月解決的問題:

     總計 1 個問題，已解決 1 個

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