Drupal 7 HTML5 Boilerplate Starter Kit

Drupal 7 renders a lot of HTML markup that you need to override in order to implement something like HTML5 Boilerplate. Personally I think it’s the wrong approach when Drupal renders build-in HTML which you then have to overwrite in order to slim down the resulting HTML markup – but that’s just my personal opinion.

After several Drupal projects I decided to create a Drupal 7 HTML5 Boilerplate Starter Kit, the goal is to have a starter kit so clean that it’s no sweat to implement any HTML theme without having to overwrite too many existing theming functions.

Your theme folder structure should look something like this:

theme-folder/
 - css/
   - bootstrap-responsive.min.css
   - bootstrap.min.css
 - style.css
 - js/
   - libs/
   - plugins.js
   - scripts.js
 - html.tpl.php
 - page.tpl.php
 - region.tpl.php
 - block.tpl.php
 - node.tpl.php

In order to make use of twitters bootstrap framework which I downloaded as part of the HTML5 Boilterplate you need to adhere to a simple convention:

Drupal regions = bootstrap rows
Drupal blocks = bootstrap spans

About these ads

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: