A WordPress slider template (with CSS3 animations and minimal jQuery)

Almost every site you see these days has an image slider on the front page. They come in all sizes and depending on who you ask, they have limited benefit to a sites traffic or navigation compared to the amount of space they take up. But they look pretty and when used correctly can be fairly effective. This tutorial aims to create a simple WordPress page template with a slider that allows you to include a few posts that have been added to a slider category. To make it more interesting, we're going to make it book-markable,...
read more

CSS3 and the nth-child

How many times have you seen a piece of JavaScript or PHP code that's only purpose is to add a specific class to the first, alternate or last element of a list or row of table? With CSS3 you can easily get rid of all of that logic and replace it clean and simple CSS selectors. This will help tidy up your code and depending on what exactly the code is doing reduce CPU load by removing unnecessary recursions (This is of course a minimal gain, but every little bit counts) What is the nth-child ... The nth-child is a pseudo-class...
read more

5 Quick and Easy Tricks To Improve Your WordPress Theme

There are a few behaviors I normally change when I'm writing a WordPress theme. Some of them are pretty basic, but they can really enhance the theme my making it go that extra mile. Customize The Login Page ... Even though you can't include a custom login page in your theme, it's actually quiet easy to customize the existing one. If it's just changing the logo or giving it a completely different layout, the place to start is the login_enqueue_scripts action. Here you can decide to output a simple piece of...
read more

The Alternate List of WordPress Plugins You Should Be Using

Everyone knows the most popular WordPress plug-ins, but there are plenty of others out there that don't get the same level of press and are just as useful. Outside of the obvious ones, here's my alternate list of plug-ins that you should be using. Some of these do appear in the popular lists, but in general they're not near the first few pages. Advanced Excerpt ... This is quite an old plug-in, but it still works perfectly. It allows you easily customize the excerpt for posts. You can set the maximum number...
read more

GitHub Plug-in for WordPress

For the last few years I've run my own Subversion (SVN) server on either a spare box and more recently with a paid for server. This was mainly because my work was private and I was familiar with SVN, and I found that the TortoiseSVN client was excellent and easy to use. My needs have changed and evolved over the years, particularly in the last few months since I started these tutorials. So I have decided to start moving new projects and some of my tutorials to GitHub. I've been watching GitHub progress over the...
read more

My “Go To” Font List

There are a few font's that I almost alway find myself using when it comes to WordPress themes, graphics or marketing materials. I tend to use them because they are clean, flexible, easy to read and alway enhance the end result. In no particular order they are: Open Sans Archive Bariol Blanch Nexa Print Clearly Manteka Open Sans ... Open Sans is a great font, it looks great in pretty much all media formats and comes in a range of different weights. I tend use it primarily for large blocks of text rather than...
read more

OAuth2 and the LinkedIn API – A WordPress CV/Résumé plugin

Continuing on from last weeks introduction to OAuth 2.0 using the Twitter API, this week we're going to focus on an alternate implementation of OAuth 2.0 used in the LinkedIn API. This implementation requires that you manually authorize the application before you can get a token. This implementation is a more complex as it requires you to be re-directed to the authentication server, which then re-directs you back to your own site with the approved token. This allows LinkedIn to add additional permissions...
read more

Turning a WordPress shortcode in to a Widget

In my last tutorial we created a shortcode for displaying recent Tweets using the Twitter API and OAuth2.0. Having thought about it a bit more, I think that it would be quite handy to have it as a widget as well. It's actually very easy to turn any shortcode in to a widget, and this logic could be used for lots of different shortcodes. Getting Started ... First up, we'll need to grab the source code from the previous tutorial. Underneath our previous class we're going to get the sample class from the WordPress...
read more
Load more