Title: Fly Nav Mobile Author: Aamir Faiz Published: 2024 年 10 月 19 日 Last modified: 2025 年 12 月 25 日 --- 搜尋外掛 ![](https://ps.w.org/fly-nav-mobile/assets/banner-772x250.png?rev=3427322) ![](https://ps.w.org/fly-nav-mobile/assets/icon-256x256.png?rev=3172026) # Fly Nav Mobile 由 [Aamir Faiz](https://profiles.wordpress.org/aamirfaiz/) 開發 [下載](https://downloads.wordpress.org/plugin/fly-nav-mobile.2.4.2.zip) * [詳細資料](https://tw.wordpress.org/plugins/fly-nav-mobile/#description) * [使用者評論](https://tw.wordpress.org/plugins/fly-nav-mobile/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/fly-nav-mobile/#installation) * [開發資訊](https://tw.wordpress.org/plugins/fly-nav-mobile/#developers) [技術支援](https://wordpress.org/support/plugin/fly-nav-mobile/) ## 外掛說明 **Fly Nav Mobile** is the ultimate performance-first mobile menu and navigation plugin for WordPress. Built for speed, it uses **zero JavaScript** and **pure CSS** to deliver a premium, app-like experience without impacting your Core Web Vitals or PageSpeed scores. Whether you need a sleek slide-out hamburger menu or a modern bottom navigation bar (app-style), Fly Nav Mobile is the lightest solution on the market. Most mobile menu plugins are bloated with heavy JavaScript libraries, slowing down your site and hurting SEO. Fly Nav Mobile replaces that bloat with optimized HTML and CSS, ensuring instant menu loading and buttery-smooth animations. It’s perfect for mobile-first designs, e-commerce stores, and blogs that prioritize user experience. **Perfect for:** * **SEO-focused sites** wanting to maintain a 100/100 PageSpeed score. * **Mobile-first designs** and responsive WordPress themes. * **Elementor, Divi, and Beaver Builder** users needing a lighter menu. * **App-style navigation** with thumb-friendly bottom bars. ### Boosting Your Core Web Vitals Google’s Core Web Vitals prioritize speed and stability. Fly Nav Mobile helps you rank higher by: * **Zero JavaScript execution** – No JS blocking the main thread.*** Pure CSS Animations** – Hardware-accelerated for smooth 60fps transitions. * **Smallest Footprint** – Only loads on mobile, keeping your desktop site clean. * **Instant Interaction** – No lag when opening menus or submenus. #### Key Features * **Fastest Mobile Menu** – Zero JavaScript, pure CSS implementation for maximum speed. * **Visual Header Selector** – Point-and-click tool to select your header element( works with any theme). * **Hamburger Menu** – Beautiful animated hamburger icon that transforms into a symmetric ‘X’. * **App-Style Bottom Navigation** – Modern bottom bar for a native app feel. * **Sticky Mobile Header** – Optional sticky header that stays fixed at the top. * **Slide-Out Panel** – Professional slide-out navigation with customizable easing. * **Unlimited Customization** – Control colors, fonts, sizes, and branding. * **Search Integration** – Built-in search functionality with modern, balanced layouts. * **Expandable Submenus** – Submenu toggles with chevron icons for multi-level navigation. * **Page Builder Ready** – Works perfectly with Elementor, Divi, Gutenberg, and all builders. ### Credits Developed by WPGeared ## 螢幕擷圖 * [[ * Bottom Navigation app-style layout. * [[ * Animated hamburger icon and slide-out menu. ## 安裝方式 1. Upload the plugin files to the `/wp-content/plugins/fly-nav-mobile` directory, or install through the WordPress dashboard. 2. Activate the plugin through the ‘Plugins’ screen. 3. Use the Settings -> Fly Menu screen to configure. 4. Use the **visual selector** to choose your current header element to hide on mobile. 5. Customize colors and fonts as needed. ## 常見問題集 ### How does “Zero JavaScript” help my SEO? JavaScript is expensive for browsers to parse and execute. By using Pure CSS, Fly Nav Mobile ensures that your navigation opens instantly, which reduces Cumulative Layout Shift (CLS) and Interaction to Next Paint (INP) issues, directly boosting your SEO rankings. ### Can I use it to hide my theme’s default menu? Yes! The built-in visual selector tool lets you simply click on your theme’s header to hide it on mobile, replacing it with Fly Nav Mobile’s optimized navigation. ### Does it support unlimited menu levels? Absolutely. You can have as many nested submenus as you need. Each level is optimized for touch and features clear toggle icons. ## 使用者評論 ![](https://secure.gravatar.com/avatar/0b6492cff48b5717d801cd53ae201d14c01fd31949da15c0d7dee1b1a7baf9d0? s=60&d=retro&r=g) ### 󠀁[Simple and nice](https://wordpress.org/support/topic/simple-and-nice-99/)󠁿 [Enhance](https://profiles.wordpress.org/skariko/) 2024 年 11 月 16 日 It seems to me to be a good plugin at the initial stage. The absence of JavaScript is great and it worked for me on the fly the first time. A few options are missing in my opinion for example I would like the logo to be linked to the homepage and the ability to remove the magnifying glass (or have it link to something else). [ 閱讀全部 1 則使用者評論 ](https://wordpress.org/support/plugin/fly-nav-mobile/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈Fly Nav Mobile〉的開發相關工作。 參與者 * [ Aamir Faiz ](https://profiles.wordpress.org/aamirfaiz/) * [ WPGeared ](https://profiles.wordpress.org/wpgeared/) [將〈Fly Nav Mobile〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/fly-nav-mobile) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/fly-nav-mobile/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/fly-nav-mobile/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/fly-nav-mobile/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/fly-nav-mobile/)。 ## 變更記錄 #### 2.4.2 * Compliance: Reduced tags to 5 items to match WordPress.org repository limits. * Version bump to 2.4.2. #### 2.4.1 * Optimized plugin description and tags for better WordPress repository ranking. * Enhanced SEO keywords for performance, Core Web Vitals, and app-style navigation. * Repository Security: Prefixed all custom hooks in the walker class. * Repository Security: Removed redundant non-prefixed constants. * Repository Metadata: Fixed unescaped output in public menu container. #### 2.4.0 * Fixed Naming Convention: Prefixed custom hooks with `fnmm_`. * Removed `SHOW_ADMIN_BAR` constant to comply with repo standards. #### 2.3.9 * Fixed unescaped output in `public/class-fly-nav-mobile-public.php`. * Fixed incorrect `Stable tag` in `readme.txt`. #### 2.1.0 * Added Bottom Navigation layout option for thumb-friendly mobile UX. * New Navigation Position setting in General tab (Top/Bottom). ## 中繼資料 * 版本 **2.4.2** * 最後更新 **4 個月前** * 啟用安裝數 **少於 10 次** * WordPress 版本需求 ** 5.0 或更新版本 ** * 已測試相容的 WordPress 版本 **6.9.4** * PHP 版本需求 ** 7.2 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/fly-nav-mobile/) * 標籤 * [bottom navigation](https://tw.wordpress.org/plugins/tags/bottom-navigation/) [hamburger menu](https://tw.wordpress.org/plugins/tags/hamburger-menu/)[mobile menu](https://tw.wordpress.org/plugins/tags/mobile-menu/) [sticky menu](https://tw.wordpress.org/plugins/tags/sticky-menu/) * [進階檢視](https://tw.wordpress.org/plugins/fly-nav-mobile/advanced/) ## 評分 4 星，滿分為 5 星 * [ 0 個 5 星使用者評論 ](https://wordpress.org/support/plugin/fly-nav-mobile/reviews/?filter=5) * [ 1 個 4 星使用者評論 ](https://wordpress.org/support/plugin/fly-nav-mobile/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/fly-nav-mobile/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/fly-nav-mobile/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/fly-nav-mobile/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/fly-nav-mobile/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/fly-nav-mobile/reviews/) ## 參與者 * [ Aamir Faiz ](https://profiles.wordpress.org/aamirfaiz/) * [ WPGeared ](https://profiles.wordpress.org/wpgeared/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/fly-nav-mobile/)