
內容簡介
這個外掛可以在 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 開發的,他不負責此外掛的運行或支援。
外掛標籤
開發者團隊
📦 歷史版本下載
原文外掛簡介
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.
