We all love WordPress and jQuery. WordPress offers us an awesome CMS which able to power any type of site we like. Meanwhile, jQuery provide us better user interaction and experience. With combined the power of jQuery with WordPress (jQuery based WordPress plugins), the possibilities are infinite.
In this post you’ll find out some useful jQuery based WordPress plugins. Most of them are converted from existing jQuery plugins. Of course, you may include jQuery plugins directly to your WordPress, but only if you know. Well, thanks to these jQuery based WordPress plugins, they manage to save us a lot of time and work.
Please note that this post does not cover the sliders or slideshow plugins. Still, you can find them in free and premium jQuery sliders and image galleries plugins.
jQuery Accordion Menu allows you to create accordion menus from WordPress custom menu using jQuery. The created accordion menu can be added to your blog through either widgets or shortcodes.
Wish to have a mega menu for your blog like screenshot above? Then here is the WordPress plugin for you. This plugin allows you to create drop down mega menu from WordPress custom menu using jQuery. It can even handle multiple mega menus on each page.
I believe most of you have seen the result from this plugin before. This plugin allows you to show recommended related posts from within your post on a widget that only ‘slides’ in at the bottom of the page. If you don’t know how exactly it works, you could take a visit to NYTimes.com.
Contact Form 7 is a simple but flexible contact form plugin for WordPress. It can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. It utilizes the jQuery form library.
SimpleModal Contact Form (SMCF) is an AJAX powered modal contact form. You don’t have to purposely create a contact form in your blog, SMCF will do all for you.
Slick contact forms plugin allows you quickly and easily create floating, stickly, or sliding contact forms for any area on your blog using widgets. Moreover, the plugin includes validation for the form fields using animated error messages.
Do you like the ‘infinite scrolling‘ feature in Facebook or Twitter? If do, with this WordPress plugin, you could have the same feature for your blog as well. When a user scrolls towards the bottom of your blog, the next page is automatically appended via AJAX.
Yes, you could integrate FancyBox into your blog. This plugin will automatically apply FancyBox to any thumbs that link directly to an image by default. However, you can customize it using wp-admin to suit your needs.
Slimbox2 is an enhanced clone of the Lightbox script which used to create an impressive image overlay with slide-out effects. Now it is available as WordPress plugin.
Lightbox Plus permits users to view larger versions of images, simple slide shows, videos and content all in an overlay by using jQuery ColorBox plugin.
This WordPress plugin will apply Lazy Loading to all images in your blog. For those who don’t know what Lazy Load is, it will delays loading of images in pages. Images below the fold won’t be loaded before user scrolls down.
If you wish to use a lot of tables in your post, then definitely you should install this WordPress plugin. WP-Table Reloaded enables you to create and manage tables in WP-admin area. No HTML knowledge is needed. You could even extend your tables with features like sorting, pagination, filtering, and more.
Personally I don’t like kind of popups in a page. Whatsoever, if you want to have popups for you blog, then this plugin will definitely help out. You can modify the popup content using Visual Text editor and have few options to choose where the popup is displayed.
This plugin allows live comment preview without page reboot. It allows commenters to preview their comment before submitting.
If you don’t like WordPress built-in visual editor, then you should try out jQuery Post Preview plugin. It allows live post preview without page refresh in wp-admin.
Get annoyed with WordPress default comments checking mechanism which shows the error on different page? Then get comment validation works for you. This plugin adds client-side validation to the WordPress comment form using jQuery validation plugin.
SearchAutocomplete plugin will automatically add autocomplete functionality to your blog search based on post title, categories and keywords. If you don’t like the default plugin settings and theme, you could even change them at wp-admin.