このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。

JQuery Vertical Mega Menu Widget

説明

Creates a widget, which allows you to add flyout vertical mega menus from any standard WordPress custom menu using jQuery. Can handle multiple vertical mega menus on each page and offers 3 animation effects – show/hide, fade In or slide out. Widget also gives the option of selecting left or right for the flyout menu depending on where you side column is. For best results use 3 levels for the custom menu.

Menu Options

The widget has several parameters that can be configured to help cutomise the vertical mega menu:

  • Number Items Per Row – Select the number of sub-menu items to be shown on each row of the mega menu.
  • Animation Effect – The effect used to display the flyout mega menu – select either show, fade in or slide out.
  • Animation Direction – Choose the direction for the flyout menu – either left or right.
  • Animation Speed – The speed at which the dropdown menu will open/close
  • Skin – 8 different sample skins are available to give examples of css that can be used to style your own vertical mega menu

See demo

Plugin Home Page

スクリーンショット

  • Vertical mega menu widget in edit mode
  • Sample custom menu structure
  • Sample menu skins
  • Example of open mega menu

インストール

  1. Upload the plugin through Plugins > Add New > Upload interface or upload jquery-vertical-mega-menu folder to the /wp-content/plugins/ directory
  2. WordPress の「プラグイン」メニューからプラグインを有効化してください
  3. In the widgets section, select the jQuery vertical mega menu widget and add to one of your widget areas
  4. Select one of the WP menus, set the required settings and save your widget

FAQ

Also check out our vertical mega menu faq page

Installation Instructions
  1. Upload the plugin through Plugins > Add New > Upload interface or upload jquery-vertical-mega-menu folder to the /wp-content/plugins/ directory
  2. WordPress の「プラグイン」メニューからプラグインを有効化してください
  3. In the widgets section, select the jQuery vertical mega menu widget and add to one of your widget areas
  4. Select one of the WP menus, set the required settings and save your widget
The menu appears on the page but does not work. Why?

One main reason for this is that the plugin adds the required jQuery code to your template footer. Make sure that your template files contain the wp_footer() function.

Another likely cause is due to other non-functioning plugins, which may have errors and cause the plugin javascript to not load. Remove any unwanted plugins and try again. Checking with Firebug will show where these error are occuring.

How should I structure my custom menu to get the best results?

The widget works by taking the standard menu structure and creating the sub-menus from the nested links. To get the full effect you need to have 3 levels within the custom menu:

  1. First level is used for the main menu items
  2. The second level is used to create the sub-menu headings
  3. The 3rd level links are then grouped together under the headings to create the menu options

Example: Products –> Category –> Product Ranges

The menu appears on the page and looks correct but I cant see the flyout menu?

Make sure that your theme does not have the side column, where your menu is located, set to overflow: hidden in the style sheet file – this will hide the flyout menu

評価

2016年9月3日
One of a kind, i spent a whole day searching for plugin to put a stylish menu in twenty sixteen widget section until i found this one, even though it need to update but still work well .. cross my fingers and hope the developer update it. Thank you
7件のレビューをすべて表示

貢献者と開発者

JQuery Vertical Mega Menu Widget はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“JQuery Vertical Mega Menu Widget” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

1.3.3

  • Update: change wp_enqueue_script to function

1.3.2

  • Fixed: Error with default values

1.3.1

  • Fixed: Bug with “No theme” option

1.3

  • Fixed: IE invalid argument in jQuery plugin

1.2

  • Fixed: Bug incorrectly calculating position of sub menu

1.1

  • Fixed: IE7 bug with sub-menu width

1.0

  • First release