Test your web design in different browsers - Browsershots Bloody well cool. Doesn’t test IE 6 however.
Miklb's Mindless Ramblings
chronicling life in a digital world
I’m such a big fan of the squible theme, and Theron’s site, I entered his logo contest.
I’ve managed to go through my first 140 or so posts and add tags via the Ultimate Tag Warrior plugin, so the concept of “categories” is now all but moot here at Mindless Ramblings. Hence the tag “cloud” in the middle. I’ve recently purchased a new camera phone with the hopes of moblogging some, but the flickr gallery plugin I’m trying to use is beta, maybe more like alpha, but hopefully I’ll get it to work, until then, don’t click the gallery link. I did do a little modification to the squible default style.css, but aside from a different image on the lead post and some colors changes, it’s straight out of the box. It’s such a different theme, that until I work through it more, it’s kinda hard to start changing things. Again, stay out of the gallery please, it’s not quite ready, but I may need it live to help trouble shoot the install.
In an attempt to get back to blogging, and fishing, and just about anything else healthy I can do to avoid hanging out late at night drinking Jagermeister and sitting in a smoky room, I’m going to change themes, and try to focus on the laptop and online more. So if things go wacky or seem odd, just contact me with a heads up. Oh, and if you see anything new you like, you can always comment on that also.
I’m offering up an updated, beta version here.
So, as I’ve begun designing WordPress themes, I found the tutorial over at Urban Giraffe invaluable. They walk you through the dissection of the default Kubrick theme, how to strip it down to bare bones, and start with a blank style sheet. Now that I’ve done that a couple of times, I decided it would be nice to have all the work done, and be able to have all the template files cleaned, as well as a style sheet with all the divs and classes there, simply without the style.
So rather than changing an existing sheet, it’s a blank canvass or sorts, but kinda like a paint by numbers as well.
Bear in mind, I may have missed a few elements, and if you discover one missing, please comment. My goal is to have as thorough a starting point as possible. Also note, numerous additional divs and classes can be added, this is simply a starting point, but covers as much of the basics as possible.
One last note, this is not a theme, it is a stripped down version of the default theme, which contains all the templates necessary, as well as a style sheet that is missing the style. If you simply upload this “theme” and activate it, you will have zero styling, meaning no widths, no margins, no clearing. So please do not comment that the theme didn’t work, or does not appear properly on your site. This is solely meant for someone who wants to follow along with the tutorial, or who like me, wants some of the dirty work out of the way, and just wants to start styling a theme.
I’d love to see what people do with the Blank Theme, so please post a link to any new themes you design.
A final note, I eliminated the “narrowcolumn” and “widecolumn”, and wrapped everything in the div- wrapper, as Urban Giraffe did. I found it was much easier to create a theme that works in all browsers and platforms by following that concept.
The Blank Theme can be downloaded










