Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying WordPress 3.0 jQuery
  • Table Of Contents Toc
  • Feedback & Rating feedback
WordPress 3.0 jQuery

WordPress 3.0 jQuery

3.8 (6)
close
close
WordPress 3.0 jQuery

WordPress 3.0 jQuery

3.8 (6)

Overview of this book

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.
Table of Contents (14 chapters)
close
close
Wordpress 3.0 jQuery
Credits
About the Author
About the Reviewer
Preface

Our First Project: Expanding/collapsing WordPress posts


OK, this is a quick project, but it requires that we use a little bit of everything we just covered. I've always liked that WordPress had the <!--more-> feature to make posts "condensable" for the main post view page, but that doesn't always suit my purposes for some types of posts. Let's assume that my blog will have relatively short posts, yet I really want a reader to be able to see as many headlines as possible, above the fold, without having to scroll or scan any content (we'll suspend reality and pretend that my post headers are just unbelievably interesting and compelling).

I'd like the user to have the option to expand the post that interests him, while keeping him in the context of all the other post headlines. You've probably seen similar enhancements to this on many sites. This is a very popular jQuery enhancement for FAQ and press release posts.

Let's take a look at how we'd do that. Set up a clean custom-jquery.js...

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
WordPress 3.0 jQuery
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon