Wordpress Plugin

Online Help Sliding Menu

You can use the Online Help Sliding Menu plugin to transform a normal sidebar menu (custom or pages list) into a responsive online help style sliding menu.

This is a great plugin to use for documentation websites!

The sliding is achieved with jQuery. For responsive environments, the menu is automatically hidden and a button labels SHOW/HIDE MENU is displayed – use this button to view or hide the menu.

As an Online Help Sliding Menu, you can choose to show one of the custom menus or a list of the Pages of your website. Before setting up this plugin, you must first create a custom menu or, set up the order of the pages of your website.

For Pages that have child pages the menu will add a folder icon on the left side of the page name. Other Pages will have a file icon on the left side of the page name.
When you click the folder icon, the menu will slide down, the folder icon opens and the menu slides down showing the child pages.
When you open a link (anywhere on your website) to a page on the menu, if that page is a child page, the menu opens (slides down) all parent items of that page.

Every time you navigate to a page on the menu, the current state of the menu (opened and/or closed items) is kept for the current browser session.

If you select the Pages Menu option on this plugin’s settings page, you can also enter the ids of pages which you do not want to have on the menu.

Menus with many pages may require an increased value for the MAX_INPUT_VARS PHP variable – on this plugin’s settings page, you can check to see the current value.

  1. Upload the plugin files to the /wp-content/plugins/Online Help Sliding Menu directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Create a Custom Menu or arrange the Pages of your website in the order you want them to appear on the Online Help Sliding Menu.
  4. Use the Settings->Online Help Sliding Menu screen to configure the plugin.
  5. Go to the Appearance->Widgets screen and add the OH Sliding Menu widget to the Sidebar area.
  6. On the Widget, enter the Widget Title and then click Save.

Installation Instructions
  1. Upload the plugin files to the /wp-content/plugins/Online Help Sliding Menu directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Create a Custom Menu or arrange the Pages of your website in the order you want them to appear on the Online Help Sliding Menu.
  4. Use the Settings->Online Help Sliding Menu screen to configure the plugin.
  5. Go to the Appearance->Widgets screen and add the OH Sliding Menu widget to the Sidebar area.
  6. On the Widget, enter the Widget Title and then click Save.
Does this plugin really needs BootstrapCSS to work?

Not really. But using this CSS library might help with the way the menu is displayed on the sidebar.
You can enable the Enable BootstrapCSS from CDN? check box and see if the menu looks better. However, this might also affect your entire website as well.
Use caution!

Can I also see Posts on the sidebar menu with this plugin?

Of course. All you have to do add Posts to the custom menu you create. However, this is not possible when you select the Pages Menu option on this plugin’s settings page.

1.0

  • First release

View full post on WordPress Plugins

Tags
Help Menu Online Sliding
Show More

Related Articles

One Comment

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back to top button