Validate Forms in WordPress with jQuery

91

Validate WordPress Forms with jQuery

Update (1 Feb 2013): I’ve updated the script here, primarily to jump to the latest version of the bassistance plugin.

This article will teach you how to add validation to your WordPress comment forms, using jQuery.

With validation, users can submit their comment and instantly see if they’ve hit an issue. There is no need to submit the page and get WordPress’ default “There is a problem…” page. Instead, errors are displayed inline instantly.

In our example, we will build a plugin which you can drop into any theme and will work instantly.

Just like last week, you can see the finished product in action on the demo site. And you can download the completed files here.

Read More »

Load Next WordPress Posts With AJAX

253

AJAX Load Posts

Today, we’re going to replace the standard “Older Posts” links on your blog. Our plugin will create a button to instantly load the next page of posts, without reloading the page (Similar to what Twitter used to do at the bottom of profiles)

Click here to load the demo site and see the final project in action.

You can also download the completed files as a plugin here (Just upload and activate it).

Read More »

User Friendly Short Codes with TinyMCE

64

WordPress short codes are everywhere: in practically every theme and many, many plugins. They are extremely useful and provide huge amounts of extra functionality. With all of their greatness, however, there is one major problem with them: they are not very user friendly, particularly for users who are not familiar with programming, especially when a short code accepts more than one parameter. So, in order to help the non-programmer users, we need a new solution.

The ideal solution is one that provides an interface for the user to input all of their short code options without having to enter any “code”. This is a pretty common technique used by a lot of developers, but until now, there has never been a good tutorial on it, so we are going to fix that.

Read More »

All New Design!

97

Redesign

Here’s something we’ve been working on for a while now; an all new design! If you’re reading this in an RSS reader, please click through and check it out!

I’d love to hear your thoughts! Nicer than the old version?

Read More »

8 Tips to Secure a WordPress Site

112

Appsumo & Sucuri.net Deal

Security is one of those topics that comes up time and time again. You hear the advice, you know you should do it, but somehow, you never get around to it.

The tips in this post are designed to help make your WordPress installation safer and less likely to be hacked or spammed. If you’re short on time, just start at the top and work down. I’ve (roughly) ordered them so that the most important tweaks come first.

We also have a great giveaway at the end of this post, from Sucuri.net and Appsumo. Check it out for the chance to win free site security monitoring for a year!

Read More »

How to Get Facebook, Twitter, and RSS Counts {WP}

124

Twitter, Facebook, RSS Counts

You will have seen blogs showcase their Twitter, Facebook, and RSS counts with typography. With these numbers in plain text, you can style them into your website far more effectively than if you were to use the old-fashioned “chicklets.”

Twitter and Facebook make this easy, but you’ll need to take an extra step with FeedBurner first. Log in, then click Publicize > Awareness API, and click activate.

All set? Then let’s get started!

Read More »

Add a jQuery DatePicker to Event Posts {WP}

68

jQuery Events DatePicker in WordPress

In previous posts, we set up an events system for WordPress. Users could enter the date of an event, and we had great archives for displaying and categorizing them.

Today, we want to improve the admin end of things. Instead of using custom fields, we’ll make a box for the event’s date, and use jQuery to let users pick the date from a calendar.

Read More »

Page 3 of 4112345102030... 41