Drupal Theming intro

DrupalCamp SC | 2011

http://lbt.me/themingintro

Shameless Plugs

ThomasLattimore.com• Freelance Front-end

developer & Drupal themer

 Drupal.org & Twitter:•   @tlattimore

Maintainer of:• The web110, LightlyTextured, & Tumblike, themes on Drupal.org.

What will be covered

• How Drupals template system operates

What will be covered

• How Drupals template system operates

• What Drupal theming is in definition

What will be covered

• How Drupals template system operates

• What Drupal theming actually is in

definition

• The tools to get started

What will be covered

• How Drupals template system operates

• What Drupal theming actually is in definition

• The tools to get started

• Then: Bail on notes and slides, lets build a

theme!

Drupal theming defined:

Controlling the fire-hose.

How templates work

Each *.tpl.php lives inside another

Outdated, but still valid

What you need to get Started

• Understanding of HTML & CSS

What you need to get Started

• Understanding of HTML & CSS • Drupal install (of course)

o In our case, Drupal 7

What you need to get Started

• Understanding of HTML & CSS • Drupal install (of course)

o In our case, Drupal 7 • A good code editor with syntax highlighting,

preferably an IDE:o Such As Aptana, NetBeans, or Komodo

D.o projects you should know about• Mothership - http://drupal.org/project/mothership

o Total theming awesomesauce • Devel - http://drupal.org/project/devel• Devel_themer -

http://drupal.org/project/devel_themer• Firebug - http://getfirebug.com

Are we done yet?

Forget the slides, show me the code!