The document discusses how Drupal handles theming and markup. It explains that Drupal uses theme hooks and theme functions to call themeable output. Theme hooks are defined in a theme's hook_theme() implementation and associated with template files or theme functions. The document outlines how subthemes inherit properties from their parent themes, and provides tips for universally theming forms and specific forms in Drupal.

2. is.gd/3mGND

4. Where Drupal gets its markup

5. How to change the markup Where Drupal gets its markup

6. How to change the markup Working with subthemes Where Drupal gets its markup

7. How to change the markup Working with subthemes Theming forms Where Drupal gets its markup

8. Color module Theme settings Javascript

10. Theme hooks

11. Theme hooks Names or IDs that Drupal uses to call themeable output

12. Theme hooks Names or IDs that Drupal uses to call themeable output *The* theme function

13. Theme hooks Names or IDs that Drupal uses to call themeable output *The* theme function Calls themeable output using theme hooks

14. theme('hook', $arg1, $arg2)

15. Theme registry Stores the "sequence of events" that happens when a theme hook is called theme('hook', $arg1, $arg2)

16. Defined by implementations of hook_theme()

17. function node_theme () { return array( 'node' => array( 'arguments' => array( 'node' => NULL, 'teaser' => FALSE, 'page' => FALSE), 'template' => 'node'), 'node_list' => array( 'arguments' => array( 'items' => NULL, 'title' => NULL))); }

18. function node_theme() { return array( ' node ' => array( 'arguments' => array( 'node' => NULL, 'teaser' => FALSE, 'page' => FALSE), 'template' => 'node'), ' node_list ' => array( 'arguments' => array( 'items' => NULL, 'title' => NULL))); } theme hooks

19. function node_theme() { return array( ' node ' => array( 'arguments' => array( 'node' => NULL, 'teaser' => FALSE, 'page' => FALSE), ' template ' => ' node '), 'node_list' => array( 'arguments' => array( 'items' => NULL, 'title' => NULL))); } this one uses a template file called node .tpl.php

20. function node_theme() { return array( 'node' => array( 'arguments' => array( 'node' => NULL, 'teaser' => FALSE, 'page' => FALSE), 'template' => 'node'), ' node_list ' => array( 'arguments' => array( 'items' => NULL, 'title' => NULL))); } this one is a function

22. theme(' node_list ', $items, $title)

23. theme(' node_list ', $items, $title)

24. theme(' node_list ', $items, $title)

25. theme(' node_list ', $items, $title)

26. theme(' node_list ', $items, $title)

27. theme(' node ', $node, $teaser, $page)

28. theme(' node ', $node, $teaser, $page) ' template ' => ' node '

29. theme(' node ', $node, $teaser, $page) node.tpl.php

30. theme(' node ', $node, $teaser, $page)

31. theme(' node ', $node, $teaser, $page)

32. theme(' node ', $node, $teaser, $page) node-story.tpl.php

33. theme(' node ', $node, $teaser, $page) node.tpl.php

34. drupal.org/node/173880

35. Let Drupal know you've added or overridden a new theme hook with drupal_rebuild_theme_registry()

36. Allows you to create theme stacks or a theme hierarchy

37. Subthemes inherit from parent themes:

38. Subthemes inherit from parent themes: Stylesheets

39. Subthemes inherit from parent themes: Stylesheets Javascript

40. Subthemes inherit from parent themes: Stylesheets Javascript Theme functions/overrides

41. Subthemes inherit from parent themes: Stylesheets Javascript Theme functions/overrides Theme templates

42. Subthemes inherit from parent themes: Stylesheets Javascript Theme functions/overrides Theme templates Preprocessors

43. Subthemes inherit from parent themes: Stylesheets Javascript Theme functions/overrides Theme templates Preprocessors Subthemes do *not* inherit regions

44. Benefits of subtheming

45. Benefits of subtheming Eliminate redundant coding for every site

46. Benefits of subtheming Eliminate redundant coding for every site Develop themes quicker

47. Benefits of subtheming Eliminate redundant coding for every site Develop themes quicker Content separate from "skin"

48. Benefits of subtheming Eliminate redundant coding for every site Develop themes quicker Content separate from "skin" Multisite themes can share a base theme

49. Benefits of subtheming Eliminate redundant coding for every site Develop themes quicker Content separate from "skin" Multisite themes can share a base theme Can make modular theme "pieces"

50. In the .info file: Daisy chain your themes and let the inheritance begin base theme = name

51. .info file

52. global $theme_info

53. global $theme_info Properties of the current theme

54. global $theme_info Properties of the current theme global $base_theme_info

55. global $theme_info Properties of the current theme global $base_theme_info Properties of the base theme

56. global $theme_info Properties of the current theme global $base_theme_info Properties of the base theme list_themes()

57. global $theme_info Properties of the current theme global $base_theme_info Properties of the base theme list_themes() Properties of all themes

58. global $theme_key

59. global $theme_key Name of the current theme

60. global $theme_key Name of the current theme (i.e. key in the list_themes() array)

61. global $theme_path global $theme_key Name of the current theme (i.e. key in the list_themes() array)

62. global $theme_path Path to the current theme global $theme_key Name of the current theme (i.e. key in the list_themes() array)

63. Universally theming forms

64. Universally theming forms All form-related theme functions are in includes/form.inc

65. Theming specific forms Universally theming forms All form-related theme functions are in includes/form.inc

66. Theming specific forms Inject markup into forms using the Form API Universally theming forms All form-related theme functions are in includes/form.inc

67. function example_theme() { return array( 'user_login' => array( 'arguments' => array('form' => NULL), ), ); } Implement hook_theme()

68. function example_theme() { return array( ' user_login ' => array( 'arguments' => array('form' => NULL), ), ); } Implement hook_theme()

69. <input type=&quot;hidden&quot; name=&quot;form_id&quot; id=&quot;edit-user-login&quot; value=&quot; user_login &quot; /> Get the form_id

70. function example_user_login($form) { // Change the form array here return drupal_render($form); } Create theme function

71. Add markup around elements #prefix #suffix

72. Add markup around elements #prefix #suffix Add or change element's attributes #attributes

73. api.drupal.org Themer developer module (part of Devel) Drupal 6 JavaScript and jQuery by Matt Butcher The Internet