drupal 7 theme tutorial

I’m helping a friend of mine whip a Drupal 7 site together, and part of the work is to create a responsive HTML5 based design for the site.

Building a Drupal 7 theme from the grounds up isn’t difficult, all you have to do is follow these simple steps and then your ready to rock n roll.

1) create a folder for your theme in sites/all/themes/ in my case the theme will be called “badning”, so Ill create the folder sites/all/themes/badning

2) place a name-of-your-theme.info file in sites/all/themes/name-of-your-theme, in my case it will be badning.info

Add the following to your name-of-your-theme.info file:

  1 name = Badning theme
  2 description = Badning.dk responsive theme
  3 core = 7.x
  4 engine = phptemplate
  5 regions[header] = Header
  6 regions[content] = Content
  7 regions[footer] = Footer
  8 stylesheets[all][] = badning.css
  9 scripts[] = badning.js

I have only added the bare minimum of regions that I will use.  Now your ready to building your actual theme.

Advertisement