• Save
Themer's roundtable
Upcoming SlideShare
Loading in...5

Themer's roundtable






Total Views
Views on SlideShare
Embed Views



1 Embed 4

http://www.drupaldelphia.com 4



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Themer's roundtable Themer's roundtable Presentation Transcript

  • Meg Frisch, Larry Miller,  Theresa Summa, Mason Wendell
  • 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
  • Workflows and Roles
  • 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...
  • 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)
  • Diff'rent Strokes for Diff'rent Themers ›   On a small team...
      • accountability / responsibility
      • best practices & good habits
  • 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)
  • Diff'rent Strokes for Diff'rent Themers ›   flying solo
      • account for other roles / team members
      • stay organized! 
  • Anatomy of a theme
  • What's in a Theme?
      • Required
        • mytheme.info
      • Basic
        • template.php
        • .tpl.php files
        • CSS, JS, images
      • Rad
        • Pre-process, overrides & API functions
  • 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
  • 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.
  • What's in a Theme? ›   tpl.php files
      • write markup for layout
      • implement theme variables
      • exercise caution - do not build templates of doom
  • 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 
  • getting started, software recommendations, essential modules & resources
  • 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)
  • Themer's Toolkit ›   Essential Modules
      • Imagecache
      • Semantic Views
      • Display suite
      • Contexts
      • Panels
      • jQuery UI
      • Simplemenu
      • Menublock
      • Devel + Theme Developer
      • String overrides
  • 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)
  • › 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