8 jQuery WordPress Menu Plugins and Bonus Tutorial for the Adventurous
Search “WordPress menu plugins” in Google = Eeek!
A quick search for WordPress menu plugins in Google will bring up over 65,500,000 results. Oh, dear Lord! Dozens, if not hundreds, of those results can be quite mouth-watering at first glance. But sifting through the mess of unappetizing stuff to find something satisfying can be frustrating to say the least. Even searching the WordPress plugin repository can be quite tedious.
So, here’s a collection of really cool jQuery-powered WordPress menu plugins to get you feeling more inspired than frustrated (and to enhance the user experience on your site, of course). You’re welcome! Along with the 4 freebies and 4 premies, be sure to check out the bonus tutorial at the end if you want to get your hands dirty and create something truly unique!
4 Free jQuery WordPress menu plugins from Design Chemical
#1 – Mega Menu Widget
This is one of the best free WordPress menu plugins I’ve used. Drag the Mega Menu Widget into any widget area and select one of your custom menus from the dropdown. Apply one of 8 available skins, set the animation effects, and you’re done. Simple. Plus, you can download the stylesheet to use images in your custom menu as shown above. Go to the Custom Mega Menu styling page at Design Chemical and click “Download Source Files”.
If you don’t have a widget area where you want to display the menu (for example, in your theme’s header), see How to Widgetize a Page, Post, Header or Any Other Template in WordPress.
#2 – Vertical Mega Menu Widget
The widget options of this plugin are quite similar to #1 above when it comes to choice of skins and animation effects. You can also select to have the sub-menus flyout to the left or to the right. And yes, you can have multiple instances of the widget on any page. To use images in your menu, get the advanced styling stylesheet from Design Chemical.
#3 – Drill Down iPod Menu Widget
This plugin is an excellent option if you need to present a large, complicated hierarchical menu in a small, vertical, compact and fixed-sized area. Breadcrumb navigation in the menu widget makes it easy for your site visitors to know at a glance where they are in the menu hierarchy.
FREE EBOOK
Your step-by-step roadmap to a profitable web dev business. From landing more clients to scaling like crazy.
FREE EBOOK
Plan, build, and launch your next WP site without a hitch. Our checklist makes the process easy and repeatable.
#4 – Floating Menu
Have important links that you want to be available to your site visitors at all times? This plugin enables you to create multiple instances of sticky menus that can be set to float to either side of the screen, and remain visible while your site visitors scroll through your pages. It also comes with shortcodes that can be used to toggle any menu open or closed when visiting specific pages. Neat.
4 Premium jQuery WordPress Menu Plugins from Code Canyon
#5 – UberMenu
#6 – Smart Menu Responsive jQuery Mega Menu
#7 – jQuery Sidebar Menu
#8 – Responsive Searchable 3 Level Accordion Menu
Bonus tutorial
#9 – Slide Down Box Menu – Tutorial | Live Preview | Source Code
If you’re feeling adventurous and want to build something absolutely brilliant for your site, do check out this tutorial from Codrops Web Design. It provides detailed instructions, as well as all the code you need right on the page. You can also download the source files.
Note that this tutorial doesn’t really have anything to do with WordPress Menu Plugins… ‘cuz it’s not a plugin. I just found that the menu it allows you to create is quite unique, so wanted to include it here with the plugins. It also does not make use of WordPress custom menus; the menu created should be hard-coded in your template. So if you want it, go for it, and have some fun!
While you’re there, check out some of the other tuts from Codrops: it’s jaw-dropping stuff folks!
Photo credit: Flickr.com
Tags: