I’ve been into web design since feb 09 and I’ve been using Wordpress for a month on this site. Yesterday afternoon I thought it was about time I made my own theme so I fired up xampp and created some text files in a new theme folder and the fun began!! I’d made a theme called ‘Bespin’ (because the colour scheme reminds me of the cloud city in the Empire strikes back and because the panels are designed to ‘float in the clouds’) when I was playing with Joomla in May

screenshot of the Bespin theme
and I figured it would be quicker to convert an existing theme than start from scratch working out div structures and creating gifs and jpg images.
Now it isn’t the greatest theme in the world and there are a ton of corrections that still need to be made (and a lot of waste css that isn’t doing anything) but my focus was on getting it up here as quickly as possible – partly because I wanted a unique look on my site and mainly because I figured it’s about time I took a look under the hood of Wordpress.
Beauty is in the eye of the beholder – what Browser are you using?
When I originally created the template for Joomla it had less stuff going on and the main panels had rounded corners created by placing background gifs with css and div tags. As I said – my interest was in speed and working out how to build Wordpress themes from scratch – so I haven’t bothered with the background gifs this time.
As a result if you are looking at this page in Internet explorer 7 or 8 you are looking at a very dull collection of square boxes. If you are looking at it in IE6….well good luck with that = I have set a conditional comment for IE6 to get it’s own style sheet but haven’t bothered to fix it up yet. Besides unless you are at work and aren’t allowed to = you REALLY need to upgrade your browser..
HOWEVER!!! If you are looking at it in Firefox – or even better: Safari 4.0 – then everything will have rounded corners and safari will even have drop shadows!! This is because I’ve recently learned about css commands supported by Mozilla, the Apple web kit and proposed CSS3 changes which mean you can add ROUNDED CORNERS USING CSS ONLY!!! HURRAH!!! Its a great and beautiful thing and I’m afraid I rather got carried away rounding everything to the point of overkill
just the joy of it – so much less work involved = awesome…
SO! I know that internet exploder is the most popular browser in the world and you should always work hard to make stuff look good in IE – but in this case I was having way too much fun I’m afraid = sorry IE – my next theme will cater to you better.
Seriously – if you haven’t got Firefox or safari then do yourself a favour and download them – they’re free!!!
Wordpress php
I’m ok with flat XHTML and CSS pages now – making a Joomla template was a more of a stretch as it needs a lot of PHP and XML info to work and was my first exposure to PHP, but it was a walk in the park compared to building a Wordpress theme from scratch! I sat down yesterday afternoon and got quite far on my own until I started to run into problems like – “hmmm where are my comments?” So then I researched this and realised there was nooo waay I was going to be able to crowbar all the PHP magic into what id spent 6 hours building. I had to bite the bullet, RTFM and start from scratch. In the end I started working from this AMAZING TUTORIAL by Ian Stewart. I wanted to make it hard on myself so I used my own HTML markup and I’ve edited his code here and there – which means I’m prepared for unexpected surprises in this themes behaviour. Ive done my best to debug on xampp but If you do get any fatal php errors let me know via the contact form!!
Its been an invaluable experience and this stuff is so much fun even when you are frustrated to hell! Now I’ve got the workflow down its time to start work on the next one and incorporate some photoshop comp and slicing action