jQuery UI Widgets on Blog Pages

A little while ago I covered some important aspects of using the jQuery UI library inside of WordPress admin pages in the post entitled: jQuery UI in WordPress 3 Admin Pages.

This time, however, we will be focussing on how to add jQuery UI widgets into your WordPress posts/pages in a reusable way. All this will be wrapped up an a Plugin for portability. The Plugin will be uploaded to the Plugin repository and should be live soon, so you will be able to download it and use it on your own WordPress sites. Read More


jQuery UI in WordPress 3 Admin Pages

This article covers getting jQuery, and in particular jQuery UI up and running inside the WordPress admin. At the time of writing the latest version of WordPress is version 3.01 and that is the version we shall be using. Also, WordPress is running locally (using WAMP Server 2.0) with the default Twenty Ten theme (1.1).

Originally, I wanted to use jQuery UI on a Plugin admin options page. However my initial attempts were unsuccessful so I thought that I would document, and share, my experiences. There isn’t a huge amount of WordPress specific jQuery UI resources around (although there are numerous basic jQuery tutorials around), so hopefully the information presented here will help others overcome the initial hurdles. Read More


Draggable Blog Sidebar Widgets!

After playing around with some jQuery sorting demo’s I wanted to be able to implement these easily into WordPress.

The steps needed to complete this are:

  • Register jQuery, and jQuery UI libraries with WordPress.
  • Enqueue the scripts to load them on blog pages ONLY.
  • Set-up a shortcode to render jQuery code.
  • Add jQuery code to shortcode callback function.
  • Add the shortcode to any post/page to see it working!

Read More