Easy Way To Design Your Own WordPress Theme – Free WordPress Tutorial Introduction

Hey hey

This is a spare time project for me; putting together a new WordPress theme for my band website over at www.greenballflyers.com. The Green Ball Flyers website is currently running on BlogEngine.net but we’re moving that to WordPress as we speak.

We have the design done and I’m going to convert it from a layered PSD file into a fully functional, widget enabled and SEO friendly WordPress Theme using quality HTML & CSS techniques. I may make the Green Ball Flyers theme downloadable as a theme for your WordPress site in due course too, so you can spread the word; but for the most part I’d suggest using your own design as the basis for this and working along with me in code.

Here’s what you’ll need:

• A WordPress development environment (MAMP install & a text editor like DreamWeaver)
• Firefox (I use this as it’s the most standards compliant browser there is)
• A layered PSD file to work with and slice up
• A basic knowledge of HTML, CSS and maybe PHP (even though I’ll try and explain the PHP bits as we go)
• A teapot, some biscuits and Spotify

I’ll be breaking this down into the following sections and adding to / updating the list below into links as and when I finish each portion:

1. Setting up your WordPress development environment
2. Creating a workable HTML file from your layered PSD
3. …to follow…

I’ll literally be adding to this as I go along so please holler if you want anything adding or addressing.

This is the design that we’ll be making into a WordPress theme:

Green Ball Flyers 2010 WordPress Design

I’ll be updating this and the rest of the posts in the series as I go along, so please keep checking back or subscribe to the feed