Tag Archives: web design

CSS, WordPress as a CMS

Ever tried learning something but got frustrated and quit, and then revisit it and get frustrated and quit a few times over? Well that was me and CSS layers for the last 3 or 4 years. This weekend I decided to tackle CSS layers head on. Why CSS layers? Well traditionally web designers, for years, have been using tables to control positioning on websites, the downside of tables is that they use too much code and become a pain to maintain. Your formatting becomes tied in with the content, not good when you want to do a redesign.

I have been a dab hand at CSS, broadly speaking, I pretty much understood the formatting side of it quite well, I just could not get my head around layouts. So this weekend I sat down with my favourite CSS book “Advanced Web Standards Solutions” by Andy Budd with the sole intention of getting to grips with CSS layers. I can’t believe how easy it actually was! I am not sure what my brain was processing before but it just was not sinking in. This weekend something clicked and everything fell into place and I managed to create my first CSS Layers based website for a local company called: Aylesbury Autocare (I didn’t make the flash header).

The second part of this story is about using WordPress, that well known blogging engine, as a simple Content Management System (CMS), the aforementioned website is a WordPress site and every element of text on the site is editable (almost). WordPress is just an amazing piece of software that can be extended through hundreds of plugins, custom and conditional tags such as galleries, e-commerce, backups, random quotes and many many more.

The following tutorial helped me to understand the steps needed to make a custom design a WordPress theme: http://www.codescheme.net/2007/04/29/simple-design-a-first-wordpress-theme-1/

Happy CSS’ing!