WordPress.org. Accordion menu wordpress
Nextend Accordion Menu | WordPress.org
Описание
Nextend Accordion Menu gives you complete control over menu levels, colors, animation effects and more. All accordion menu themes comes with their own settings and preset skins that can be customized without any HTML or CSS knowledge. You can define multiple instance of accordion menu then you can add the created accordion menu with the help of widgets and shortcodes.
Accordion menu used widely in navigation, sliding, minimizing and maximizing content. They can be expanded whenever and however needed, saving valuable space while displaying a wide range of content. It gives a powerful user navigation experience for you and your visitors.
DEMO | PRO VERSION PAGE | DOCUMENTATION
Note: In this Lite version you get a totally usable plugin with one theme (Default Theme) which is the product of many hours development. If you want 3 extra themes and features with excellent personal support please purchase the PRO version. Click here to upgrade to the Accordion Menu PRO version!
Installation:
Installation instruction and usage documentation
Most powerful features:
- 4 fully customizable themes and multiple skins to choose from
- Complete control from the backend over colors, backgrounds, images, fonts etc. level by level and state by state (active, hover etc.)
- Integrated font manager with Google fonts
- Unlimited deep menu levels
- Uses caching for the menu tree, for CSS and JavaScript, so it’s extremely fast
- Varied animation types for the menu
- More than 30 parameter to set technically everything, some example: Parent item as link, Accordion mode, Activator event, Always opened, Menu slice/splice, Animations, Menu class suffix, Icons, Menu counter etc.
Установка
- Upload the plugin through ‘Plugins > Add New > Upload’ interface or upload nextend-accordion-menu folder to the ‘/wp-content/plugins/’ directory.
- Activate the Nextend Accordion Menu plugin through the ‘Plugins’ menu in WordPress.
- Optional: If you would like to create a new Accordion Menu, then you need a custom menu from WordPress. Use an existing or create a new ‘Appearance > Menus’ menu.
- Create a new Accordion Menu: Click on the ‘Accordion Menus > Add New’ menu, add a title, choose a source from the WordPress menus and finally click on the Save button. Now you can customize your menu’s themes level by level and set the other options.
- In the ‘Appearance > Widgets’ menu select the Nextend Accordion Menu widget and add to one of your widget areas. Select one of your accordion menu, set the required settings and save your widget.
- Check our official documentation for more information
Часто задаваемые вопросы
Installation Instructions- Upload the plugin through ‘Plugins > Add New > Upload’ interface or upload nex
ru.wordpress.org
JQuery Accordion Menu Widget | WordPress.org
Creates vertical accordion menus from any WordPress custom menu using jQuery. Add menus using either widgets or shortcodes. Features include — handles multiple levels, saved state using cookies, add count of number of links and option of selecting «click» or «hover» events for triggering the menu.
The plugin has several parameters that can be configured to help cutomise the vertical accordion menu. These can either be set via the widget control panel or by passing parameters in a shortcode:
Widget Options for Menu
The plugin has several parameters that can be configured to help cutomise the vertical accordion menu:
- Click/Hover — Selects the event type that will trigger the menu to open/close
- Auto-close open menus — If checked this will allow only one menu item to be expanded at any time. Clicking on a new menu item will automatically close the previous one.
- Save menu state (uses cookies) — Selecting this will allow the menu to remember its open/close state when browsing to a new page.
- Auto Expand Based on Current Page/Item — If checked, this option will automatically expand sub-menus based on the current page/post based on the inherent WordPress custom menu css classes — e.g. select this option if you would like the menu to automatically expand when the user clicks a link other than the accordion menu.
- Disable parent links — If selected, any menu items that have child elements will have their links disabled and will only open/close their relevant sub-menus. Do not select this if you want the user to still be able to browse to that item’s page.
- Close menu (hover only) — If checked the menu will automatically fully close after 1 second when the mouse moves off the menu — only available if event type is «hover»
- Show Count — If checked the menu will automatically add a count showing the number of links under each parent menu item
- Class Menu — Set the CSS class of the WordPress menu. If blank the default class «menu» will be used
- Class Disable — Input the CSS class for parent menu items that should be disabled — i.e. the child sub-menu remains open
- Hover delay — This setting adds a delay to the hover event to help prevent the menu opening/closing accidentally. A higher number means the cursor must stop moving for longer before the menu action will trigger
- Animation Speed — The speed at which the menu will open/close
- Skin — Several sample skins are available to give examples of css that can be used to style your accordion menu
Note: care should be taken when selecting the hover event as this may impact useability — adding a hover delay and reducing the animation speed may help reduce problems with useability
Using Shortcodes
The minimum requirement to use a shortcode is to include the name of the menu that you want to use for the accordion — the name must match one of the menus created in the WordPress menu admin page. To add a menu using shortcodes use the following code:
[dcwp-jquery-accordion menu=»Test Menu»]
Optional shortcode parameters for customising the menu (refer to widget settings above for information):
event — click/hover (default = click)auto_close — true/false (default = false)save — true/false (default = false)expand — true/false (default = false)disable — true/false (default = false)close — true/false (default = false)count — true/false (default = false)menu_class — optional (default = menu)disable_class — optional (no default)hover — 600animation — slow/normal/fast (default = slow)skin — black/blue/clean/demo/graphite/grey (default = No Theme)
For more information please check out the plugin home page:
Plugin Home Page
See Demo
- Widget in edit mode
- Sample vertical accordion menus
- Upload the plugin through Plugins > Add New > Upload interface or upload jquery-vertical-accordion-menu folder to the /wp-content/plugins/ directory
- Активируйт
ru.wordpress.org
Nextend Accordion Menu | WordPress.org
Опис
Nextend Accordion Menu gives you complete control over menu levels, colors, animation effects and more. All accordion menu themes comes with their own settings and preset skins that can be customized without any HTML or CSS knowledge. You can define multiple instance of accordion menu then you can add the created accordion menu with the help of widgets and shortcodes.
Accordion menu used widely in navigation, sliding, minimizing and maximizing content. They can be expanded whenever and however needed, saving valuable space while displaying a wide range of content. It gives a powerful user navigation experience for you and your visitors.
DEMO | PRO VERSION PAGE | DOCUMENTATION
Note: In this Lite version you get a totally usable plugin with one theme (Default Theme) which is the product of many hours development. If you want 3 extra themes and features with excellent personal support please purchase the PRO version. Click here to upgrade to the Accordion Menu PRO version!
Installation:
Installation instruction and usage documentation
Most powerful features:
- 4 fully customizable themes and multiple skins to choose from
- Complete control from the backend over colors, backgrounds, images, fonts etc. level by level and state by state (active, hover etc.)
- Integrated font manager with Google fonts
- Unlimited deep menu levels
- Uses caching for the menu tree, for CSS and JavaScript, so it’s extremely fast
- Varied animation types for the menu
- More than 30 parameter to set technically everything, some example: Parent item as link, Accordion mode, Activator event, Always opened, Menu slice/splice, Animations, Menu class suffix, Icons, Menu counter etc.
Встановлення
- Upload the plugin through ‘Plugins > Add New > Upload’ interface or upload nextend-accordion-menu folder to the ‘/wp-content/plugins/’ directory.
- Activate the Nextend Accordion Menu plugin through the ‘Plugins’ menu in WordPress.
- Optional: If you would like to create a new Accordion Menu, then you need a custom menu from WordPress. Use an existing or create a new ‘Appearance > Menus’ menu.
- Create a new Accordion Menu: Click on the ‘Accordion Menus > Add New’ menu, add a title, choose a source from the WordPress menus and finally click on the Save button. Now you can customize your menu’s themes level by level and set the other options.
- In the ‘Appearance > Widgets’ menu select the Nextend Accordion Menu widget and add to one of your widget areas. Select one of your accordion menu, set the required settings and save your widget.
- Check our official documentation for more information
Часті питання
Installation Instructions- Upload the plugin through ‘Plugins > Add N