SlideShare uma empresa Scribd logo
1 de 10
Baixar para ler offline
Stop Theming From Scratch...
           Let's Zen!



Chris Charlton   www.chrischarlton.us
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.
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!

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.

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

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.
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
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.

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, ...
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

Mais conteúdo relacionado

Mais procurados

Chameleon, beameruse theme Torino.sty
Chameleon, beameruse theme Torino.sty Chameleon, beameruse theme Torino.sty
Chameleon, beameruse theme Torino.sty
Hirwanto Iwan
 

Mais procurados (12)

WortdPress Child themes: Why and How
WortdPress Child themes: Why and HowWortdPress Child themes: Why and How
WortdPress Child themes: Why and How
 
Theme like a monster #ddceu
Theme like a monster #ddceuTheme like a monster #ddceu
Theme like a monster #ddceu
 
PSD to a Drupal Theme (using a base theme)
PSD to a Drupal Theme (using a base theme)PSD to a Drupal Theme (using a base theme)
PSD to a Drupal Theme (using a base theme)
 
Drupal 7 Theme System
Drupal 7 Theme SystemDrupal 7 Theme System
Drupal 7 Theme System
 
Drupal Themes & Nucleus
Drupal Themes & NucleusDrupal Themes & Nucleus
Drupal Themes & Nucleus
 
Day of code
Day of codeDay of code
Day of code
 
WORKSHOP ON OWN WEBSITE LAUNCHING On March, 11th Sunday 2018 Morning 10 A.M ...
WORKSHOP ON OWN WEBSITE LAUNCHING  On March, 11th Sunday 2018 Morning 10 A.M ...WORKSHOP ON OWN WEBSITE LAUNCHING  On March, 11th Sunday 2018 Morning 10 A.M ...
WORKSHOP ON OWN WEBSITE LAUNCHING On March, 11th Sunday 2018 Morning 10 A.M ...
 
WordCamp Ottawa 2016 Frameworks for Freelancers
WordCamp Ottawa 2016 Frameworks for FreelancersWordCamp Ottawa 2016 Frameworks for Freelancers
WordCamp Ottawa 2016 Frameworks for Freelancers
 
Drupal theming
Drupal themingDrupal theming
Drupal theming
 
Feathertheme
FeatherthemeFeathertheme
Feathertheme
 
Chameleon, beameruse theme Torino.sty
Chameleon, beameruse theme Torino.sty Chameleon, beameruse theme Torino.sty
Chameleon, beameruse theme Torino.sty
 
Daughter Themes
Daughter ThemesDaughter Themes
Daughter Themes
 

Destaque

02 the cpu
02 the cpu02 the cpu
02 the cpu
Jim Finn
 
Itinerary Of Venice
Itinerary Of VeniceItinerary Of Venice
Itinerary Of Venice
MUSATTI
 
Industry ecology and LCA(Life Cycle Assessment)
Industry ecology and LCA(Life Cycle Assessment)Industry ecology and LCA(Life Cycle Assessment)
Industry ecology and LCA(Life Cycle Assessment)
Ranjit Rajan George
 

Destaque (20)

02 the cpu
02 the cpu02 the cpu
02 the cpu
 
Strangelfreak Eng
Strangelfreak EngStrangelfreak Eng
Strangelfreak Eng
 
COMUNICACION
COMUNICACIONCOMUNICACION
COMUNICACION
 
Research English
Research EnglishResearch English
Research English
 
Sailing In Gay Games VIII, Cologne 2010
Sailing In Gay Games VIII, Cologne 2010Sailing In Gay Games VIII, Cologne 2010
Sailing In Gay Games VIII, Cologne 2010
 
eFactory Sitemap
eFactory SitemapeFactory Sitemap
eFactory Sitemap
 
Drupal Form API 101 (PHP) - DrupalCamp LA 2012
Drupal Form API 101 (PHP) - DrupalCamp LA 2012Drupal Form API 101 (PHP) - DrupalCamp LA 2012
Drupal Form API 101 (PHP) - DrupalCamp LA 2012
 
Warn LCA Insulation
Warn LCA InsulationWarn LCA Insulation
Warn LCA Insulation
 
Life cycle thinking aalto uni
Life cycle thinking aalto uniLife cycle thinking aalto uni
Life cycle thinking aalto uni
 
The Life Cycle of Styrofoam
The Life Cycle of StyrofoamThe Life Cycle of Styrofoam
The Life Cycle of Styrofoam
 
Environmental effects (jun xiang)
Environmental effects (jun xiang)Environmental effects (jun xiang)
Environmental effects (jun xiang)
 
Use of Life Cycle Assessment and Risk Assessment in decision making: the case...
Use of Life Cycle Assessment and Risk Assessment in decision making: the case...Use of Life Cycle Assessment and Risk Assessment in decision making: the case...
Use of Life Cycle Assessment and Risk Assessment in decision making: the case...
 
Itinerary Of Venice
Itinerary Of VeniceItinerary Of Venice
Itinerary Of Venice
 
Analisi e prospettive di sviluppo del progetto Green Site
Analisi e prospettive di sviluppo del progetto Green SiteAnalisi e prospettive di sviluppo del progetto Green Site
Analisi e prospettive di sviluppo del progetto Green Site
 
La gestione dei sedimenti con le aperture della nuova normativa: proposte ope...
La gestione dei sedimenti con le aperture della nuova normativa: proposte ope...La gestione dei sedimenti con le aperture della nuova normativa: proposte ope...
La gestione dei sedimenti con le aperture della nuova normativa: proposte ope...
 
Industry ecology and LCA(Life Cycle Assessment)
Industry ecology and LCA(Life Cycle Assessment)Industry ecology and LCA(Life Cycle Assessment)
Industry ecology and LCA(Life Cycle Assessment)
 
Industrial ecology
Industrial ecologyIndustrial ecology
Industrial ecology
 
Life Cycle Assessment on Personal Computer
Life Cycle Assessment on Personal ComputerLife Cycle Assessment on Personal Computer
Life Cycle Assessment on Personal Computer
 
Life Cycle Assessment (LCA) del progetto Green Site
Life Cycle Assessment (LCA) del progetto Green SiteLife Cycle Assessment (LCA) del progetto Green Site
Life Cycle Assessment (LCA) del progetto Green Site
 
Understanding the Application of life Cycle Assessment (LCA) to Analyse Bio p...
Understanding the Application of life Cycle Assessment (LCA) to Analyse Bio p...Understanding the Application of life Cycle Assessment (LCA) to Analyse Bio p...
Understanding the Application of life Cycle Assessment (LCA) to Analyse Bio p...
 

Semelhante a Let's Zen! (Stop Theming From Scratch)

Intro to Theming Drupal, FOSSLC Summer Camp 2010
Intro to Theming Drupal, FOSSLC Summer Camp 2010Intro to Theming Drupal, FOSSLC Summer Camp 2010
Intro to Theming Drupal, FOSSLC Summer Camp 2010
Emma Jane Hogbin Westby
 
Learning PHP for Drupal Theming, DC Chicago 2009
Learning PHP for Drupal Theming, DC Chicago 2009Learning PHP for Drupal Theming, DC Chicago 2009
Learning PHP for Drupal Theming, DC Chicago 2009
Emma Jane Hogbin Westby
 
Theming Drupal 6 - An Introduction to the Basics
Theming Drupal 6 - An Introduction to the BasicsTheming Drupal 6 - An Introduction to the Basics
Theming Drupal 6 - An Introduction to the Basics
Erik Baldwin
 
Functional FIPS: Learning PHP for Drupal Theming
Functional FIPS: Learning PHP for Drupal ThemingFunctional FIPS: Learning PHP for Drupal Theming
Functional FIPS: Learning PHP for Drupal Theming
Emma Jane Hogbin Westby
 
Forensic Theming - DrupalCon London
Forensic Theming - DrupalCon LondonForensic Theming - DrupalCon London
Forensic Theming - DrupalCon London
Emma Jane Hogbin Westby
 
Themer's roundtable
Themer's roundtableThemer's roundtable
Themer's roundtable
canarymason
 

Semelhante a Let's Zen! (Stop Theming From Scratch) (20)

Intro to Theming Drupal, FOSSLC Summer Camp 2010
Intro to Theming Drupal, FOSSLC Summer Camp 2010Intro to Theming Drupal, FOSSLC Summer Camp 2010
Intro to Theming Drupal, FOSSLC Summer Camp 2010
 
Grok Drupal (7) Theming - 2011 Feb update
Grok Drupal (7) Theming - 2011 Feb updateGrok Drupal (7) Theming - 2011 Feb update
Grok Drupal (7) Theming - 2011 Feb update
 
Design to Theme @ CMSExpo
Design to Theme @ CMSExpoDesign to Theme @ CMSExpo
Design to Theme @ CMSExpo
 
Theme Kickstart
Theme KickstartTheme Kickstart
Theme Kickstart
 
Learning PHP for Drupal Theming, DC Chicago 2009
Learning PHP for Drupal Theming, DC Chicago 2009Learning PHP for Drupal Theming, DC Chicago 2009
Learning PHP for Drupal Theming, DC Chicago 2009
 
Theming Drupal 6 - An Introduction to the Basics
Theming Drupal 6 - An Introduction to the BasicsTheming Drupal 6 - An Introduction to the Basics
Theming Drupal 6 - An Introduction to the Basics
 
Forensic Theming for Drupal
Forensic Theming for DrupalForensic Theming for Drupal
Forensic Theming for Drupal
 
Functional FIPS: Learning PHP for Drupal Theming
Functional FIPS: Learning PHP for Drupal ThemingFunctional FIPS: Learning PHP for Drupal Theming
Functional FIPS: Learning PHP for Drupal Theming
 
Web Content Management Systems From A Designer's Perspective (Drupal Technica...
Web Content Management Systems From A Designer's Perspective (Drupal Technica...Web Content Management Systems From A Designer's Perspective (Drupal Technica...
Web Content Management Systems From A Designer's Perspective (Drupal Technica...
 
Ready. Set. Drupal! An Intro to Drupal 8, Part 2
Ready. Set. Drupal! An Intro to Drupal 8, Part 2Ready. Set. Drupal! An Intro to Drupal 8, Part 2
Ready. Set. Drupal! An Intro to Drupal 8, Part 2
 
Introduction to Drupal (7) Theming
Introduction to Drupal (7) ThemingIntroduction to Drupal (7) Theming
Introduction to Drupal (7) Theming
 
Drupal 8: frontend development
Drupal 8: frontend developmentDrupal 8: frontend development
Drupal 8: frontend development
 
Drupal 8 - Corso frontend development
Drupal 8 - Corso frontend developmentDrupal 8 - Corso frontend development
Drupal 8 - Corso frontend development
 
Building a Custom Theme in Drupal 8
Building a Custom Theme in Drupal 8Building a Custom Theme in Drupal 8
Building a Custom Theme in Drupal 8
 
Grok Drupal (7) Theming (presented at DrupalCon San Francisco)
Grok Drupal (7) Theming (presented at DrupalCon San Francisco)Grok Drupal (7) Theming (presented at DrupalCon San Francisco)
Grok Drupal (7) Theming (presented at DrupalCon San Francisco)
 
Introduction to Drupal 7 Themes and design
Introduction to Drupal 7 Themes and designIntroduction to Drupal 7 Themes and design
Introduction to Drupal 7 Themes and design
 
Forensic Theming - DrupalCon London
Forensic Theming - DrupalCon LondonForensic Theming - DrupalCon London
Forensic Theming - DrupalCon London
 
Themer's roundtable
Themer's roundtableThemer's roundtable
Themer's roundtable
 
Evaluating Base Themes
Evaluating Base ThemesEvaluating Base Themes
Evaluating Base Themes
 
Efficient theming in Drupal
Efficient theming in DrupalEfficient theming in Drupal
Efficient theming in Drupal
 

Mais de Chris Charlton

Lightning Talk: Drush aliases (Drupal Camp LA 2013)
Lightning Talk: Drush aliases (Drupal Camp LA 2013)Lightning Talk: Drush aliases (Drupal Camp LA 2013)
Lightning Talk: Drush aliases (Drupal Camp LA 2013)
Chris Charlton
 
Site Aliases: Powerful Drupal Administration Using Drush by Chris Charlton
Site Aliases: Powerful Drupal Administration Using Drush by Chris CharltonSite Aliases: Powerful Drupal Administration Using Drush by Chris Charlton
Site Aliases: Powerful Drupal Administration Using Drush by Chris Charlton
Chris Charlton
 
Policy File: Powerful Drupal Administration Using Drush
Policy File: Powerful Drupal Administration Using DrushPolicy File: Powerful Drupal Administration Using Drush
Policy File: Powerful Drupal Administration Using Drush
Chris Charlton
 

Mais de Chris Charlton (9)

Drupal Developer Skills (2012) - DrupalCamp LA 2012
Drupal Developer Skills (2012) - DrupalCamp LA 2012Drupal Developer Skills (2012) - DrupalCamp LA 2012
Drupal Developer Skills (2012) - DrupalCamp LA 2012
 
Sassy CSS (part 2) (Drupal Camp LA 2013)
Sassy CSS (part 2) (Drupal Camp LA 2013)Sassy CSS (part 2) (Drupal Camp LA 2013)
Sassy CSS (part 2) (Drupal Camp LA 2013)
 
Lightning Talk: Drush aliases (Drupal Camp LA 2013)
Lightning Talk: Drush aliases (Drupal Camp LA 2013)Lightning Talk: Drush aliases (Drupal Camp LA 2013)
Lightning Talk: Drush aliases (Drupal Camp LA 2013)
 
Site Aliases: Powerful Drupal Administration Using Drush by Chris Charlton
Site Aliases: Powerful Drupal Administration Using Drush by Chris CharltonSite Aliases: Powerful Drupal Administration Using Drush by Chris Charlton
Site Aliases: Powerful Drupal Administration Using Drush by Chris Charlton
 
Policy File: Powerful Drupal Administration Using Drush
Policy File: Powerful Drupal Administration Using DrushPolicy File: Powerful Drupal Administration Using Drush
Policy File: Powerful Drupal Administration Using Drush
 
Drush 5.0 (DrupalCamp LA 2012) - Chris Charlton
Drush 5.0 (DrupalCamp LA 2012) - Chris CharltonDrush 5.0 (DrupalCamp LA 2012) - Chris Charlton
Drush 5.0 (DrupalCamp LA 2012) - Chris Charlton
 
Changes to Drupal Themes in version 7 (part 1)
Changes to Drupal Themes in version 7 (part 1)Changes to Drupal Themes in version 7 (part 1)
Changes to Drupal Themes in version 7 (part 1)
 
Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton
Flex Flash Air Interfaces for Custom Content Types in Drupal   Chris CharltonFlex Flash Air Interfaces for Custom Content Types in Drupal   Chris Charlton
Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton
 
Better Drupal Interaction Design with Flex
Better Drupal Interaction Design with FlexBetter Drupal Interaction Design with Flex
Better Drupal Interaction Design with Flex
 

Último

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 

Último (20)

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Cyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdfCyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdf
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 

Let's Zen! (Stop Theming From Scratch)

  • 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