Slides of the presentation Bart Noppen (Desk02) gave about theming in Drupal 6. 09/03/2010

1. Drupal 6 ~ Theming Basics DUG - Leuven - 09/03/2010 Bart Noppen Webdesigner/Themer bij Desk02 BVBA

3. Onderdelen Drupal 6 theme

4. Overlopen van de basis templates

5. Aan de slag ...

6. nuttige tools

7. hoe een nieuw theme te maken van scratch

9. Geen core-bestanden aanpassen Core bestanden aanpassen = gevaarlijk voor updates!Core-bestanden aanpassen = fout!

11. logo.png (logo van de site)

12. favicon.ico (favicon van de site)

13. screenshot.png (afbeelding in themes list)

14. template (tpl) pagina's (overschrijven de standaard templates)

15. template.php (overschrijven van drupal functies)

16. CSS bestanden

17. Javascript bestanden

19. bevat naam omschrijving van het theme

20. bepaalt parent-theme (als er een is)

21. bepaalt welke regions beschikbaar zijn

22. bepaalt welke features beschikbaar zijn

23. bepaalt welke CSS en JS bestanden geladen moeten worden

24. logo.png, favicon, screenshot.png

25. template pagina's (overschrijven de standaard templates)

26. page.tpl.php

27. node.tpl.php

28. block.tpl.php

29. views.tpl.php

31. bestand waar core & module theming functies overschreven kunnen worden of waar custom functies toegevoegd kunnen worden

32. CSS bestanden

33. Javascript bestanden

34. Layout afbeeldingen

36. Devel module!

37. Webdeveloper toolbar (Firefox)

38. Firebug (Firefox and Google Chrome)

40. .info bestand aanmaken

41. naam en omschrijving van het theme

42. template engine

43. regions bepalen

44. CSS en JS bestanden koppelen

45. features (des-)activeren

46. standaard templates opzoeken, overlopen en overschrijven

47. een custom (front) page template maken

48. een custom node template maken

49. een custom block template maken

50. een custom view template maken

52. Maak een subfolder met de naam van je themevb: sites/all/themes/dugtheme

53. Maak een .info bestand aan met dezelfde naamvb: sites/all/themes/dugtheme/dugtheme.info

54. definieer de nodige informatie voor je theme

56. Primary and secondary links are now Main and Secondary menu

57. Mission statement removed, 'highlight' region suggested

58. Footer message removed

59. Content region is now mandatory, main page content became a block

60. $closure becomes $page_bottom, new $page_top and hidden regions

61. $left and $right variables are now $sidebar_first and $sidebar_second; CSS IDs also changed

62. Search box moved from theme layer to blocks

63. Skip to main content links in core themes

64. System module stylesheets have been reorganized to separate behavior-supporting styles from presentational styles

65. CSS files are sometimes loaded with @import, sometimes with LINK tags

66. ... and many morezie: http://drupal.org/update/theme/6/7