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.
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?
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.
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.
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.
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.
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.
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.
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.
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!
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.
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.
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.
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.
Multi-Level Drop Down menu using jQuery
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.
Making your paginated content in WordPress load using AJAX is extremely easy using a bit of jQuery. Here is how.
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.
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:
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.
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.
Create a Twitter-Like “Load More” Widget