Red Yellow » WordPress

WordPress on Load Balanced Servers

Rich Gubby — Thu, 03 Sep 2009 17:49:06 +0000

Picture the scene, you’ve had a great idea for a blog and have decided to use WordPress as your blogging software of choice. And as you’re going to be getting an insane amount of visitors (after all, you’ve got a great idea, right?) you’ve decided to buy some decent hardware to cope with the traffic.

The setup you’d probably go for is some sort of load balanced setup, with multiple web servers and possibly a couple of database servers behind the scenes. You should also be thinking about the wonders of virtualization and all the benefits that brings but that’s for another day.

Having multiple web servers brings about its own set of issues. Your blog code needs to be deployed to all web servers (preferably at the same time) so that if you get visitors that happen to hit different machines, you give them the same experience.

Deployments and Uploads

But that’s not so much of a problem – you could deploy code to all servers with Ant or Capistrano, or even write your own system to do it exactly to your requirements.

However, in this kind of setup, you’re going to come unstuck with plugins, themes and uploads. WordPress has an awesome upload utility, but the file you select from your local computer will get uploaded to a location on a single machine in your server farm. When a visitor lands on a different machine, they won’t see the upload. If you’re using the automatic add plugin or theme wizard built into the newer version of WordPress then it’s the same situation.

Link to NFS locations

But the situation is not nearly as dire as you may think though. There are loads of ways to combat it – and it’s a piece of cake if you’re using Linux! The easiest way is to create an NFS share on web server 1 and link to it on web server 2 so that the “/plugins” directory on 2 actually points to the location on 1. Easy!

If you’ve got a file server, even better – create your NFS on there and link to that location instead so that content really is separate from your code!

With windows it’s just as easy with shared directories – same principle, just a different terminology.

The only issue you’ve got left is that some plugins may have the paths to their files built slightly oddly so that they load the wrong files. But then, if you’ve got errors with the plugins, it may be time to look for alternatives!

Have you had any problems with WordPress on load balanced servers? How did you solve it or did you choose another setup?

Top 5 WordPress Plugins

Rich Gubby — Sun, 02 Aug 2009 16:49:56 +0000

It seems as if every man and his dog is writing a “top 5 plugins for wordpress” – the problem is they all sound the same and there’s never anything new. So as I’m a bit late to WP party, my list will be all about plugins that have got me up and running in my early days as a blogger.

YARPP

“Returns a list of related entries based on a unique algorithm for display on your blog and RSS feeds.”

Does exactly what it says on the tin – great for keeping readers on your site with links they might be interested in.
Read more…

Wapple Architect Mobile Plugin for WordPress

“Mobilizing your wordpress site using Wapple Architect and WAPL.”

I’m a little biased on this one as I wrote it, but I’ve used other mobile plugins for WordPress and not wishing to blow ones own trumpet, mine is way better. Its got more features, doesn’t forward you off to another URL, retains the look and feel of your web theme and much more.
Read more

Developer Formatter

“Developer Formatter system to WordPress”

If you want to quote some code in your post, I’ve not found a plugin better than the Developer Formatter to do it. Others tend to chop things off and have a bit of a flid when switching from Visual to HTML mode but not this one. Top Marks.
Read more

Google Analyticator

“Adds the necessary JavaScript code to enable Google’s Analytics”

Who doesn’t like looking at stats? Ok, it might be just me then. But still, it’s always good to know who’s been visiting your blog and this plugin integrates with the best Analytics software out there.
Read more

Twitter Tools

“A complete integration between your WordPress blog and Twitter”

Finally, Twitter tools – easily put your latest tweets on your sidebar. Dead easy to setup and works a treat – great stuff!
Read more

That’s it – 5 great tools that once setup, keep your visitors on your site, make sure any mobile visitors get a great experience, show nice looking code to them, let your readers know what you’re up to and finally track where they’re coming from!

Let me know what you think of my list and if there’s any you feel should be on there!

WordPress Mobile Plugin 1.2.1

Rich Gubby — Wed, 29 Jul 2009 18:13:19 +0000

So it turns out that there’s a little bug with script tags on certain blogs using my Wapple Architect Mobile plugin for WordPress.

Not a problem as WordPress allows you to release new versions that actually prompt an admin to upgrade, groovy!

So without further ado, version 1.2.1 is released. Here’s a link to the install guide so you can get cracking with your upgrade to make sure your blog is in tip top condition!

Your blog probably already works, it’s only when combined with an exceptional set of circumstances rarer than a Honey Badger that it’ll look a bit screwy!

WordPress Mobile Plugin Version 1.2 is here

Rich Gubby — Mon, 27 Jul 2009 18:23:43 +0000

Cue the drum rolls and roll out the red carpet as yesterday heralded the arrival of version 1.2 of the Wapple Architect mobile plugin for WordPress.

It’s got all of the bells and whistles that you’d ever need to create stunning looking mobile blogs and you’ve now got unprecedented levels of customization at your disposal!

If you want an example of it in action, check out this blog on your phone – I’ve even provided you with a handy QR code for you to scan with your mobile phone! If you haven’t got a data matrix reader on your phone, get one from Kaywa.

If you want to read all about it and get the full low down on what’s been included and what hasn’t, check out the release article at Mobile Web Junkie – here’s the link.

Let me know what you think of Red Yellow on mobile – I’m always looking for suggestions to improve it (and yes, putting Cactuses, Cactii in the footer is in the pipeline!)

new look for summer!

Rich Gubby — Mon, 06 Jul 2009 17:50:14 +0000

If you’re looking at this and have read any of my other posts, you’ll notice that the site has had a makeover that would make Nick Knowles and his DIY SOS team proud!

Gone are the default WordPress colours and images – there are so many bright colours now you need a pair of sunglasses to view it!

I used the same idea as I described in my 2 minute guide to creating a WordPress theme, only this time I had to do the design myself.

I started off with a Russian style font, added a few rounded boxes and finally a sun. After a bit of helpful advice from Ryan DC, I ditched the font, chose a new sunnier mexican style and added a bit of colour to my post boxes. Sounds easy and something that you can do in a couple of hours, but as I don’t know my Airbrush from my Elliptical Marquee it took me a little bit longer.

It’s certainly not complete and there’s a few improvements to make but one thing is for sure – it’s better than what was there before!

Let me know what you think and if you’ve got any suggestions for things to add (cactus silohoette at the bottom maybe?) leave a comment.

The 2 minute guide to creating a WordPress theme

Rich Gubby — Thu, 02 Jul 2009 20:45:18 +0000

How hard is it to create a WordPress theme?

Armed with a ready supply of tea, a well stocked iTunes library and a kick-ass design from Ryan DC, my mission, if I chose to accept it, was to find out …

I’ve already written a plugin about how to mobilize your WordPress blog, (you can find the homepage here), but this is all about making it look pretty on web. No serious coding here, it’s all about the design, complete with crayons and colouring-in books – a bit more Tony Hart than Tim Berners-Lee.

So what’s the first step?

Copy and paste. No, seriously - copy the default theme and paste it into a new folder. Then make a few changes to the stylesheet comments at the top and you’re ready to begin. Activate it in the “Appearance” tab and you can start to work on it.

If you stick to the conventions in your new theme and don’t change the names you won’t go far wrong. Infact, if you do change the names of the files, I’m not even sure if things will work. Anyway, the main files you’ll be wanting to change are style.css, header.php (your header) and maybe a few of index.php (main home page), single.php (post pages) and archives.php (archives and search results).

Change some CSS, create new images and delete old ones. Amend class names if you want, add ID’s, take them away. It’s up to you. I tried to stick to what was already there but you can do whatever you like. Use Firefox to look at your theme and install Firebug, you’ll be glad you did.

And that’s pretty much it. The CSS in my new template is not a million miles away from the default but references all the imagery and colours that were in the new design.

You don’t have to be a rocket scientist to create a new theme. You don’t even have to be Johnny Ball - you just need a couple of hours and a little bit of CSS wizardry at your disposal. I’m now thinking that I could put a few more dynamic elements into the theme – maybe have a sun appear in the mornings and a moon at night. That would be cooler than robots.

If you want to see what my first attempt looks like, head over to http://richholdsworth.com and let me know what you think. And if you’ve got any interesting ideas for templates and making them a bit more fun, get in touch and I’ll see what I can do.