Let's Zen! (Stop Theming From Scratch)

2,598
-1

Published on

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,598
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
95
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Let's Zen! (Stop Theming From Scratch)

  1. 1. Stop Theming From Scratch... Let's Zen! Chris Charlton www.chrischarlton.us
  2. 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. 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. 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. 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. 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. 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. 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. 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. 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
  1. A particular slide catching your eye?

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

×