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.
