Brief presentation about Drupal 7's theme and template system.

1. Drupal 7 Theme System

2. Theme
http://drupal.org/project/themes

3. Theme from scratch

4. sites/default/themes/NAME
NAME.info

5. name = My super theme
core = 7.x
engine = phptemplate

6. NAME.info
stylesheets[all][] = css/style.css
all,
print,
File screen,
css/style.css projector

7. Webkit Inspector
Firebug
IE Developers Toolbar

10. NAME.info
scripts[] = js/actions.js
File
js/actions.js

11. Regions

13. Name.info
regions[sidebar] = Sidebar
regions[ads_mini] = Small ads
regions[ads_big] = Big ads
first,
sidebar second,
content,
header,
footer,
highlighted,
help,
page_bottom,
page_top

14. NAME.info
settings[main_color] = 'orange'

15. theme-settings.php

16. theme_get_settings(VAR);

17. Templates

21. Overriding template files
copy

22. Special template files

23. node--nodeid.tpl.php
node--type.tpl.php
node.tpl.php
block--module--delta.tpl.php
block--module.tpl.php
block--region.tpl.php
page.tpl.php
page--node.tpl.php
page--node--%.tpl.php
page--node--1.tpl.php
page--node--edit.tpl.php
page--front.tpl.php
http://drupal.org/node/1089656

24. Template function

25. theme(HOOK, ARGS[]);
image
item_list
link
links
table
username
breadcrumb
...

26. Overriding template function

27. 1. NAME_HOOK()
2. sites/default/themes/NAME/HOOK.tpl.php
3. theme_HOOK()

28. function mytheme_table($header, $rows, $args)

29. Preprocess functions

30. TEMPLATE_preprocess(&$variables, $hook)
TEMPLATE_preprocess_HOOK(&$variables)

31. Defining your own template

32. HOOK_theme()

35. Distributing content

37. Subtheme
http://drupal.org/node/225125