
內容簡介
讓您的網站導覽菜單配備行動版。當達到閾值時,目標菜單將折疊成漢堡菜單。
此外掛是 Mean Theme 的 MeanMenu 外掛的零依賴更新版本。這意味著它不需要 jQuery。
圖像提供者:Gerd Altmann,來自 Pixabay。
使用方法
以 WordPress 自訂器中的菜單部分來設置 Mean Menu,並提供幾個客製化的選項。
菜單目標:菜單所在最近容器的 CSS 選擇器。留空以嘗試自動偵測 ul.menu ( WP 的預設值 )。
菜單錨點:Mean Menu 所在容器的 CSS 選擇器。如果您不確定,請嘗試 body。
橫條顏色:Mean Menu 橫條的背景顏色。
菜單顏色:展開的 Mean Menu 的背景顏色。
關閉菜單符號:當菜單展開時所使用的符號。可以是任何 Unicode 字元或 HTML 實體。
開啟菜單符號:當菜單折疊時所使用的符號。可以是任何 Unicode 字元或 HTML 實體。
顯示位置:Mean Menu 狀態符號的對齊方式。
顯示位置偏移量:Mean Menu 狀態符號的水平偏移量。這是根據對齊方式智能應用的,當置中時沒有效果。
展開符號顏色:Mean Menu 狀態符號的背景顏色。
響應閾值:當 Mean Menu 取代標準菜單的視口閾值。
導覽推移:適用於 Mean Menu 展開組件的垂直偏移量。
顯示子信封:勾選此項來在 Mean Menu 中包括巢狀層級。
可展開子信封:勾選此項來允許巢狀層級展開和折疊,否則,巢狀層級將默認顯示。
子菜單開啟:需要可展開子信封。當菜單子級折疊時使用的符號。
子菜單關閉:需要可展開子信封。當菜單子級展開時使用的符號。
刪除特性:當 Mean Menu 啟用時,從所有默認菜單元素中刪除類和 ID。
隱藏元素:在 Mean Menu 啟用時要隱藏的任何元素的 CSS 選擇器。
單頁網站:當單擊菜單項目時,折疊 Mean Menu。
容器顯示:Mean Menu 容器的 CSS 顯示類型。inline、block、flex 等等
外掛標籤
開發者團隊
原文外掛簡介
Make your site navigation menu mobile-ready. When the threshold is reached, the targeted menu will collapse into a hamburger menu.
This plugin is a zero-dependency refresh on Mean Theme’s MeanMenu plugin. This means that it does not require jQuery.
Image by Gerd Altmann from Pixabay.
How To Use
The Mean Menu is configured with the WordPress Customizer in the menu section, and there are several options for customization.
Menu target A CSS selector to the closest container where the menu resides. Leave blank for an attempt at auto-detection with ul.menu (The WP default).
Menu anchor A CSS selector to the container where the mean menu will reside. If you’re unsure, try body.
Bar colour The background colour of the mean menu bar.
Menu colour The background colour of the expanded mean menu.
Menu close The symbol that will be used when the menu is expanded. This can be any unicode character or HTML entity.
Menu open The symbol that will be used when the menu is collapsed. This can be any unicode character or HTML entity.
Reveal position The justification of the mean menu state symbol.
Reveal position offset Horizontal offset applied to the mean menu state symbol. This is intelligently applied depending on the justification, and has no effect when centered.
Reveal colour The background colour of the mean menu state symbol.
Responsive threshold The viewport threshold of when the mean menu replaced the standard menu.
Nav push Vertical offset applied to the expanded component of the mean menu.
Show children Check this to include nested levels in the mean menu.
Expandable children Check this to allow nested levels to be expanded and collapsed. Otherwise, nested levels will be displayed by default.
Submenu open Requires expandable children. The symbol that will be used when menu children are collapsed.
Submenu close Requires expandable children. The symbol that will be used when menu children are expanded.
Remove attributes Remove classes and IDs from all elements of the default menu while the mean menu is active.
Hide elements A CSS selector to any elements that should be hidden while the mean menu is active.
Single Page Site Collapses the mean menu when a menu item is clicked.
Container display The CSS display type of the mean menu container. inline, block, flex, etc
