As I have been developing the WordPress theme for this site, I decided it would be nice to use jQuery to minimize/maximize content like the current jQ theme does, though I wanted to do things a bit differently. Mainly I wanted to have different buttons for minimizing and maximizing, and I wanted to be able to use them on parts of the site other then posts. At first I thought this would be accomplished using the jQuery .toggle function, but once I started making it cross-browser compatible I realized things weren’t going to be so simple.

(more…)

AJAX · jQuery · tutorial · Wordpress · wp

In our last post we added more functionality to our plugin through the use of the jQuery.cookie plugin. This allowed us to keep of the user’s selection and maintain it throughout our site. This post is the conclusion of the wordpress plugin tutorial. Even though the bulk of the coding for this plugin is done, there is still more to do before releasing it to the public. Some of my thoughts on what else needs to be done follow.

(more…)

plugin · tutorial · Wordpress · wp

In our previous post we added some very nice functionality to our plugin and for the first time in the tutorial actually saw jQuery being used to change the size of text within the body tag of our wordpress blog. We also noted that when the user changed pages, the text reverted to the original size. In this post we will be using a jQuery plugin to extend our plugin and make it much more useful.

(more…)

development · jQuery · plugin · tutorial · Wordpress · wp

In the last post of this tutorial I added a button via CSS and added in some Javascript includes. However, no functionality was added. In this post we will use jQuery to add our desired effect to our plugin.

(more…)

development · jQuery · plugin · tutorial · Wordpress · wp

In our last post we added functionality to our admin section that allowed us to save and retrieve values. In this post we will begin adding functionality for the user. We will create a simple button via CSS on our site. We will also begin to add in javascript to handle when the button is clicked. This javascript will use the jQuery toolkit, which is already included with WordPress at this time.

(more…)

AJAX · css · development · jQuery · plugin · tutorial · Wordpress · wp

Previously we setup the admin for our elasticFonts plugin and saw it appear in the admin. In this post we will add some functionality to the admin by allowing it to initialize, save values in the database, and retrieve values that are stored in the database. Thanks again to the developers at devlounge for some great ideas on this portion of our plugin.

(more…)

development · plugin · tutorial · Wordpress · wp