隨著響應式 WooCommerce 獨立站網頁設計的迅速發展,越來越多的可用解決方案和模式正在湧現,以幫助您輕鬆地為您的網站構建導航系統,從而在移動裝置和桌面上無縫執行。在這篇文章中,我將快速瞭解一些解決方案,並分享一些有用的資源,幫助解決響應式 WordPress 網站設計中的一些難題。本文由上海寶山區 WordPress 外貿獨立站網站建設人員分享的響應式導航解決方案和資源。

  響應式導航外掛

  1. 通用響應巨型選單(Universal Responsive Mega Menu)

  靈活的通用響應巨型選單 jQuery 外掛提供多達 12 種不同大小的下拉選單和無限制的飛出元素。 自定義只需要 CSS 的一些基本知識,指令碼包括幾個選項,以便您可以輕鬆地選擇應用於選單的動畫效果。 此外,透過更改單個類,您可以將此係統用作粘性頁尾。

  2.jQuery.mmenu

  如果您正在尋找一個應用程式或畫布選單,那麼您應該看看 jQuery.mmenu 外掛。 它非常容易定製,並提供了廣泛的選項,擴充套件和附加功能,將允許您更改開啟和關閉效果,更改顏色方案,還更改選單的大小和位置。

  3. 終極漢堡選單

  到目前為止,Ultimate Burger Menu 是最簡單的在這個頁面上使用 jQuery 外掛。 它是一個非常小和輕量級的 script 檔案,將允許您在幾分鐘內新增一個 “漢堡” 選單(或三線選單)到您的網站。 它還提供了一個巨大的選項陣列,如果您想擴充套件它的功能。

  4.Jet Megamenu

  建立在網格系統上,響應和功能豐富的 Jet Megamenu 可以選擇性地用作基本下拉選單或大型選單。 它包裝了 14 種預置風格(它也很容易建立自己的),並已在所有主要的瀏覽器,包括觸控式螢幕裝置進行測試。

  5.Alpha

  針對移動和觸控裝置進行了最佳化,Alpha jQuery 外掛是一個簡單的響應式選單系統,已經採用非常受歡迎的平面設計風格。 在移動裝置上,流體水平選單變成垂直選單,就像子選單一樣,可以透過單擊或單擊來切換。

  6.Fly Side Menu

  Fly Side 選單外掛是一個獨特的響應選單解決方案,從 Airbnb 的最新 iOS 應用程式中重現令人印象深刻的全屏動畫。 它已經在桌面版和移動版的 Chrome,Firefox 和 Safari 上進行了測試,但是這個外掛更多的是一個概念驗證,而不是一個生產就緒的響應選單系統,所以請謹慎使用。 仍然,它看起來驚人!

  7.FlexMenu

  使用 Sass 構建,FlexMenu 是一個完全響應的 jQuery 導航外掛,讓您可以選擇在畫布選單或切換/下拉式選單,當在較小的螢幕上檢視。如果您有更多關於 WordPress 外貿獨立站網站建設(定製網站、 woocommerce 模板網站)、 WordPress 站群網站最佳化、 logo 設計、品牌設計、印刷、 WordPress APP/WordPress 微信開發等產品服務的需求,歡迎諮詢跨飛獨立站 WooCommerce 官網,新上線企業 VI 設計套餐和 WordPress 站群網站營銷推廣系統(強)!

  8.slimMenu

  slimMenu 是一個輕量級的 jQuery 外掛,已經構建來即時建立響應和多級導航選單。 您不必為媒體查詢建立響應式選單,slimMenu 將為您做這項工作,它只有 5KB(2.5KB 縮小)!