It’s been a hugely labour-intensive 48 hours here at TT. Full of challenges, endless mind-swelling code reading and sheer coalface devotion. As I slowly hew a magnificent sculpture from a piece of binary stone, I’ve got to the point where there’s a really rough draft of the site and the direction we want to take it.
You’ll see the work in all its evolutionary splendour right here on the page. As ever I am your shepherd and muse, so pour forth upon me any suggestions you have for making it sweeter than the candy you get at Christmas, which is sweet enough even without the icing and the unicorn-shaped cupcake on top.
So here’s what I got to do – and this is just the home page!
1. Subscription form. Originally I wanted to add a panel to the right sidebar with an RSS and email signup links. I thought I could channel them both through Feedburner. I’ve had a change of heart on this after listening to some absolute logic from David Risley, the Six Figure Blogger guy (“I’m just a geek with business sense,” he says. That and a Bugatti, probably). We want the majority of our subscribers to be signing up via email so we can bring them exclusive content as a value-add, that maybe doesn’t tie in exactly to what the feed will provide. Really cute, useful and insightful stuff like exclusive access to industry white papers when available, perhaps first sighting stuff. So the best way to funnel this is via an email campaign management system, perhaps curated by AWeber or Mailchimp (or Campaign Monitor…).
2. Side navigation bar. Phewee – this is a touch ungraceful right now. I need this to gel with the rest of the content here. I’m thinking of a big tweak to the palette. I need to give it more of a ‘finance/success’ feel, more dynamism. I think I might make the entire sidebar a single colour, integrating these navigation elements into the overall style. I think…
3. Logo and adverts not aligned correctly. This has proved to be an absolute nuisance to me, and it has eluded me for many, many hours.
<div id=”masthead”>
<h1>
<a id=”logo” href=”<?php echo get_option(‘home’); ?>”>
<?php bloginfo(‘name’); ?></a>
</h1>
<div id=”header-ads”><?php if(function_exists(‘oiopub_banner_zone’)) oiopub_banner_zone(1, ‘centre’); ?></div>
<h2 id=”description”>
<?php bloginfo(‘description’); ?>
</h2>
</div>
Using relative and absolute positioning for #masthead and #header-ads respectively, I cannot get the ads to sit cleanly on the logo. And if I hack it, then the hyperlink reverting to home that sits atop the logo, doesn’t sit atop the logo. It’ll all come out in the wash after a great night’s kip.
4. A tidy finish. I’m thinking of colouring two of these panels in a different shade, probably grey, and wrapping each of the images in a tidy thin border to set them off against the background. WIP, as they’d say. As opposed to WHIP, which is weekend stuff.
5. Search box. Pump it up, make it stand out. A decent two-tone border round this baby and maybe a little more padding to enhance the standing of the text inside the box and we’ll be in great shape here.
6. Nav bar. In cohorts with much of the rest of the site I’m gambling on a more affluent colourscape. Something that makes you quiver with ambition. Not a bow and arrow, more a palette change. I think maybe we’ll go for a black navbar. I like that.
7. Most popular posts panel. From the outset this has to go. Until we get some awesome pillar content up and running to get people flocking to the site, I’m contemplating a move away from this and perhaps towards a more new-user-friendly set of tags. We’ve got plenty of content to get out there, and the important thing is that it’s as accessible as possible. Would you agree?
8. Advertising strategy. I happened upon a frankly awesome ad server platform the other day. It’s called OIO Publisher and it genuinely, absolutely rocks. Inline, text banner, image banner, in-text, you name it, and php-friendly too. Plus with a php plugin you can add stuff in to the widget areas. This is a monster addition and one that’ll really reap rewards for this site and its owner. I’m stoked by this and looking forward to seeing how it pans out. The January discount code J2010-WAM brings the cost down to $32 which as a great low-cost solution for anyone handling ads. Isn’t that you?
9. Secondary featured content. Gotta get as much great content served up to the fine eyeballs browsing the site – so while judicious use of space is sacrosanct, an extra couple of headlines wouldn’t go amiss here.
10. Footer navigation. It’s looking ok here – and the search box to the right is a neat touch – but I’d like a bit more impact to finish off the show. We’ll see how that takes shape in the second round of drafts.
My two new geeky PC assistants that have completely rocked my world these past few days:
- Firebug – wouldn’t be without this mindblowing webdev extension for Firefox. Code changes on the fly. Just incredible.
- Virtual host mapped to localhost. Simply a way of mapping a domain over the top of your Apache localhost so you can migrate to a live web environment without getting into a MySQL pickle – if you have a domain you’re filling up for the first time, follow this tutorial and you’ll be seeing everything at that domain without FileZilla even waking up. Mighty.
As always I’m stoked to hear from you – so tell me what you think of the story so far. I’ll share more of this journey in coming days, as we look at other areas of the site referring my favourite word of the moment: progress.










