Your SlideShare is downloading. ×
Let's Zen! (Stop Theming From Scratch)
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Let's Zen! (Stop Theming From Scratch)

2,468

Published on

Points about the Zen theme project for Drupal.

Points about the Zen theme project for Drupal.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,468
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
92
Comments
0
Likes
2
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. Stop Theming From Scratch... Let's Zen! Chris Charlton www.chrischarlton.us
  • 2. Who am I? What am I? Chris Charlton – I teach, I write, I code.  LA Drupal Manager – groups.drupal.org/LA  LA AIR Adobe Group Manager – laair.org  Drupal Training – drupaltrainer.com and  drupallearning.com for info and dates.
  • 3. What Unicorns Planned For Us Today: General overview of Drupal Themes.  Parts of a Drupal Theme.  How time consuming “from scratch” really is.  Zen Theme: Vanilla for your sprinkles! 
  • 4. Drupal 6 Themes General Overview Themes can be installed/uninstalled at will.  Site users can pick any theme you install.  There are free themes, commercial themes,  and any can be tweaked or sub-themed. Themes are made up of CSS and PHP files.  Themes override core and module rendering. 
  • 5. Parts of a Drupal Theme (Terms) Page = the “shell” markup   <head>  <body>  <div id=”header”>  <div id=”content”>  <div id=”custom-regions”> Region = area where blocks/content live  Header  Content  Sidebar Left  Sidebar Right  Footer  Node = a piece of content 
  • 6. Parts of a Drupal Theme (Files) Folder & files:   .infofile = theme description/manifest  style.css = the common name for main stylesheet  template.php = powerful file; custom theme logic TPL (PHP/XHTML files; PHP Template)   page.tpl.php  node.tpl.php  block.tpl.php  comment.tpl.php  ... and many, many more.
  • 7. Theme Cost Graph – fake, but real. A = a free/core theme  B = a budget theme  C = a contrib theme  D = a budgetted theme Price  D B Themes take more C A than one pass, and themes always evolve. Quality
  • 8. Spend $$$ on your theme Good themes keep sites out of the passive  “Oh, just another Drupal site” stigma. Good themes grow with a site & don't smell.  Theme code overrides rendering logic from  core and module defaults. Your theme has final “say” on how anything should look. Modules provide theme “hooks” to override. 
  • 9. Save $$$ on your theme Join a theme framework project, like Zen!   Others out there: Blueprint, The 950 Theme, Basic, ...  Reduce or eliminate “from scratch” foundation work. Zen contains pre-declared CSS selectors:   Tags: h1, h2, h3, h4, h5, h6, p, a, a:hover, a:visited, ...  Common Drupal regions (IDs): #header, #footer, #content, ...  Common Drupal styles (Classes): .node, .form-field, .block, ...
  • 10. Where to read more about Zen http://drupal.org/project/zen  Drupal Planet & Drupal Talk (blogs/feeds)  Themer Group –  http://groups.drupal.org/theme-development *Dreamweaver fans visit http://xtnd.us

×