I recently pushed a whole bunch of updates live to my site here. The goal behind all of this was simple: combine what I love about the power of WordPress with some of the features of Tumblr.
For a while now I’ve been keeping two separate blogs. The main site has featured more long-form writing while my Tumblr has ben a repository for what I find interesting throughout the day. To me, this kind of fragmentation just doesn’t make much sense so I set out to find a way to accomplish both goals with one CMS.
The structure
One of the main things that I wanted to do was to create some type of distinction between categories of posts. This is something that Tumblr does that I think is necessary for a blog that posts a variety of content. I accomplished this by first finding a great set of icons from Glyphish and second by some nifty php code.
The new setup has what amounts to 6 different options for every post that I publish. There’s categories for links, photos, quotes, video, audio, and then everything else. Each one of those categories references a specific icon that displays to the left of the headline and serves to give some idea of what that post is about.
The code
The tricky part was figuring out how to alter the permalink structure of WordPress so that all posts in the link category would function properly. What I wanted to do with these links that I occasionally post was to emulate what Gruber does with Daring Fireball: when he posts a link the headline takes you straight to the source.
I think that this is brilliant and exactly how a link blog should work. I’ll post a link here because I think that the original source is worth reading; thus, I ought to make it as easy as possible for a reader to get to that original page and read the article.
By altering the functions.php file that you can include in WordPress themes I changed the permalink structure in both the RSS feeds and as it displays on the site so that any post title in the “Link” category would go straight to the source. If you’re interested you can download the file for yourself and make use of it. It’s a really simple solution that just makes use of a custom field to link to the original piece.
The design
After setting the structure and the code in place I decided that I would revamp the design as well. I’ve been trying to find a way to balance content and minimalism in such a way that reading articles is easy and enjoyable but that if you’re trying to find more articles or pages they’re a short click away.
I took a lot of inspiration from the DePo Skinny Theme that Derek Powazek wrote as well as from sites like Daring Fireball, Instapaper, and Tightwind. I think that these sites all present content in a fairly unobtrusive way that allows for readers to really focus on the content.
To accomplish this I did a couple things: I kept the navigation simple and out of the way at the top and bottom of pages. I also decided to go without a sidebar and rather opted to keep ancillary content in the footer or on separate pages. This means that reading is now much easier as there’s essentially nothing that gets in the eyes way as it moves up and down the page.
The site’s built of the fantastic 960.gs system and uses @font-face for all of the custom font rendering. The masthead is set in Alexandria while headlines and headers are all set in Delicious. The rest of the site is ideally displayed in Helvetica.
In the coming weeks I plan on cleaning up the code a little bit, something that’s most likely quite necessary since I wrote it all in an evening, and possibly releasing it as a GPL theme. Unlike past themes this one is also here to stay. I’m happy with it and find that it’s actually making me want to write more posts so we’ll see what comes out of that. Any feedback with likes/dislikes is definitely welcome and if you can think of a way to improve something let me know.
