內容簡介
查看 Demo 1
在響應式 WordPress 佈景主題中查看 Demo 2
對於擁有響應式設計的導航菜單，一種常見的 UI 範例是在移動設備上顯示一個選擇框 (表單元素)
。此外掛允許您將 WordPress 3 菜單轉換為選擇框，並將其置於您選擇的寬度以下。
功能
在移動設備上佔用較少的屏幕實體空間
對於觸摸屏幕更易於導航
自動運行 - 無需添加額外的 PHP 代碼
高度可配置
透過 Responsive Select Menu 控制面板，您可以：
1.2 版中新增 - 選擇要應用菜單的佈景主題位置
設置您的寬度斷點(當菜單從標准菜單切換為選擇框時)
配置您希望包含在選擇菜單中的層級數。設置為 1 只包含頂級菜單項。
選擇用於縮排子菜單項目的字符
選擇是否排除沒有鏈接的“虛擬”項目
設置第一個菜單項目的文本
此 Demo 是使用 UberMenu - WordPress Mega Menu Plugin 建立的，但其設計可用於任何基於 UL 的 WordPress 3 菜單。
基於 Chris Coyier 和 CSS Tricks 提供的出色教學 - 謝謝！
外掛標籤
開發者團隊
原文外掛簡介
View Demo 1
View Demo 2 in a Responsive WordPress Theme
One common UI paradigm for navigation menus with responsive design is to display a select box (form element)
for mobile devices. This plugin allows you to turn your WordPress 3 menu into a select box below a width of your choice.
Features
Takes up less screen real estate on mobile devices
Easier navigation for touch screens
Works automatically – no need to add extra PHP code
Highly Configurable
Through the Responsive Select Menu Control Panel you can:
New in 1.2 – select which theme locations to apply the menu to
Set your width breakpoint (where your menu switches from your standard menu to a select box)
Configure how many levels you wish to include in the select menu. Set it to 1 to include only the top-level menu items.
Choose the character used to indent your submenu items within the select box
Choose whether or not to exclude “dummy” items that don’t have links
Set the text of the first menu item
The demo is built with UberMenu – WordPress Mega Menu Plugin , but it is designed to work with any UL-based WordPress 3 menu.
Based on the excellent tutorial from Chris Coyier and CSS Tricks – thanks!
