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

In the last post we setup the plugin and activated it in the admin. In this post we will setup the plugin as a class and create a basic admin menu. The idea of writing the plugin as a class came from the popular how-to series at devlounge. Please check them out for more info as I use their ideas frequently in this post.

(more…)

development · plugin · tutorial · Wordpress · wp

I have been using WordPress on a number of my sites for some time now and thought it would be interesting to begin developing some of my own plugins. I also wanted a chance to experiment with thejQuery Javascript library as I haven’t had a chance to do a lot with it yet. I stumbled upon a theme called Fusion that had some AJAX features I really liked. This theme is by digitalnature. Although I do like this theme, I like some of the base features of the K2 theme and have used that theme as a starting point for a few of my websites.

This presented a great opportunity to take some of the AJAX features I liked and turn them into WordPress plugins that I could use on different sites and with different themes. I have decided to create a series of posts on how I developed the elasticFonts plugin from start to finish. I hope that the reader finds this tutorial useful.

AJAX · jQuery · PHP · plugin · tutorial · Wordpress · wp