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

The goal of this plugin is to provide a way for the user to change the font size of text on a wordpress site using jQuery. This post will cover the initial setup of the plugin folder structure and files.
(more…)

css · development · Javascript · jQuery · PHP · plugin · 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