Downloaded 268 times
More Related Content
Similar to DrupalEasy: Intro to Theme Development
DrupalEasy: Intro to Theme Development
- 1. Intro to ThemeDevelopment Michael Anello, Ryan Price www.DrupalEasy.com
- 2. Who are you?Designers? Developers?
- 3. Content vs. PresentationStatic HTML vs. Database-Driven Sites
- 4. Content vs. PresentationEasy Theme Switching in Drupal (example)
- 5. Alternate Title Anatomyof a Drupal Themer
- 6. Who I amnot Not just a Designer
- 7. A Drupal developerWho I am (sometimes)
- 8. Designer != ThemerDesigners Developer $$$
- 9. The best designersand themers see the BIG picture. IMHO
- 10. Code Editor Macmacromates.com - TextMate
- 11.
- 12.
- 13. barebones.com - TextWranglerWindows sourceforge.net - Notepad++
- 14.
- 15. CrimsonEditor.com A Themer'sToolbox
- 16.
- 17.
- 18. GetDrawIt.com (mac) FirefoxExtensions Firebug
- 19.
- 20.
- 21. Web Developer ToolbarA Themer's Toolbox
- 22. CSS Editor macrabbit.com– CSSEdit (mac)
- 23. westciv.com – StyleMaster(windows) FTP FileZilla – sourceforge.net SSH PuTTY.org (windows) Tools wafflesoftware.net - Hex Color Picker (mac) A Themer's Toolbox
- 24.
- 25.
- 26.
- 27. More strict thanHTML Closing Tags
- 28. PHP (for themers)<?php print $var; ?>
- 29. if (isset($var)): …endif;
- 30. if (!empty($var)): …endif;
- 31.
- 32. What do youneed to know? XHTML CSS <?php print $content; ?> jQuery setting up a development enviornment version control a little more PHP?
- 33. Filetypes .info template.php.tpl.php images (.jpg, .gif, .png) css javascript
- 34.
- 35. Template File Namingpage.tpl.php page-front.tpl.php node.tpl.php node-blog.tpl.php
- 36.
- 37.
- 38. Breaking down aDrupal site Page
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45. Views Theme InformationWhich part? Display
- 46.
- 47.
- 48. Field Create namedfile Lots of control Copy code into theme folder
- 49. Overriding Theme Functionshttp://api.drupal.org
- 50.
- 51.
- 52.
- 53.
- 54. Possible Examples Staticimage mockup to Drupal theme
- 55. Static HTML toDrupal theme http://drupal.org/node/313510
- 56.
- 57. Helpful Things Develmodule: http://www.drupal.org/project/devel
- 58. Theme Developer module: http://www.drupal.org/project/devel_themer
- 59. Block Class module: http://www.drupal.org/project/block_class
- 60. Block Theme module: http://www.drupal.org/project/blocktheme
- 61. Menu Attributes module: http://www.drupal.org/project/menu_attributes
- 62. Helpful Things (continued)Skinr module: http://www.drupal.org/project/skinr
- 63. Zen base theme: http://www.drupal.org/project/zen
- 64. Blueprint base theme: http://www.drupal.org/project/blueprint
- 65. NineSixty base theme: http://www.drupal.org/project/ninesixty
- 66. Fusion base theme: http://www.drupal.org/project/fusion
- 67. Helpful Things (evenmore!) Semantic Views module: http://www.drupal.org/project/semantic_views
- 68. “Getting Started withthe Blueprint Theme” - http://drupaleasy.com/blueprint
- 69. “Getting Started withthe 960 Grid System” - http://drupaleasy.com/960
- 70. “Front End Drupal”by Emma Jane Hogbin and Konstantin Kafer. Prentice Hall, 2009.
- 71. DrupalEasy Podcast Interviewwith Emma Jane Hogbin - http://drupaleasy.com/frontenddrupal
- 72.
- 73.
- 74.
- 75. http://design4drupal.org (June19-20, 2010)
- 76. #drupal-support on IRChttp://drupal.org/irc
- 77.
- 78.
- 79. Colloquy (Mac OSX) http://colloquy.info/
- 80. Helpful Links (geton with it!) Structure of the Theme .info file http://drupal.org/node/171205
- 81. Types of Themeshttp://drupal.org/node/323990
- 82. POSH (Plain OldSemantic HTML) http://drupal.org/node/44072
- 83. Set the MaintenanceTheme http://drupal.org/node/195435
- 84. Theme Search Resultshttp://drupal.org/node/175013
- 85. Where to findThemes http://drupal.org/project/Themes
- 86.
- 87.
- 88.
- 89.
- 90.
- 91.
- 92. Follow the LeaderTo follow along on your laptop, download: http://acquia.com/download
- 93.
- 94.
- 95.
- 96.