I feel it is time for a change. I’ve had the same design on my blog for a few years now and I’m bored with it. It’s also not that clearly laid out, and very difficult to maintain being as I originally pulled apart the ‘blue mist’ theme for my own ends and never really managed to fully understand the CSS styles behind it. So what you are viewing now (if you are on my site and not the RSS feed) is the brand new relaunched “Oliver’s Blog”. With the departure of energy drink reviews to www.fizzywakeup.com and my inane family-based ramblings banished to Facebook and Twitter, this blog can concentrate on technology and gadgets. With that in mind, I’ve cleaned the whole look up and we now have black-on-white text to make it much easier to read. I’ve also made use of WordPress’s custom menus to make navigating the site a whole lot easier. In fact, I’ve completely started from scratch really. Using nothing but the WordPress theme development guidelines, I created a brand new theme using Notepad++ in the same way I created the theme for Fizzy Wake-Up. By starting from scratch, you gain the advantage of knowing every single inch of your web site inside out. No unused bits of markup will end up lying around because everything has been put there for a purpose.
The downside of this approach is of course having to think of a new design. I decided to do a little research in order to get the creative juices flowing. I’m not going to pretend that this is the most elegant or stylish of designs, but I have tried to make it fit for purpose, easy to read, easy to navigate, and at least a little bit attractive. Most sites around the web are making use of a centered fixed-width column varying between 850 and 950 pixels wide… so I did the same. Instead of gluing to the top of the page, I hovered slightly lower, keeping all content within this central column. For those of you on Windows XP using Internet Explorer 8 – you should either install Mozilla Firefox or get a new PC. For those of you still using Internet Explorer 8 on other versions of Windows, you really do need to consider installing Internet Explorer 9 for security and aesthetics purposes. Basically, make sure you have an up-to-date web browser because this new theme makes use of CSS3 throughout. If your browser doesn’t support CSS3 then you won’t see any of the curvy edges or drop-shadows which this theme relies heavily upon.
Of course social networking sites Facebook and Twitter are integral to the new design with both icons featuring in the title-bar of every post – you can easily share / like / tweet about a post from their conveniently placed locations. The post archives (going back to May 2007 when this all began) have been compacted in to a specially written drop-down menu up at the top instead of a single massive ten-mile long list in the widget bar at the side. It’s this menu item, and the one to its right for Latest Posts which are despite appearances not actually part of the WordPress custom menu. Sadly WordPress doesn’t support the dynamics of this kind of menu just yet, so the PHP in my theme simply performs a lookup for the required data and loops around it, creating a layout in the exact same style as that created by the WordPress menu. With a bit of semi-clever positioning you’d never know it isn’t part of the same menu (I hope!).
The new theme also allows me to highlight my development activities more easily, with dedicated menus for the different development types (web and mobile), and the mobile apps specifically featured on the widget bar. Speaking of the widget bar, you’ll see a new advert size (300×250 pixels) which is a much more standard size than before allowing Google to place graphical, video and standard text-based adverts on to my site, hopefully increasing my revenue too with any luck. In the process of creating the theme I also discovered a couple of issues with my fundraising thermometer plug-in (known as the Olimometer) and have therefore also released a bug-fix release of that too. It now supports header and footer HTML tags in the widget presentation, and applying your own custom CSS styles to the widget should now be possible (although not documented very well – until I get around to that you’ll need to look at the source yourself and create a new class in your CSS accordingly).
As always, your feedback is gratefully received and I hope you enjoy the new look…
