Downloaded 569 times
![Copy/Paste PHP <?php if ($page[ 'highlight' ]): ?> <div id="highlight"> <?php print render ($page[ 'highlight' ]); ?> </div> <?php endif; ?>](https://image.slidesharecdn.com/introtothemedevelopment2011-110311025521-phpapp01/85/Drupal-Theme-Development-DrupalCon-Chicago-2011-32-320.jpg)
Uploaded byRyan Price
Drupal Theme Development - DrupalCon Chicago 2011
The document provides a comprehensive overview of theme development in Drupal, covering aspects from essential tools for themers to the anatomy of a Drupal theme and best practices for setting up a development environment. It discusses various programming languages and tools necessary for theme creation, as well as a detailed guide on template file naming and theming functions. Additionally, it includes resources and links for further learning and best practices in Drupal theming.
More Related Content
Similar to Drupal Theme Development - DrupalCon Chicago 2011
Drupal Theme Development - DrupalCon Chicago 2011
- 1. Intro to ThemeDevelopment Ryan Price, Michael Anello www.DrupalEasy.com
- 2. Who are you?Designers? Developers? Site Builders? Content Administrators? Themers.
- 3. Content vs. PresentationStatic HTML vs. Server-Side Includes vs. Database-Driven Sites vs. Themable Data-Driven Sites
- 4. Content vs. PresentationEasy Theme Switching in Drupal (example)
- 5. Anatomy of aDrupal Themer Graphic Designer Javascript + PHP Coder $$$ Front-end Developer
- 6. The best designersand themers see the BIG picture. IMHO User Experience (UX)
- 7. macromates.com TextMate “TheMissing Editor for Mac OSX ” “Find in Project” saves my life daily See also: Smultron, KOD, TextWrangler, Coda Espresso
- 8. notepad-plus-plus.org Notepad++ “Notepadreplacement... to offer a greener environment ” Also: Crimson, e-texteditor, UltraEdit, InType, ConTEXT, Visual Web Developer Express
- 9.
- 10.
- 11.
- 12. The GIMP FirefoxExtensions Firebug
- 13.
- 14.
- 15. Web Developer ToolbarA Themer's Toolbox
- 16. CSS Editor macrabbit.com– CSSEdit (mac)
- 17. westciv.com – StyleMaster(windows) FTP FileZilla – sourceforge.net
- 18. Transmit – panic.com(mac) SSH PuTTY.org (windows) Tools wafflesoftware.com - Hex Color Picker (mac)
- 19. Pixie Color Picker(windows) A Themer's Toolbox
- 20.
- 21.
- 22.
- 23.
- 24. Do Web Pageshave to look the same in every browser? No. http://dowebsitesneedtolookexactlythesameineverybrowser.com
- 25. HTML vs. XHTMLvs. HTML5 HTML5 Backwards-compatible
- 26. New layout elements(“semantic”) Section, Navigation, Header New form elements Email, Search, etc. Scripts for Legacy Browsers (IE)
- 27. DrupalCon Session -HTML5 Tuesday,1:45pm, Trellon Room
- 28. PHP (for themers)<?php print $var; ?>
- 29. if ( isset($var)): … endif;
- 30. if (! empty($var)): … endif;
- 31.
- 32. Copy/Paste PHP <?phpif ($page[ 'highlight' ]): ?> <div id="highlight"> <?php print render ($page[ 'highlight' ]); ?> </div> <?php endif; ?>
- 33. What do youneed to know? HTML CSS <?php print $content; ?> jQuery setting up a development environment version control - git a little more PHP?
- 34. Best Practice ThemeFolder sites/all/themes/ drupalcon/ css/ style.css drupalcon.info images/ image.png scripts/ drupalcon.js template.php templates/ node.tpl.php
- 35. Breaking down aDrupal site HTML Page Region Node Fields Block Views Menu Panels Forms User
- 36.
- 37. Drupal 7 ThemingTemplate-driven (.tpl.php) HTML – open <HTML> and <HEAD>
- 38. Page – Regions, Layout, Special Variables
- 39.
- 40. Region – Blocks, including Main Content
- 41. Block –almost everything
- 42. Node – on node pages, views
- 43. Field –markup for each field Clear the theme registry (cache)!
- 44. Template File Namingpage.tpl.php page--front.tpl.php