這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Responsive Select Menu

外掛說明

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!

螢幕擷圖

  • Responsive select menu on the iPhone/iPod Touch
  • Responsive select menu Control Panel

安裝方式

This section describes how to install the plugin and get it working.

  1. Upload the plugin zip through your WordPress admin
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Navigate to Appearance > Responsive Select to configure your menu
  4. If you are using UberMenu 3, disable the Responsive Toggle setting in the UberMenu Control Panel > Main UberMenu Configuration > Responsive & Mobile > Responsive Toggle.

常見問題集

Do I have to have a “Navigate” item as my first item

You can change the name of this item, but it has to exist. Otherwise, you won’t be able to navigate to the first item in the menu
if you’re not using the “Show currently selected item” – even if you have that option enabled, the issue would still exist on pages not
in the menu.

It doesn’t work

If your theme creates a menu the standard way with wp_nav_menu, it should work. If not, make sure you’re using 1.3+, as this resolves the most common “it doesn’t work” issue.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈Responsive Select Menu〉的開發相關工作。

參與者

將〈Responsive Select Menu〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.7

  • Ignore UberMenu Advanced Items
  • Fix notices that occur if UberMenu settings aren’t saved for menu items

1.6

  • Added UberMenu 3 compatibility
  • Added Cyrillic characters fix (experimental)

1.5.3

  • Added UberMenu Conditionals compatibility
  • Added filterable first menu item names

1.5.2

  • Resolved WordPress 3.6 Strict Warnings

1.5.1

  • Added ‘License’ to header to avoid installation errors

1.5

  • Improves compatibility with latest versions of UberMenu

1.4

  • Handles blank menu items better

1.3

  • Better compatibility with themes that remove the wp_nav_menu ‘container’ parameter.

1.2

  • Added option to select specific theme locations to apply the responsive select menu to.

1.1

  • Fixed option closing tag order for valid HTML markup

1.0

  • Initial version