WordPress jquery combined can create awesome possibilities for websites!
The buzz for jQuery is around everywhere these days. We have shared a few jQuery resources recently, but the demand for jQuery seems to be just increasing. So today I’m back with another post related to jQuery.
Even though jQuery is relatively a very “young” Javascript library, compared to its colleagues it certainly has established itself as the most popular one.
We are proudly presenting a collection of the best tutorials from all over the internet in order to optimize your WordPress blog. Fasten your seatbelts, you are about to find plenty of useful resources, tips and tricks.
Including jQuery in WordPress (The Right Way)
If you want, you can just download jQuery, put it on your server and link to it from your header.php file in the <head> section. But that can cause you grief. For one thing, some plugins use the jQuery library, and they are going to load it as well. This can cause problems. How was your plugin to know you already had it loaded?
View Tutorial
Build the ANidea Theme Switcher using jQuery
If you haven’t played with it, give it a shot: click the button that says “Change Theme” on the bottom right of your browser window and select a new image. Go ahead and play with it, you’ll stay on this page.
View Tutorial
An Elegant Featured Content Slider for WordPress
This featured content slider is based on “The Coda Slider,” a neat device used by Panic Software to display information about their “Coda” product on their website (http://www.panic.com). This effect is beautiful, flexible, and often copied.
View Tutorial
How to Create a Better WordPress Options Panel
It will guide you through the entire process of creating an admin options panel for a WordPress theme, using the excellent WooFramework as an example. Then, we’ll take things a step further, as we implement jQuery to improve the functionality.
View Tutorial
Attractive jQuery Menu with Fadein and Fadeout Effect
A combined tutorial of jQuery and CSS. At the beginning it seems like a simple fade-in and fade-out effect, but actually it also requires some CSS.
View Tutorial
5 tips for using AJAX in WordPress
AJAX is used in many WordPress themes and plugins. However, not all of those themes and plugins implement AJAX properly. This article reveals 5 best practices in developing AJAX for WordPress.
View Tutorial
How to Highlight Search Terms with jQuery
A neat way to spice up your WordPress search page is to highlight search terms within your search results. I’ve seen some tutorials on the net on how to do this, but I haven’t found one that highlights both title and post content and is a drop-in modification for WordPress.
View Tutorial
Troubleshooting, Implementing Sidebar Tabs
WordPress and jQuery can work effectively if implemented correctly. It can enhance your blogs functionality and the range of application. This tutorial is concerned with some WordPress-jQuery troubleshooting tips, techniques and the ability to add tabs to your sidebar.
View Tutorial
Build a Basic Newspaper style layout with WordPress and jQuery
Grid/Newspaper/Magazine templates are becoming more and more predominant in the WordPress skin and theme community. They look classy, but it can be daunting to find out where to start. In this tutorial we use the power of jQuery to create a grid layout with diminishing headers!
View Tutorial
Create a jQuery Carousel with WordPress Posts
This post will give you a quick run down of how to easily add a simple and easily customizable carousel with WordPress posts from a specified category.
View Tutorial
Adding Form Validation to WordPress Comments using jQuery
When it comes to simpler user experience, having your form validation happen instantly on the same page is a lot faster than reloading pages and possibly losing some form content. In this tutorial, I’ll show you how to use jQuery to do some instant checking on an example comment form.
View Tutorial
Astonishing iCal-like calendars with jQuery
Finding a good place to place a big table like a calendar within your WordPress template is always a tough work. In addition, the <table> tag itself is often quite difficult to style in a good way.
View Tutorial
How to add featured sliding content to WordPress
You can download the source code for the tutorial, which contains everything you need to put this little thingy on your site in 5 minutes tops.
View Tutorial
Multi-Level Drop Down menu using jQuery
We’re often forced to choose between pure CSS drop-down menu or Javascript drop-down menus in our struggle with cross-browser compatibility.
View Tutorial
Using jQuery to Liven Up Your WordPress Login
Just in case you’ve been coding in a box for the last 10 years, jQuery is a great JS library that has a number of nifty usages. One of its popular plugins is the ‘thickbox‘ and it’s what we’re going to use now to create a simple means of logging in for you/your clients.
View Tutorial
Easy Way To Make WordPress Ajax Pagination Using jQuery
Making your paginated content in WordPress load using AJAX is extremely easy using a bit of jQuery. Here is how.
View Tutorial
Add Flickr To WordPress In 5 Simple Steps
Simply put, how can you add your Flickr Photostream to your WordPress blog using jSon and jQuery. I learned how to do this trick a few weeks ago while checking out a video series over at CSS-Tricks.
View Tutorial
Show/hide a widget in WordPress with jQuery
First make sure that your WordPress site is calling jQuery, by plugging in this code into your header.php file above the <?php wp_head(); ?> text:
View Tutorial
Contact Form without a Plugin
There are lots of WordPress plugins for contact forms, but wouldn’t it be nice to have more control over the markup? In this tutorial, learn how to use a custom page template to create a contact form in WordPress without a plugin.
View Tutorial
Image Gallery/News Slider with Caption
Until this day, jQuery is still blowing me away with its simplicity and robustness. We’re going to learn how to create a news slider.
View Tutorial
Create a Twitter-Like “Load More” Widget
Both Twitter and the Apple App Store use a brilliant technique for loading more information; you click the link and fresh items magically appear on the screen. This tutorial teaches you to use AJAX, CSS, Javascript, JSON, PHP, and HTML to create that magic. This tutorial will also feature both jQuery and MooTools versions of the script.
Cool stuff.. I like the menu with fading effect. Looks cool.