Your SlideShare is downloading. ×
Themer's roundtable
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Themer's roundtable

1,044
views

Published on

Published in: Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,044
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Meg Frisch, Larry Miller,  Theresa Summa, Mason Wendell
  • 2. What's a Theme?
    • A "theme" is a collection of files that define the presentation layer or "look and feel" of a Drupal site.
    Source: "About Theming" in the Drupal.org Theming Guide  http://drupal.org/node/221881
  • 3. Workflows and Roles
  • 4. Diff'rent Strokes for Diff'rent Themers ›   What's a Themer?
      • A Themer is someone who creates and/or customizes the user interface (UI) for a website in Drupal. 
      • We have different backgrounds:
        • Visual Design
        • Development
        • Professional Wrestling
        • others?
      • different skill sets:
        • what are necessary skills?
      • different teams...
  • 5. Diff'rent Strokes for Diff'rent Themers ›   A typical day in the life...
      • We may work with several other designers, developers, and themers on our team (a large team of 10 or more)
      • We may work with only a couple other players, sharing some responsibilities (a small team of under 10)
      • We may work on our own, managing and coordinating entire projects (soup to nuts)
      • We may work on a contract or for another group as a freelance themer (flying solo)
  • 6. Diff'rent Strokes for Diff'rent Themers ›   On a small team...
      • accountability / responsibility
      • best practices & good habits
  • 7. Diff'rent Strokes for Diff'rent Themers ›   On a large team...
      • be aware of different skill levels &
      • be prepared to educate
      • stay involved in design and development process (if not already)
  • 8. Diff'rent Strokes for Diff'rent Themers ›   flying solo
      • account for other roles / team members
      • stay organized! 
  • 9. Anatomy of a theme
  • 10. What's in a Theme?
      • Required
        • mytheme.info
      • Basic
        • template.php
        • .tpl.php files
        • CSS, JS, images
      • Rad
        • Pre-process, overrides & API functions
  • 11. What's in a Theme? ›   The .info file
      • Necessary for Drupal to "see" the theme
      • name, description, version and other information
      • location of CSS & JavaScript files
      • specify block regions 
      • theme options
  • 12.  
  • 13. What's in a Theme? ›   template.php
      • stores theme (override) functions
        • In Drupal 6, some functions, like drupal_add_js(), can be loaded from the template.info file instead.
        • In Drupal 7, some functions will only be available from the template.info file.  
      • Preprocessing:
        • function mytheme_preprocess_node() 
        • function mytheme_preprocess_page()
      • use this when you want to simplify your workflow and create reusable parts.
  • 14. What's in a Theme? ›   tpl.php files
      • write markup for layout
      • implement theme variables
      • exercise caution - do not build templates of doom
  • 15.  
  • 16. What's in a Theme? ›   auxiliary files CSS, JS, images
      • create folders in your theme directory 
        • e.g. /css, /js or /scripts, /img or /images
      • be consistent
      • as a general rule, you are adding or overriding not replacing 
  • 17. getting started, software recommendations, essential modules & resources
  • 18. Themer's Toolkit ›   Software recommendations
      • Your IDE of choice
        • textmate (mac)  / notepad++
        • netbeans (cross-os compatible)
        • but we're not sure it matters.
      • Firebug + Firefox
      • Sass & Compass
      • Adobe Creative Suite or Open Source graphics program (Inkscape, Gimp)
  • 19. Themer's Toolkit ›   Essential Modules
      • Imagecache
      • Semantic Views
      • Display suite
      • Contexts
      • Panels
      • jQuery UI
      • Simplemenu
      • Menublock
      • Devel + Theme Developer
      • String overrides
  • 20. Themer's Toolkit ›   Resources
      • drupal.org/theme-guide
      • blueprint.css / 960.gs
        • (drupal.org/project/blueprint)
        • (drupal.org/project/ninesixty)
      • Zen theme (drupal.org/projects/zen)
        • Subthemes (drupal.org/node/225125)
      • Wireframe, Sketch, Plan
      • Lullabot's Theming Best Practices (lullabot.com/articles/theming-best-practices-garland-gets-a-cleanup) 
      • When all else fails... ASK ON IRC!
      • (drupal.org/irc)
      •  
    •  
  • 21. › Happy Theming! Meg Frisch Twitter: @megfrisch [email_address]   Larry Miller Twitter: @ldpm [email_address] Theresa Summa Twitter: @theresaanna theresaanna.com Mason Wendell Twitter: @canarymason canarypromo.com