Title: Responsive Select Menu
Author: sevenspark
Published: <strong>2012 年 5 月 10 日</strong>
Last modified: 2016 年 1 月 11 日

---

搜索插件

![](https://ps.w.org/responsive-select-menu/assets/banner-772x250.png?rev=542509)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://s.w.org/plugins/geopattern-icon/responsive-select-menu_eeeef0.svg)

# Responsive Select Menu

 作者：[sevenspark](https://profiles.wordpress.org/sevenspark/)

[下载](https://downloads.wordpress.org/plugin/responsive-select-menu.1.7.zip)

 * [详情](https://cn.wordpress.org/plugins/responsive-select-menu/#description)
 * [评价](https://cn.wordpress.org/plugins/responsive-select-menu/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/responsive-select-menu/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/responsive-select-menu/#developers)

 [支持](https://wordpress.org/support/plugin/responsive-select-menu/)

## 描述

[View Demo 1](http://wpmegamenu.com/responsive-select-menu/)

[View Demo 2 in a Responsive WordPress Theme](http://agility.sevenspark.com/responsive-select-menu)

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](http://wpmegamenu.com/),
but it is designed to work with any UL-based WordPress 3 menu.

Based on the excellent tutorial from [Chris Coyier and CSS Tricks](http://css-tricks.com/convert-menu-to-dropdown/)–
thanks!

## 屏幕截图

[⌊Responsive select menu on the iPhone/iPod Touch⌉⌊Responsive select menu on the
iPhone/iPod Touch⌉[

Responsive select menu on the iPhone/iPod Touch

[⌊Responsive select menu Control Panel⌉⌊Responsive select menu Control Panel⌉[

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. 通过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」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ sevenspark ](https://profiles.wordpress.org/sevenspark/)

[帮助将「Responsive Select Menu」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/responsive-select-menu)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/responsive-select-menu/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/responsive-select-menu/)，或通过
[RSS](https://plugins.trac.wordpress.org/log/responsive-select-menu/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/responsive-select-menu/)。

## 更新日志

#### 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

## 额外信息

 *  版本 **1.7**
 *  最后更新：**9 年前**
 *  活跃安装数量 **3,000+**
 *  WordPress 版本 ** 4.0 或更高版本 **
 *  已测试的最高版本为 **4.4.34**
 *  语言
 * [English (US)](https://wordpress.org/plugins/responsive-select-menu/)
 * 标签
 * [drop down](https://cn.wordpress.org/plugins/tags/drop-down/)[menu](https://cn.wordpress.org/plugins/tags/menu/)
   [responsive](https://cn.wordpress.org/plugins/tags/responsive/)[select](https://cn.wordpress.org/plugins/tags/select/)
 *  [高级视图](https://cn.wordpress.org/plugins/responsive-select-menu/advanced/)

## 评级

 4.3 星（最高 5 星）。

 *  [  32 条 5 星评价     ](https://wordpress.org/support/plugin/responsive-select-menu/reviews/?filter=5)
 *  [  2 条 4 星评价     ](https://wordpress.org/support/plugin/responsive-select-menu/reviews/?filter=4)
 *  [  1 条 3 星评价     ](https://wordpress.org/support/plugin/responsive-select-menu/reviews/?filter=3)
 *  [  1 条 2 星评价     ](https://wordpress.org/support/plugin/responsive-select-menu/reviews/?filter=2)
 *  [  6 条 1 星评价     ](https://wordpress.org/support/plugin/responsive-select-menu/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/responsive-select-menu/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/responsive-select-menu/reviews/)

## 贡献者

 *   [ sevenspark ](https://profiles.wordpress.org/sevenspark/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/responsive-select-menu/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](http://bit.ly/DonateResponsiveSelect)