How to add JQuery library to WordPress Theme
WordPress already comes with the latest jQuery library so all you have to do is include it in your theme if you want to make use of it. Once you include the JQuery library you can start using all the cool JQuery functions. There are two ways you can include the JQuery library in your theme:
Option A: Insert the following in your “header.php” file of the WordPress theme:
Option B: Add the following bit of code in the “functions.php” file of your WordPress theme:
Some Cool JQuery Plugins
1. Slider Gallery
With Slider Gallery you can create a slider just like the ‘product slider’ Apple so proudly showcases at their website.
Visit the Slider Gallery site for a live demo and the tutorial.
2. Auto Suggest – Facebook Style!
Want to build an auto suggest field like Facebook search box? Web2Ajax has a cool plugin for that. It uses JQuery as an Ajax framework and BSN Auto suggest library. Supports cache and has cross browser support.
Visit web2ajax.fr site for a live demo and the tutorial.
3. Round Corners
Plain old right-angled corners of HTML are considered archaic these days. However the extra work required to take the edge off the corners is quite cumbersome. The JQuery Corners to the rescue! This easy-to-use library offers various corner effects including round ones. Different affects can be applied to top and bottom corners.
Visit the Malsup site for a live demo and the tutorial.
If you find the look and feel of TinyMCE as a rich text editor very boring(I know I do), markitUp is a great alternative for you. It has customizable skins, one of which gives it a Mac OS style look and feel!
Visit markitup.jaysalvat.com for a live demo and the tutorial.
Don’t alarm your users with alert boxes! Use Lightbox instead. It’s a simple, elegant and unobtrusive plugin that overlays images on the current page and displays a message box(or whatever HTML you choose) on top of it. It was inspired in Lightbox JS by Lokesh Dhakar.
Visit leandrovieira.com for a live demo and tutorial. I use the JQuery lightbox plugin in the WP eStore Shopping Cart plugin.