Free Sample
+ Collection

WordPress 3.0 jQuery

Tessa Blakeley Silver

Enhance your WordPress website with the captivating effects of jQuery.
RRP $26.99
RRP $44.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781849511742
Paperback316 pages

About This Book

  • Enhance the usability and increase visual interest in your WordPress 3.0 site with easy-to-implement jQuery techniques
  • Create advanced animations, use the UI plugin to your advantage within WordPress, and create custom jQuery plugins for your site
  • Turn your jQuery plugins into WordPress plugins and share with the world
  • Implement all of the above jQuery enhancements without ever having to make a WordPress content editor switch over into HTML view


Who This Book Is For

This book is for anyone who is interested in using jQuery with a WordPress site. It's assumed that most readers will be WordPress developers with a pretty good understanding of PHP or JavaScript programming and at the very least experienced with HTML/CSS development who want to learn how to quickly apply jQuery to their WordPress projects.

Table of Contents

Chapter 1: Getting Started: WordPress and jQuery
This book's approach
Core fundamentals you need to know
Essential tools
jQuery background and essentials
WordPress background and essentials
jQuery and WordPress: Putting it all together
Chapter 2: Working with jQuery in WordPress
Getting jQuery into WordPress
Keeping conflicts out!
Launching a jQuery script
Our first WordPress and jQuery setup
jQuery secret weapon #1: Using selectors and filters
jQuery secret weapon #2: Manipulating CSS and elements in the DOM
jQuery secret weapon #3: Events and effects (aka: the icing on the cake)
Making it all easy with statement chaining
Our First Project: Expanding/collapsing WordPress posts
Chapter 3: Digging Deeper: Understanding jQuery and WordPress Together
Two ways to "plugin" jQuery into a WordPress site
The basics of a WordPress theme
The basics of a WordPress plugin
The basics of a jQuery plugin
Putting it all together: Edit the theme or create a custom plugin?
Chapter 4: Doing a Lot More with Less: Making Use of Plugins for Both jQuery and WordPress
The project overview: Seamless event registration
Part 1: Getting everything set up
Part 2: Form validation—make sure that what's submitted is right
Final thoughts and project wrap up: It's all about graceful degrading
Chapter 5: jQuery Animation within WordPress
jQuery animation basics
Grabbing the user's attention
Delving deeper into animation
Chapter 6: WordPress and jQuery's UI
Getting to know jQuery's UI plugin
Enhancing effects with jQuery UI
Enhancing the user interface of your WordPress site
Chapter 7: AJAX with jQuery and WordPress
What AJAX is and isn't: A quick primer
AJAX: It's better with jQuery
Getting started with jQuery's AJAX functionality
Project: Ajaxifying posts
.getJSON: The littlest birds get the most re-tweets
Project: Ajax-izing the built-in comment form
Chapter 8: Tips and Tricks for Working with jQuery and WordPress
Keep a code arsenal
jQuery tips and tricks for working in WordPress
WordPress tips and tricks for optimal jQuery enhancements

What You Will Learn

  • Take maximum advantage of the flexibility and power offered by jQuery, within WordPress
  • Learn the best practices for getting the jQuery library into your WordPress blog/site and plugins using WordPress' Script API
  • Discover how to create rotating slide-shows of sticky posts
  • Enhance the site and still keep the site's editors chugging away happily in WYSIWYG-land.
  • Create sleek eye-catching animations and leverage the jQuery UI plugin within WordPress' “content constraints”
  • Find out how to use AJAX techniques specifically within WordPress
  • Learn how to keep the site's editors happy without having to dramatically change the theme or impose having to use the HTML View to add content on them.
  • Expert guidance with practical step-by-step instructions for adding interactivity to your content and forms
  • Includes tips, tricks, troubleshooting ideas, and a cheat-sheet reference for using jQuery with WordPress 2.8 to 3.0.


In Detail

Using jQuery you can create impressive animations and interactions which are simple to understand and easy to use. WordPress is the leading publishing platform that can be customized to power any type of site you like. But when you combine the power of jQuery with WordPress—the possibilities are infinite.The combination creates a powerhouse of possibilities for generating top-notch, professional websites with great usability features and eye catching visual enhancements.

This easy-to-use guide will walk you through the ins and outs of creating sophisticated, professional enhancements and features, specially tailored to take advantage of the WordPress personal publishing platform. It will walk you through clear, step-by-step instructions to build several custom jQuery solutions for various types of hypothetical clients and also show you how to create a jQuery and WordPress Plugin.This book covers step-by-step instructions for creating robust and flexible jQuery solutions for today's top site enhancements: expanding/sliding content, rotating slideshows and other animation tricks, great uses of jQuery's UI plugin widgets as well as AJAX techniques. Along with these it will also show you best practices for jQuery and WordPress development.

That means, you'll learn how to implement just about any jQuery enhancement you can dream of on a WordPress site and also learn how to do it with minimal edits to the site's theme and while allowing the site's content editors to continue adding content the way they've always been (usually with the WYSIWYG editor), and never having to worry that they'll forget or not know how to add a special attribute or custom HTML to a post to make the jQuery feature work.

From development tools and setting up your WordPress sandbox, through enhancement tips and suggestions, to coding, testing and debugging, and ensuring that the WordPress content editor's workflow isn't interrupted by having to accommodate an enhancement with special HTML, this book covers the best practices for not only jQuery development but specifically jQuery within WordPress development.


Read More