前言介紹
- 這款 WordPress 外掛「Groundworx Navigation – Responsive Menu & Mobile Navigation Block」是 2025-07-08 上架。
- 目前有 20 個安裝啟用數。
- 上一次更新是 2025-11-15，距離現在已有 102 天。
- 外掛最低要求 WordPress 6.5 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 8.2 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
menu | gutenberg | navigation | mobile menu | responsive menu |
內容簡介
<h2>外掛總結</h2>
<p>這個外掛是一個現代化、無障礙的導覽列，完全使用 Gutenberg 區塊建構，並且適用於 theme.json-ready 佈景主題。</p>
<h2>問題與答案</h2>
<ul>
<li>
<h3>這個外掛的主要特點有哪些？</h3>
<p>答：主要特點包括：</p>
<ul>
<li>本地 Gutenberg 區塊</li>
<li>所有操作都在區塊編輯器中進行，沒有短代碼或過時的選單畫面。</li>
<li>四種佈局模板：Modal（全屏覆蓋）、Modal Dropdown（在小屏幕上標頭中的下拉選單，在移動設備上為覆蓋式）、Slide-In（離畫布右側抽屜）、Classic（內聯條，可折疊成漢堡包）。</li>
<li>靈活的菜單顯示：Accordion、Stacked、List、Vertical、Horizontal，可以與任何模板混合和搭配。</li>
<li>響應式行為切換器：選擇斷點（平板電腦、筆記本電腦、桌面、大型桌面），菜單會自動折疊成漢堡包或模態窗口。</li>
<li>位置控件：相對、粘性、固定或滾動顯示——無需自訂 CSS。</li>
<li>默認無障礙功能：焦點陷阱、按 ESC 關閉、箭頭鍵導航、ARIA 屬性——一切均為您處理。</li>
<li>品牌槽位：隨時隨地將站點徽標、站點標題或站點標語區塊放入導覽中。</li>
<li>輕量級技術堆棧：無需 jQuery；由 WordPress 的交互性 API 提供動力（純 JS，無外部庫）。</li>
</ul>
</li>
</ul>
原文外掛簡介
Groundworx Navigation is a powerful responsive navigation block for WordPress block themes. Build professional navigation menus, mobile-responsive hamburger menus, modal overlays, dropdown navigation, and sticky headers—all with native Gutenberg blocks. No coding required.
Perfect for theme.json block themes, this navigation block gives you complete control over your site’s header navigation, mobile menu behavior, and responsive breakpoints.
Why Choose Groundworx Navigation?
Replace complex navigation plugins with a native Gutenberg block solution. Whether you need a simple navigation bar, mobile hamburger menu, full-screen modal overlay, or off-canvas slide-in drawer—Groundworx Navigation handles it all.
Perfect for:
* Block theme developers building custom navigation headers
* Sites requiring mobile-first responsive navigation menus
* Accessibility-focused WordPress navigation
* Portfolio and business sites with sticky navigation headers
* Multi-level navigation structures and deep site menus
Key Features
Native Gutenberg Navigation Block
Build your navigation menu entirely in the WordPress Block Editor—no shortcodes, no legacy menu screens, just blocks.
Four Responsive Layout Templates
– Modal Navigation – Full-screen overlay menu for mobile devices
– Modal Dropdown – Dropdown header navigation on desktop, modal on mobile
– Slide-In Navigation – Off-canvas drawer navigation from right edge
– Classic Navigation – Traditional navigation bar with hamburger menu collapse
Multiple Menu Display Styles
Accordion menus · Accordion Alt · List navigation · Vertical menus · Horizontal navigation bars — mix and match with any layout template.
Smart Responsive Behavior
Set responsive breakpoints (tablet, laptop, desktop, large-desktop) and watch your navigation automatically collapse to a hamburger menu or modal overlay at your chosen screen size.
Flexible Position Controls
Relative, Sticky Header, Fixed Navigation, or Scroll-Up Reveal—create sticky navigation headers without writing custom CSS.
Accessibility-First Navigation
Built-in focus traps, ESC key close, arrow-key navigation, and proper ARIA attributes make your menu accessible by default.
Branding Integration
Add Site Logo, Site Title, or Site Tagline blocks anywhere in your navigation header for seamless branding.
Lightweight & Fast
No jQuery bloat. Powered by WordPress’s native Interactivity API with vanilla JavaScript—no external libraries needed for responsive navigation.
Submenu Controls
* Control nesting depth (1-5 levels) for complex navigation structures
* Indent or flatten submenu display
* Hover or click to open dropdown submenus
* Icon controls for submenu indicators
Navigation Templates In Detail
Modal Navigation
Perfect for mobile-first sites. Creates a full-screen overlay navigation menu that slides in from the top or side. Ideal for clean, distraction-free mobile navigation.
Modal Dropdown Navigation
Best of both worlds: traditional dropdown navigation on desktop, modal overlay on mobile devices. Great for sites with many navigation items.
Slide-In Navigation
Off-canvas navigation drawer that slides in from the right edge. Popular for modern web apps and mobile-optimized sites.
Classic Navigation
Traditional horizontal navigation bar that collapses to a hamburger menu icon on smaller screens. The most familiar navigation pattern for users.
Block Theme Ready
Groundworx Navigation is built specifically for theme.json block themes. Works perfectly with:
* Twenty Twenty-Four
* Twenty Twenty-Five
* Blockbase
* Frost
* Any FSE (Full Site Editing) block theme
Note: Requires a theme.json-ready block theme. Not compatible with classic PHP themes.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Groundworx Navigation – Responsive Menu & Mobile Navigation Block」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | 1.0.6 | trunk |
延伸相關外掛（你可能也想知道）
Admin Menu Editor 》Admin Menu Editor 可讓您手動編輯儀表板菜單。您可以重新排序菜單，顯示/隱藏特定項目，修改權限等等。, 功能, , 更改菜單標題、URL、圖標、CSS 類等。, 通...。
Max Mega Menu 》Max Mega Menu 可自動將您現有的菜單轉換為豪華菜單。您還可以將任何 WordPress widget 添加到菜單中，使用主題編輯器重新風格化菜單，並使用內建設置更改菜...。
Menu Image, Icons made easy 》這個外掛可以輕鬆地在選單項目中加入圖像或圖示，打造更好的網站選單。, 可以控制圖像或圖示的位置以及大小。, 這個 Menu Image 外掛還有其他功能，以下是其...。
Menu Icons by ThemeIsle 》這個外掛提供了在選單項目中加入圖示的功能，就像最新的儀表板選單的外觀一樣。, , 使用方法, , 啟用外掛後，前往外觀 > 選單以編輯您的選單, 在「選單圖...。
Duplicate Menu 》一些 WordPress 安裝使用著核心菜單 (Menus) 驅動的複雜導航系統。它們是一個非常好的功能，常常能決定一個主題的成敗。但是，菜單在原生狀態下不太容易轉移...。
Menu Cart for WooCommerce 》** 與 WooCommerce 和 Easy Digital Downloads（EDD）兼容 ** , 此外掛將在導覽列中安裝購物車按鈕。 安裝此外掛的時間少於一分鐘，, 並且包括以下選項：, , ...。
User Menus – Nav Menu Visibility 》User Menus 是一個適用於擁有登入使用者的網站的完美插件。, 透過此插件，您可以更精確地控制導覽菜單，包括對各菜單項目可見性的調整，例如每個菜單項目可以...。
Nav Menu Roles 》這個外掛可以根據使用者角色隱藏自訂選單項目。例如，如果您只想把選單中某個連結顯示給已登入的使用者、特定類型的使用者，或者甚至只顯示給未登入的使用者...。
WP Mobile Menu – The Mobile-Friendly Responsive Menu 》需要一個專門的手機網站體驗嗎？需要一個能讓您的手機訪客參與的手機菜單外掛嗎？, , WP Mobile Menu是最優秀的WordPress響應式手機菜單。使用任何設備（智能...。
If Menu – Visibility control for Menus 》藉由可見度規則，您可以控制網站訪客看到哪些選單項目。以下是一些範例：, , 僅顯示選單項目，當 使用者已登入, 當裝置為行動裝置時，隱藏選單, 顯示選單 給...。
Conditional Menus 》條件式選單 (Conditional Menus) 是一款由 Themify 推出的簡單而實用的 WordPress 外掛，可讓您根據特定條件更換佈景主題中的選單。簡而言之，您可以在不同的...。
Gum Addon for Elementor 》這個外掛是針對 Elementor 網站建構器的附加功能，這代表你需要先安裝 Elementor 外掛並啟用它。, 小工具, 這個外掛提供內建小工具，幫助建立更具吸引力的設...。
WP Responsive Menu 》WP Responsive Menu是一個簡單的外掛，可以讓您在WordPress網站上快速添加高度可定制的響應式菜單，在設置頁面上直接進行自定義，無需任何編碼技能。, 查看實...。
WP Custom Admin Interface 》WP Custom Admin Interface 可以輕鬆地自訂 WordPress 後台功能表、工具列和管理介面。此插件不僅提供完全免費的超棒後台自訂功能，還提供了很多其他插件需要...。
Float menu – awesome floating side menu 》Float Menu 是一個免費的 WordPress 外掛程式，可以建立和定位網站上獨特的浮動式選單。這個擴充功能允許使用者不論在資源上面的位置獲取面板的功能，選單隨...。