16 Useful jQuery Tutorials to Enhance your WordPress Site
4th Feb 2012 | Posted by Eko S. | 6 CommentsThe fact about wordpress is it can be customized to power any type of site you like! Rather than a static site, you can make your wordpress site into a sleek and dynamic platform so it will enhance usability, functionality and readers experience. And the solutions is with integrate your website with jQuery JavaScript Library.
Implement jQuery to your wordpress is easy than would you think, please check these 16 useful jQuery tutorials and create it on your own WordPress site.
How to Create a FAQ Page with WordPress and Custom Post Types
by Sumeet Chawla
A FAQ page is created specifically for the viewers/customers, and contains general questions and their respective answers about a particular product or service. This tutorial details the process of creating a dedicated FAQ section in the WordPress backend with custom post types, as well as how to spice up the actual page a bit by using jQuery and CSS.
Create a Responsive Slider Plugin With FlexSlider for WordPress
by Joseph Casabona
While there is a wealth of slider plugins out there (my current favorite is the one for Nivo Slider), there is not one for FlexSlider, a slider that has keyboard shortcuts and works with swipe on touch screens. In this tutorial, we’ll create that plugin!
How To Create Tabs Using jQuery in WordPress
by Justin Tadlock
Tabbed sidebar elements are in. Why bother making users scroll down the page, when they can simply click a tab to quickly access various parts of your site?
This tutorial is primarily based off WordPress, but can easily be ported anywhere else.
Displaying WordPress Site Data Via jQuery Charts
by Elvin Hajiyev
In this tutorial we will use the jQuery Charts Plotting plugin, JQplot, to create a new WordPress plugin which can display some of your blog’s traffic, popular categories, and more with some beautiful visual charts.
Creating a Tabbed Widget for Custom Post Types
by Brian McCulloh
This tutorial offers one solution by showing you how to create a custom, tabbed widget that grabs your latest articles from multiple custom post types, and as a bonus, shows you how to display star ratings next to each post!
Using jQuery to liven up your WordPress login
by Mark B
In tutorial article, I’m going to show a really quick method of simplifying the clients login process using a jQuery lightbox.
Adding Form Validation to WordPress Comments using jQuery
by Philo Hermans
When it comes to simpler user experience, having your form validation happen instantly on the same page is a lot cleaner 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.
Creating Your Own Image Gallery Page Template in WordPress
by Andres Hermosilla
I will show you how easy it is to create a gallery template page that you could easily tweak and modify for future themes or versions.
HOW TO: Create a jQuery Carousel with WordPress Posts
by Dre Armeda
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.
WordPress Sidebar Turned Apple-Flashy Using jQuery UI
by Harley
I just love the sidebar on the Apple Startpage, and wanted to use the Accordion plugin in jQuery UI to achieve this! As if that’s not enough for me, I want to be able to show and hide it at my pleasure as well. I’m gonna show you how!
Display a Random Post (with AJAX Refresh)
by Chris Coyier
I think you’ll be surprised at how ridiculously easy this is. We are going to leverage some serious smartness from both WordPress and from the JavaScript library jQuery.
Quick Tip: Making a Fancy WordPress Register Form from Scratch
by Ivor Padilla
In this tutorial, I will guide you through the process of making a beautiful “Register” form, using Fancybox, jQuery, and, of course, WordPress. As you’ll find, the process is really quite simple.
WordPress & jQuery Contact Form without a Plugin
by Trevor Davis
In this tutorial, I am going to show how to use a custom page template to create a contact form in WordPress without a plugin.
Getting Loopy – Ajax Powered Loops with jQuery and WordPress
by Dennis Baskin
In this tutorial, we give you a starting point for creating AJAX interaction in your blog. We follow a step by step process, showing you how to load posts based on the viewers page scroll.
Implement a Nice & Clean jQuery Sliding Panel in WordPress 2.7+
by Jeeremie
we will see how to implement the Nice & Clean Sliding Login Panel built with jQuery in WordPress.
Create a Settings Page For Your WordPress Theme
by Jarkko Laine
Luckily, creating a settings page for your theme in WordPress is not very hard, and after reading this tutorial, you will be able to create one in no time!
6 Comments to “16 Useful jQuery Tutorials to Enhance your WordPress Site”
Add Comments (+)-
Dziękuję Wam
-
Fancy WordPress Register Form kelihatan menarik. Nice list by the way.
-
nice tuts
-
thanks for sharing it…and watch out my blog http://techtubbie.com/ i applied some think by this article ….:)
-
Good tutorial! thanks for sharing.
5 of them are very much useful for them… besides.. thanks a lott for sharing