Guitar &c.

My old site design served me well for a number of years as a place to post performance information and a few recordings.  As time passed though, I wanted to have a more “modern” presence on the web and figured I should build myself a new web-home.  I thought about just putting up a MySpace page and calling it done, but, frankly, that seemed aesthetically and technically yucky. 

So, instead, I set out to build MarkBussey.com 3.0:

OVERALL PLATFORM AND THEME

• The entire site is built on top of WordPress (2.7.1).  After some research and evaluation, I picked WordPress as a sufficiently flexible, but stable platform to begin posting and managing more regular content updates.  I wanted the site to reflect my personal style, so the ability to develop a custom them was a key selection factor.  As a techie, I could have just built the whole thing in PHP or Rails, but that seemed like re-inventing the wheel.  I considered other blogging and CMS platforms as well, but WordPress seemed to have the best balance of getting up and running fast while letting me evolve some of the advanced design and features I’d dreamt up over time.  The large number of available plugins was also a key deciding factor – I wanted an elegant way to let visitors hear my music.  The nearly automatic ability to turn Piece of the Month  postings in a subscription PodCast cinched the deal.
• I looked at a number of themes, but ultimately decided to build my own.   Not for everyone, but a fun, educational, and periodically challenging endeavor.
• The base typography of a site gives alot of character.  I’m indebted to the folks at codestyle.org for their overview of how to Build better CSS font stacks and specifically their pointers to Michael Tuck’s 8 definitive Web font stacks.
• The overall look and feel was strongly inspired by The Fell Types website.  «The Fell Types are digitally reproduced by Igino Marini. www.iginomarini.com»  Most of the limited decoration on this site is based upon the Fell Flowers font sets.  I really like the spare clean look of  Marini’s own site design.  Obviously, I diverged from both.  I’d been looking at a lot of older books’ fronts-pieces and other decoration which ultimately inspired the look of the site.
• One of the fun challenges with the theme was trying to make the layout relatively liquid, i.e. text and columns will resize and re-flow to adapt to the size of the browser window and the layout will adapt to the default font size set in your browser.  (Try Command - or Command + on a Mac or the equivalent on a PC).   Hopefully this makes the site a little more readable on a wider variety of displays – from netbooks to 30″ Apple Cinema Displays – Although, I haven’t been able to try either yet.
• Sometimes it feels like the site isn’t “Web 2.0″ enough, and maybe I’ll add some gradients, reflections, and rounded corners in the future…but probably not.

REALLY USEFUL PLUGINS

• I’d always thought the blank media player / quicktime window that popped up on all of my mp3 links was ugly, but never did anything about it on the old site.  The WP audio player plugin is really cool, easy to install and use, and unobtrusive to the overall design.  I should customize the colors to fit with my theme someday soon.
• The table of Contents is built using the Link Widgets plugin set to display only links from a specific category.   Each of the contents menu items is just a normal WordPress link with the category set to the (user defined) category “Contents”.  {The widget sorts items alphabetically, but I was able to take advantage of the fact that the roman numerals I-VIII happen to alphabetize in the same order they represent numerically.}
• The author block uses the default WordPress text widget.
• I looked at a variety of different ways to handle Upcoming Events; most were overly complicated for my needs.  Ultimately found the Simple Upcoming Events widget by Hideaki Hayashi.  {I’ve added a tiny bit of code to add the “View All” option at the end of the list, but the widget is perfectly useful without this.}   In order to determine which posts to display, the widget requires you to set a custom field with the event date.  I built a custom query that uses this field to sort entries in the Schedule view, but I think there are actually a number of plugins that can provide this same functionality to change the display order of posts in a specific category.
• The ‘Recent Updates’ menu uses the WordPress default “Recent Posts” widget.  Again, I added a tiny bit of code to provide the “View All” functionality.
• The RSS feeds are provided using the Category Specific RSS Menu plugin.  As you can see, I’m predominantly interested in getting people to follow updates about my playing – either at live events or via MP3.  This widget along with the audio player basically gave me a free podcast for the audio updates.  Since I didn’t include it elsewhere in the theme, this was a good place to put the overall site RSS feed as well.
• In order to create internal links within the site without creating ping-back notifications, I use Michael D. Adams’s No Self Pings plugin.
• Having already experienced “comment Spam” without even having officially launched the site, I’ve also enabled the Akismet plugin provided with the default WordPress install.

It’s been a fun leaning experience putting the new site together, and I’ll probably keep tinkering a bit over time.  Although, hopefully now that I have the site up, I can redirect more of my free time to getting more gig’s scheduled and keeping up with the Piece of the Month posts.