Welcome to the demo site for the WordPress 960bc theme by Guardian Web Design.
Proudly sponsored by Video User Manuals. Providing the best user experience for WordPress as a CMS.
The 960bc theme is essentially a blank canvas with minimal styling and no images based on the 960 grid system (12 and 16 columns supported) for WordPress developers who want to work within a traditional grid based layout. The typography defaults are based on Richard Rutter’s article “Compose to a Vertical Rhythm”.
Simply add your own css to the style.css, colours.css and typography.css files and use the grid system to determine your layout by assigning div’s a class based on how many columns they occupy. EG: If you want your mainContent div to span 7 columns then assign it the class “grid_7″.
<div id=“mainContent” class=“grid_7”>.
This still allows for semantic markup using div id’s. More options are available like floating divs left or right and leaving columns blank for spacing.
Read up on the 960 grid system at 960.gs
View the Screenshots
Download the theme, install into wp-content/themes and check the read me file for full instructions.
This is a free theme and due to my work load I don’t really have time to support it so feel free to study the 960 grid system and the WordPress Codex for all you need.
Enjoy!
The 960bc theme is featured on web designer depot and was used to build Jessica Watson, Randa Clay, One Peg Genius and Monkeesee.
Changelog
V1.0
Initial release
V1.1
<title> tag re-designed for search engine optimisation.
V1.2
Included style sheets for IE6 and IE7.
V1.3
Full support for WordPress 2.7 enhanced comments features. Thanks to Valerie for the heads up and Otto for the tutorial.
V1.4
Added skip to main content and skip to main menu links for accessibility, hiding them with screen reader friendly css.
V1.5
Full support for 16 column ad 12 column grids with photoshop templates included. Typography presets to vertical rhythm as per Richard Rutter’s article “Compose to a Vertical Rhythm”. More advanced commenting of html and css to ease the learning curve.
V1.6
Due to feedback all background colours are now removed from divs and the header, mainContent and footer are only separated by a thin grey line for illustrative purposes. This is now minimal styling but still with attention to aesthetic details.
Thanks Teerock for the 960bc templates!
I’ve posted cleaned up archives of the latest version 1.6 with the __MACOSX, .DS_Store and Thumbs.db files removed … hope they’re useful : http://blog.jamescooke.info/post/806120759/for-wordpress-on-the-960-grid-check-out-the-960bc
Nice one James. Thanks.
this is really great!! i was exactly looking for a cool 960bc starter theme! i’ll try it out in the next days.
thank you very much!!
best regards from Switzerland
Thomas
so cool! similar to @aaron, you’ve now saved me the effort of doing this myself… much thanks!
Hi Teerock
What a cool name u got !
anyway, just stop by to say Thanks for the great theme.
It surely helps me and many others fast-tracking development with the grid system.
I hope u will keep this theme up to date with wordpress itself.
Hi there–regarding the commenting in 2.7, threaded comments were introduced and that requires a few additions to themes to make it so theme users can turn on the new functionality.
Here’s a better explanation: http://ottodestruct.com/blog/2008/09/29/wordpress-27-comments-enhancements/
Best,
Valerie
Thanks for the heads up Valerie. The theme has been updated to support the enhanced wordpress commenting features in 2.7
Pleasure Chris. It was what I was looking for too and I couldn’t find it, so I built it myself.
Thank you! This is just what I was looking for.
What is about the commenting system you need to know exactly Aaron? This demo site is built on 2.7 and supports comments as you can see.
I was going to create something like this…then I googled.
Does this theme support the commenting system in 2.7?
thanks
Very cool–thanks for sharing! I’ve just been searching for a WordPress theme based on 960 that wasn’t overdone.