[WordPress] 外掛分享: SlickNav Mobile Menu

首頁外掛目錄 › SlickNav Mobile Menu
WordPress 外掛 SlickNav Mobile Menu 的封面圖片
3,000+
安裝啟用
★★★★
4.8/5 分(24 則評價)
263 天前
最後更新
問題解決
WordPress 4.0+ v1.9.3 上架:2015-04-06

內容簡介

這個外掛可以在 WordPress 中添加 SlickNav 響應式移動菜單功能。

SlickNav 響應式菜單支援多級菜單。

跨瀏覽器兼容。

鍵盤訪問。

沒有 JavaScript 的情況下也可以優雅地降級。

創建符合 ARIA 規範的菜單。

選擇添加搜索欄的選項。

選擇添加標誌的選項。

國際化。

高級篩選器。

結合多個菜單。

使用方法

您可以透過儀表板設置 > SlickNav 菜單 來設置外掛。

在這裡可以選擇用作移動菜單的菜單,原菜單必須已經存在於頁面上。

菜單出現的最大寬度,預設為 600 像素

菜單標籤,預設為 MENU

父級鏈接,true 或 false,是否點擊具有子菜單的父鏈接以訪問頁面

顯示子鏈接,預設為 false

打開/關閉菜單速度選項

將菜單固定到頁首,使用 position fixed 功能到 body 標籤

將標誌品牌化添加到菜單標籤的對面位置 - 建議使用高度為 40px 或更小、寬度最大為 140px 的標誌

當 Slicknav 菜單可見時,隱藏帶有 '.site-header' 類的頭部選項

在菜單底部添加搜索欄的選項

設定搜尋圖示的背景色

更改打開和關閉符號的選項

使用進階篩選器調整 Slicknav 值的選項 - https://wpbeaches.com/slicknav-wordpress-filter-to-adjust-values/

演示 - http://wpbeaches.com (調整瀏覽器視窗大小至 600px 以下)

請注意,SlickNav jQuery 外掛是由 Josh Cope 開發的,他不負責此外掛的運行或支援。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.9.3) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「SlickNav Mobile Menu」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

This plugin adds SlickNav Responsive Mobile Menu functionality to WordPress.
SlickNav Responsive Menu has multi level menu support.
Cross browser Compatible.
Keyboard Accessible.
Degrades gracefully without JavaScript.
Creates ARIA compliant menu.
Option to add a search field.
Option to add a logo.
Internationalized.
Advanced Filter.
Combine multiple menus.
Usage
The settings are found via the dashboard Settings > SlickNav Menu

Here you choose your Menu to be used as Mobile Menu – original has to already be on page

Maximum width for the menu to appear, default is 600px

Menu Label, MENU is default

Parent links, true or false, whether a parent link that has a submenu is clickable to a page

Show Child Links, false by default

Open/close Menu speed option

Fix Menu to Head, using position fixed to body tag

Option for branding logo opposite menu label – smaller works better such as 40px in height and up to 140px in width

Option to hide header with a ‘.site-header’ class when Slicknav Menu is visible

Option to add in a search field at the bottom of the menu

Search icon background color

Options to change the opening and closing symbols

Advanced filter to adjust Slicknav values – https://wpbeaches.com/slicknav-wordpress-filter-to-adjust-values/
Demo – http://wpbeaches.com (resize browser window to below 600px)
Please note that SlickNav jQuery plugin is the work of Josh Cope, he is not responsible for the working or support of this plugin.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon