Title: Responsive Vertical Icon Menu
Author: wpdevart
Published: <strong>2018 年 1 月 23 日</strong>
Last modified: 2026 年 2 月 2 日

---

搜索插件

![](https://ps.w.org/wpdevart-vertical-menu/assets/banner-772x250.jpg?rev=1808074)

![](https://ps.w.org/wpdevart-vertical-menu/assets/icon-128x128.png?rev=2584189)

# Responsive Vertical Icon Menu

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

[下载](https://downloads.wordpress.org/plugin/wpdevart-vertical-menu.1.7.0.zip)

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

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

## 描述

WordPress Responsive Vertical Icon Menu plugin is an nice and handy plugin for showing
your menus in widget. It’s very simple to use. There are a lot of style and font
settings that you will like.

### View our plugin demo page:

 * [Demo Page](https://demo.wpdevart.com)

You can check some of our plugin features below.

### Features of Free version

 * **Easy install and use**
 * **Works without problem with all WordPress versions**
 * **Fully Responsive**
 * **Ability to add Icons**
 * **Ability to choose Submenu opening type and set the duration**
 * **Ability to choose icon function when clicking on it**
 * **User friendly back-end**
 * **Tested on popular WordPress themes**

You can upgrade the free version to [Vertical menu Pro](https://wpdevart.com/wordpress-vertical-menu-plugin)
to add some great features.

### The features of Pro version

 * **Ability to change Main, Sub and Active menus styles**
 * **Ability to select Font family**
 * **Ability to set border styles**
 * **Ability to set Background color**

### If you have any type of question occuring our plugin contact us at support@wpdevart.com.

### Step by step guide

### General Settings

 * Submenu opening type – Select when to display the submenu
 * Submenu opening duration – Type the submenu opening duration
 * Icon option when clicking on it – Choose the option when clicking on it

### Main(Parent) menu style options

 * Padding – Type the padding parameters
 * Icon size – Type the size
 * Background color – Select the Background color
 * Font size – Type the Font size
 * Font family – Choose the Font family
 * Font style – Select the Font style
 * Text color – Choose the Text color
 * Background color when hovering – Choose the Background color when hovering
 * Font size when hovering – Type the Font size when hovering
 * Font family when hovering – Select the Font family when hovering
 * Font style when hovering – Select the Font style when hovering
 * Text color when hovering – Choose the Text color when hovering
 * Active Background color – Select the Background
 * Active Font size – Type the Font size
 * Active Font family – Select the Font family
 * Active Font style – Select the Font style
 * Active Text color – Select the Text color
 * Border width – Type the Border width
 * Border color – Select the Border color
 * Border color when hovering – Select the Border color when hovering
 * Active Border color – Select the Border color
 * Submenu icons size – Type the icons size
 * Submenu opening icon padding – Type the opening icon padding
 * Submenu closing icon padding – Type the closing icon padding

### Submenu style options

 * Padding – Type the padding parameters
 * Background color – Select the Background color
 * Font size – Type the Font size
 * Font family – Choose the Font family
 * Font style – Select the Font style
 * Text color – Choose the Text color
 * Background color when hovering – Choose the Background color when hovering
 * Font size when hovering – Type the Font size when hovering
 * Font family when hovering – Select the Font family when hovering
 * Font style when hovering – Select the Font style when hovering
 * Text color when hovering – Choose the Text color when hovering
 * Active Background color – Select the Background color
 * Active Font size – Type the Font size
 * Active Font family – Select the Font family
 * Active Font style – Select the Font style
 * Active Text color – Select the Text color
 * Border width – Type the Border width
 * Border color – Select the Border color
 * Border color when hovering – Select the Border color when hovering
 * Active Border color – Select the Border color

## 屏幕截图

[⌊Front-end⌉⌊Front-end⌉[

Front-end

[⌊Back-end⌉⌊Back-end⌉[

Back-end

[⌊Back-end⌉⌊Back-end⌉[

Back-end

## 安装

### First of all download the plugin ZIP file.

 1. Log in to your WordPress admin panel.
 2. Go to your Plugins page, then click Add New > Upload Plugin .
 3. Click “Choose file” then select the plugin zip file.
 4. After that upload and activate our plugin.

## 评价

![](https://secure.gravatar.com/avatar/01bbd05d6dec9e2c58bef8a918c8111d65287cc7d5f363dce9a42b830b68ccdb?
s=60&d=retro&r=g)

### 󠀁[Great plugin](https://wordpress.org/support/topic/great-plugin-33414/)󠁿

 [prowl00](https://profiles.wordpress.org/prowl00/) 2022 年 2 月 13 日

Works very well and the support is very good! Highly recommend.

![](https://secure.gravatar.com/avatar/4a09498b1ed486113318c23efe0ffcb209390f026a9d7f3ae92df9d43401fe5b?
s=60&d=retro&r=g)

### 󠀁[The best service](https://wordpress.org/support/topic/the-best-service-4/)󠁿

 [fr10co](https://profiles.wordpress.org/fr10co/) 2021 年 4 月 14 日

fix my problems instantly…

![](https://secure.gravatar.com/avatar/35e81a86c5aa2c37051556831c5fbb249dd75df5edd0e1aa683ed97ca3bcf2e7?
s=60&d=retro&r=g)

### 󠀁[Great Support](https://wordpress.org/support/topic/great-support-2661/)󠁿

 [MaxFolmer](https://profiles.wordpress.org/maxfolmer/) 2020 年 3 月 6 日

There was a small problem with the arrows in the Wpdevart vertical menu. But they
solved it quickly and gave me the .css solution to fix it on my production website.
Thanks people!

![](https://secure.gravatar.com/avatar/c7dea13964585c222f1354f9fe4c3f4f1d129eda4cc712681974266dc0e5de9b?
s=60&d=retro&r=g)

### 󠀁[So far so good, keep it up guys!](https://wordpress.org/support/topic/so-far-so-good-keep-it-up-guys/)󠁿

 [cdegeus](https://profiles.wordpress.org/cdegeus/) 2020 年 2 月 19 日

Nifty little plugin that is working great with Divi.

![](https://secure.gravatar.com/avatar/f67ed0ed5da4655a0819adea68f4ade4403f2e21ee3745805ac19b19206a914a?
s=60&d=retro&r=g)

### 󠀁[Nice plugin](https://wordpress.org/support/topic/nice-plugin-3484/)󠁿

 [tinkz](https://profiles.wordpress.org/tinkz/) 2020 年 2 月 5 日

Does exactly what I needed. Great support team too. Needed a font added to the existing
suite of fonts. The Team turned it around in a couple of days. Excellent!

![](https://secure.gravatar.com/avatar/68c14ee732a8ad0709cd5ca78ec4186ccb68c7686c9c2464b87e2c74325fa9bf?
s=60&d=retro&r=g)

### 󠀁[Awesome Support](https://wordpress.org/support/topic/awesome-support-346/)󠁿

 [graphiti](https://profiles.wordpress.org/graphiti/) 2019 年 1 月 22 日

Your customer support is just amazing! The plugin works perfect, with all the look
and feel as well the functions I needed. But it did not load the google fonts I 
was using. Just one e-mail to the support team and they solved it! Hope the plugin
will be updated more with the fonts and other capabilities, but till then your support
was the best! Keep it up!

 [ 阅读所有7条评价 ](https://wordpress.org/support/plugin/wpdevart-vertical-menu/reviews/)

## 贡献者及开发者

「Responsive Vertical Icon Menu」是开源软件。 以下人员对此插件做出了贡献。

贡献者

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

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

### 对开发感兴趣吗?

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

## 更新日志

#### 1.7.0

 * admin UI changes

#### 1.6.9

 * added image.

#### 1.6.8

 * Code improved.

#### 1.6.7

 * tested.

#### 1.6.6

 * Code improved.

#### 1.6.5

 * bug fixed.

#### 1.6.4

 * Code improved.

#### 1.6.3

 * Code improved.

#### 1.6.2

 * Fixed a bug.

#### 1.6.1

 * New version.

#### 1.6.0

 * Fixed a bug.

#### 1.5.9

 * Vulnerability issue fixed.

#### 1.5.8

 * Removed a featured plugin from the list.

#### 1.5.7

 * Corrected some functions descriptions.

#### 1.5.6

 * Fixed some mistakes.

#### 1.5.5

 * Corrected the error message text.

#### 1.5.4

 * Fixed some mistakes.

#### 1.5.3

 * Corrected the changelog.

#### 1.5.2

 * Edited the description texts of the sub-main page.

#### 1.5.1

 * Edited the main menu admin texts.

#### 1.5.0

 * Corrected some options descriptions.

#### 1.4.9

 * Added descriptions for some functions.

#### 1.4.8

 * Changed the functions descriptions.

#### 1.4.7

 * Changed the headline text of the themes page.

#### 1.4.6

 * Changed the options descriptions button style.

#### 1.4.5

 * Updated widget functions descriptions.

#### 1.4.4

 * Edited some parameters.

#### 1.4.3

 * Changed some options names.

#### 1.4.2

 * Changed the featured plugins page style.

#### 1.4.1

 * Changed a featured plugin icon design.

#### 1.4.0

 * Corrected spelling mistakes.

#### 1.3.9

 * Added descriptions for some functions.

#### 1.3.8

 * Corrected the plugin page URL.

#### 1.3.7

 * Added comments for functions.

#### 1.3.6

 * Corrected spelling mistakes.

#### 1.3.5

 * Changed the admin menu style.

#### 1.3.4

 * Fixed spelling mistakes.

#### 1.3.3

 * Changed featured plugins page design.

#### 1.3.2

 * Changed featured plugins icons.

#### 1.3.1

 * Added function descriptions.

#### 1.3.0

 * Added new featured plugin – Duplicate page.

#### 1.2.9

 * Corrected spelling mistakes.

#### 1.2.8

 * Made some changes in the code.

#### 1.2.7

 * Added new featured plugin.

#### 1.2.6

 * Added new chart plugin to the featured plugins list.

#### 1.2.5

 * Added some description for developers.

#### 1.2.4

 * Edit the menu icon Upload button text.

#### 1.2.3

 * Fixed some mistakes.

#### 1.2.2

 * Change some code.

#### 1.2.1

 * Added icons.

#### 1.2.0

 * Added featured plugins icons.

#### 1.1.9

 * Edit the default settings.

#### 1.1.8

 * Some changes for developers.

#### 1.1.7

 * Added functions titles.

#### 1.1.6

 * Added new feature.

#### 1.1.5

 * Fixed submenu arrow bug.

#### 1.1.4

 * Added new option.

#### 1.1.3

 * Support URL added.

#### 1.1.2

 * New featured plugin added.

#### 1.1.1

 * Fixed file location mistake.

#### 1.1.0

 * New featured plugin added.

#### 1.0.9

 * Changed admin styles.

#### 1.0.8

 * Changed featured plugin names.

#### 1.0.7

 * Changed some texts.

#### 1.0.6

 * Added some comments in code.

#### 1.0.5

 * Added submenu display option.

#### 1.0.4

 * Added functions names.

#### 1.0.3

 * Added comments for developers.

#### 1.0.2

 * Fixed some notices.

#### 1.0.1

 * Changes some options.

#### 1.0.0

 * Initial version.

## 额外信息

 *  版本 **1.7.0**
 *  最后更新：**4 月前**
 *  活跃安装数量 **800+**
 *  WordPress 版本 ** 3.4.0 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  语言
 * [English (US)](https://wordpress.org/plugins/wpdevart-vertical-menu/)
 * 标签
 * [menu](https://cn.wordpress.org/plugins/tags/menu/)[sidebar menu](https://cn.wordpress.org/plugins/tags/sidebar-menu/)
   [sidebar vertical menu](https://cn.wordpress.org/plugins/tags/sidebar-vertical-menu/)
   [vertical menu](https://cn.wordpress.org/plugins/tags/vertical-menu/)
 *  [高级视图](https://cn.wordpress.org/plugins/wpdevart-vertical-menu/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  7 条 5 星评价     ](https://wordpress.org/support/plugin/wpdevart-vertical-menu/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/wpdevart-vertical-menu/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/wpdevart-vertical-menu/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/wpdevart-vertical-menu/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/wpdevart-vertical-menu/reviews/?filter=1)

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

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

## 贡献者

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

## 支持

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

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

## 捐助

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

 [ 捐助此插件 ](https://wpdevart.com/wordpress-vertical-menu-plugin/)