The Themer’s Toolkit
Abstract <ul><li>The tools available to Drupal 6 themers are amazing! Come learn about base themes, must-have modules, bro...
 
 
April 2009
 
The  .info  file <ul><li>name  = Venus </li></ul><ul><li>description  = The most beautiful theme evah. </li></ul><ul><li>S...
A  .tpl.php  file <ul><li><div id=&quot;block&quot;><div class=&quot;block-inner&quot;> </li></ul><ul><li><?php if ($block...
The  template.php  file
Starter Themes
The  .info  file <ul><li>name  = Venus </li></ul><ul><li>description  = The most beautiful theme evah. </li></ul><ul><li>S...
Converting from Drupal 5x
The  .info  file <ul><li>stylesheets[all][]  = regions.css </li></ul><ul><li>stylesheets[print][] = print.css </li></ul><u...
5 tools you need to use too <ul><li>1. Firebug </li></ul><ul><li>2. Screen shot + testing services </li></ul><ul><li>3. De...
www.getfirebug.com
www.browsershots.com
 
 
www.zotero.com
 
+ 1
<ul><li>More information at: </li></ul><ul><ul><li>http://bazaar-vcs.org/BazaarUploadForWebDev </li></ul></ul>
Share your toolkit.
Blog your toolkit.
Resources <ul><li>www.drupal.org </li></ul><ul><li>www.frontenddrupal.com </li></ul>
Upcoming SlideShare
Loading in...5
×

The Themer's Toolkit

1,950

Published on

Published in: Technology
2 Comments
2 Likes
Statistics
Notes
No Downloads
Views
Total Views
1,950
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
87
Comments
2
Likes
2
Embeds 0
No embeds

No notes for slide

The Themer's Toolkit

  1. 1. The Themer’s Toolkit
  2. 2. Abstract <ul><li>The tools available to Drupal 6 themers are amazing! Come learn about base themes, must-have modules, browser-based tools you can't live without and get a gentle introduction on how to convert Drupal 5 themes to Drupal 6. Woo! </li></ul><ul><li>PS This talk was based on chapter 2 and chapter 3 of Front End Drupal – a brand new book on theming Drupal. More information is available at www.frontenddrupal.com </li></ul>
  3. 5. April 2009
  4. 7. The .info file <ul><li>name = Venus </li></ul><ul><li>description = The most beautiful theme evah. </li></ul><ul><li>Screenshot = screenshot.png </li></ul><ul><li>core = 6.x </li></ul><ul><li>engine = phptemplate </li></ul>
  5. 8. A .tpl.php file <ul><li><div id=&quot;block&quot;><div class=&quot;block-inner&quot;> </li></ul><ul><li><?php if ($block->subject): ?> </li></ul><ul><li><h2 class=&quot;title&quot;><?php print $block->subject; ?></h2> </li></ul><ul><li><?php endif; ?> </li></ul><ul><li><div class=&quot;content&quot;> </li></ul><ul><li><?php print $block->content; ?> </li></ul><ul><li></div> </li></ul><ul><li></div></div> </li></ul>
  6. 9. The template.php file
  7. 10. Starter Themes
  8. 11. The .info file <ul><li>name = Venus </li></ul><ul><li>description = The most beautiful theme evah. </li></ul><ul><li>Screenshot = screenshot.png </li></ul><ul><li>core = 6.x </li></ul><ul><li>engine = phptemplat </li></ul><ul><li>base theme = zen </li></ul>
  9. 12. Converting from Drupal 5x
  10. 13. The .info file <ul><li>stylesheets[all][] = regions.css </li></ul><ul><li>stylesheets[print][] = print.css </li></ul><ul><li>regions[above_header] = above header </li></ul><ul><li>regions[navbar] = navigation bar </li></ul>
  11. 14. 5 tools you need to use too <ul><li>1. Firebug </li></ul><ul><li>2. Screen shot + testing services </li></ul><ul><li>3. Devel module </li></ul><ul><li>4. Design library (Zotero) </li></ul><ul><li>5. CSS Grids </li></ul>
  12. 15. www.getfirebug.com
  13. 16. www.browsershots.com
  14. 19. www.zotero.com
  15. 21. + 1
  16. 22. <ul><li>More information at: </li></ul><ul><ul><li>http://bazaar-vcs.org/BazaarUploadForWebDev </li></ul></ul>
  17. 23. Share your toolkit.
  18. 24. Blog your toolkit.
  19. 25. Resources <ul><li>www.drupal.org </li></ul><ul><li>www.frontenddrupal.com </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×