SlideShare una empresa de Scribd logo
1 de 10
Descargar para leer sin conexión
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

Más contenido relacionado

La actualidad más candente

WortdPress Child themes: Why and How
WortdPress Child themes: Why and HowWortdPress Child themes: Why and How
WortdPress Child themes: Why and HowPaul Bearne
 
Theme like a monster #ddceu
Theme like a monster #ddceuTheme like a monster #ddceu
Theme like a monster #ddceuMarek Sotak
 
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)kuydigital
 
Drupal 7 Theme System
Drupal 7 Theme SystemDrupal 7 Theme System
Drupal 7 Theme SystemPeter Arato
 
Drupal Themes & Nucleus
Drupal Themes & NucleusDrupal Themes & Nucleus
Drupal Themes & NucleusThemeBrain
 
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 ...venkata ravi kanth pokala
 
WordCamp Ottawa 2016 Frameworks for Freelancers
WordCamp Ottawa 2016 Frameworks for FreelancersWordCamp Ottawa 2016 Frameworks for Freelancers
WordCamp Ottawa 2016 Frameworks for FreelancersShelly Peacock
 
Chameleon, beameruse theme Torino.sty
Chameleon, beameruse theme Torino.sty Chameleon, beameruse theme Torino.sty
Chameleon, beameruse theme Torino.sty Hirwanto Iwan
 

La actualidad más candente (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
 

Destacado

02 the cpu
02 the cpu02 the cpu
02 the cpuJim Finn
 
Research English
Research EnglishResearch English
Research EnglishLucie
 
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 2010Pewit
 
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 2012Chris Charlton
 
Warn LCA Insulation
Warn LCA InsulationWarn LCA Insulation
Warn LCA Insulationkjwarn
 
The Life Cycle of Styrofoam
The Life Cycle of StyrofoamThe Life Cycle of Styrofoam
The Life Cycle of Styrofoamereciclaje
 
Environmental effects (jun xiang)
Environmental effects (jun xiang)Environmental effects (jun xiang)
Environmental effects (jun xiang)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...Community Protection Forum
 
Itinerary Of Venice
Itinerary Of VeniceItinerary Of Venice
Itinerary Of VeniceMUSATTI
 
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 SiteeAmbiente
 
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...eAmbiente
 
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
 
Industrial ecology
Industrial ecologyIndustrial ecology
Industrial ecologyHaniel Zadok
 
Life Cycle Assessment on Personal Computer
Life Cycle Assessment on Personal ComputerLife Cycle Assessment on Personal Computer
Life Cycle Assessment on Personal Computermerlin1491
 
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 SiteeAmbiente
 
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...Roya Khalil, PhD
 

Destacado (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...
 

Similar 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 2010Emma Jane Hogbin Westby
 
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 updateLaura Scott
 
Theme Kickstart
Theme KickstartTheme Kickstart
Theme KickstartPeter
 
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 2009Emma 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 BasicsErik 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 ThemingEmma Jane Hogbin Westby
 
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...Chris Charlton
 
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 2Acquia
 
Introduction to Drupal (7) Theming
Introduction to Drupal (7) ThemingIntroduction to Drupal (7) Theming
Introduction to Drupal (7) ThemingRobert Carr
 
Drupal 8: frontend development
Drupal 8: frontend developmentDrupal 8: frontend development
Drupal 8: frontend developmentsparkfabrik
 
Drupal 8 - Corso frontend development
Drupal 8 - Corso frontend developmentDrupal 8 - Corso frontend development
Drupal 8 - Corso frontend developmentsparkfabrik
 
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 8Anne Tomasevich
 
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)Laura Scott
 
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 designKalin Chernev
 
Themer's roundtable
Themer's roundtableThemer's roundtable
Themer's roundtablecanarymason
 

Similar 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
 

Más de Chris Charlton

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 2012Chris Charlton
 
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)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 CharltonChris 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 DrushChris Charlton
 
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 CharltonChris 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)Chris Charlton
 
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 CharltonChris Charlton
 
Better Drupal Interaction Design with Flex
Better Drupal Interaction Design with FlexBetter Drupal Interaction Design with Flex
Better Drupal Interaction Design with FlexChris Charlton
 

Más 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

Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024The Digital Insurer
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsRoshan Dwivedi
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 

Último (20)

Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 

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