SlideShare a Scribd company logo
1 of 31
The Drupal Theme Layer:
   What’s the Deal?




             UMass Drupal User Group, December 6, 2012

Slides from Emma Jane Hogbin’s “Evaluating Base Themes” presentation at
                   DrupalCon Munich, August 2012

               Adapted with permission by Johanna Bates
Resources to Check Out
• Emma Jane Hogbin
       • Drupalcon Munich, 8/2012:
         http://munich2012.drupal.org/program/sessions/evaluating-base-themes
       • http://emmajane.net, @emmajanedotnet, emmajane on Drupal.org

• D7 Base Theme Comparison Chart:
  http://drupalwatchdog.com/2/1/drupal7-starter-themes

• IRC Theming Support Channels: #drupal-themes, #drupal-
  adaptivetheme

• The theme layer is changing in D8! Twig has been committed to
  core! Layouts based on Panels functionality are being incorporated
  into core as well. Get more involved here:
       • IRC: #drupal-ladder, #drupal-twig
       • Drupal Ladder: http://drupalladder.org/
       • http://drupal.org/community-initiatives/drupal-core

More Related Content

Similar to The drupal theme layer

Sydney Drupal News July 2012
Sydney Drupal News July 2012Sydney Drupal News July 2012
Sydney Drupal News July 2012
Ryan Cross
 
Introduction to Drupal Content Management System
Introduction to Drupal Content Management SystemIntroduction to Drupal Content Management System
Introduction to Drupal Content Management System
Mario Hernandez
 
Sydney Drupal News April 2012
Sydney Drupal News April 2012Sydney Drupal News April 2012
Sydney Drupal News April 2012
Ryan Cross
 
Drupal content editing ux
Drupal content editing uxDrupal content editing ux
Drupal content editing ux
Sergei Sorokin
 

Similar to The drupal theme layer (20)

Sydney Drupal News July 2012
Sydney Drupal News July 2012Sydney Drupal News July 2012
Sydney Drupal News July 2012
 
D7 as D8
D7 as D8D7 as D8
D7 as D8
 
Open drupal DrupalCamp Gent 2018
Open drupal DrupalCamp Gent 2018Open drupal DrupalCamp Gent 2018
Open drupal DrupalCamp Gent 2018
 
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 Content Management System
Introduction to Drupal Content Management SystemIntroduction to Drupal Content Management System
Introduction to Drupal Content Management System
 
Workflow Initiative Update
Workflow Initiative UpdateWorkflow Initiative Update
Workflow Initiative Update
 
Everything You Need to Know About the Top Changes in Drupal 8
Everything You Need to Know About the Top Changes in Drupal 8Everything You Need to Know About the Top Changes in Drupal 8
Everything You Need to Know About the Top Changes in Drupal 8
 
Sydney Drupal News April 2012
Sydney Drupal News April 2012Sydney Drupal News April 2012
Sydney Drupal News April 2012
 
Media handling in Drupal (Drupalcamp Leuven 2013)
Media handling in Drupal (Drupalcamp Leuven 2013)Media handling in Drupal (Drupalcamp Leuven 2013)
Media handling in Drupal (Drupalcamp Leuven 2013)
 
Drupal 8 Initiatives
Drupal 8 InitiativesDrupal 8 Initiatives
Drupal 8 Initiatives
 
Top 20 mistakes you will make on your 1st Drupal project
Top 20 mistakes you will make on your 1st Drupal projectTop 20 mistakes you will make on your 1st Drupal project
Top 20 mistakes you will make on your 1st Drupal project
 
Evaluating Base Themes
Evaluating Base ThemesEvaluating Base Themes
Evaluating Base Themes
 
LITA Preconference: Getting Started with Drupal (handout)
LITA Preconference: Getting Started with Drupal (handout)LITA Preconference: Getting Started with Drupal (handout)
LITA Preconference: Getting Started with Drupal (handout)
 
Media handling in Drupal (Drupalcamp Leuven 2013)
Media handling in Drupal (Drupalcamp Leuven 2013)Media handling in Drupal (Drupalcamp Leuven 2013)
Media handling in Drupal (Drupalcamp Leuven 2013)
 
Drupal Theming for Developers
Drupal Theming for DevelopersDrupal Theming for Developers
Drupal Theming for Developers
 
Upgrading to Drupal 7
Upgrading to Drupal 7Upgrading to Drupal 7
Upgrading to Drupal 7
 
HTML5 Drupal Working Group
HTML5 Drupal Working GroupHTML5 Drupal Working Group
HTML5 Drupal Working Group
 
Drupal content editing ux
Drupal content editing uxDrupal content editing ux
Drupal content editing ux
 
Drupal theming - a practical approach (European Drupal Days 2015)
Drupal theming - a practical approach (European Drupal Days 2015)Drupal theming - a practical approach (European Drupal Days 2015)
Drupal theming - a practical approach (European Drupal Days 2015)
 
History of Drupal: From Drop 1.0 to Drupal 8
History of Drupal: From Drop 1.0 to Drupal 8History of Drupal: From Drop 1.0 to Drupal 8
History of Drupal: From Drop 1.0 to Drupal 8
 

Recently uploaded

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
vu2urc
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Recently uploaded (20)

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
 
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
 
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
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
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
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
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
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
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...
 
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...
 

The drupal theme layer

  • 1. The Drupal Theme Layer: What’s the Deal? UMass Drupal User Group, December 6, 2012 Slides from Emma Jane Hogbin’s “Evaluating Base Themes” presentation at DrupalCon Munich, August 2012 Adapted with permission by Johanna Bates
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31. Resources to Check Out • Emma Jane Hogbin • Drupalcon Munich, 8/2012: http://munich2012.drupal.org/program/sessions/evaluating-base-themes • http://emmajane.net, @emmajanedotnet, emmajane on Drupal.org • D7 Base Theme Comparison Chart: http://drupalwatchdog.com/2/1/drupal7-starter-themes • IRC Theming Support Channels: #drupal-themes, #drupal- adaptivetheme • The theme layer is changing in D8! Twig has been committed to core! Layouts based on Panels functionality are being incorporated into core as well. Get more involved here: • IRC: #drupal-ladder, #drupal-twig • Drupal Ladder: http://drupalladder.org/ • http://drupal.org/community-initiatives/drupal-core

Editor's Notes

  1. I’ve prepared a presentation that I can tweak based on interest and the amount of time we have. The first part is an adaptation of EMH’s DrupalCon Munich Aug 2012 presentation – got her permission to adapt and share this with you Frame for understanding base themes Tells us a lot about core and the theme layer Includes some really interesting short survey put to prominent base theme developers At that point, we can go on to talk about how to evaluate base themes for use in projects OR We could dive in and look at two base themes in action on live D7 sites I will finish up by mentioning some D8 things going on WRT the theme layer.Specific requests? Please feel free to interrupt me to ask questions!
  2. Final say on what appears on the site. View Source – see this in action. Stacks! Cascades! Layers! Load order. Fun times.
  3. Core sites/all/modules sites/all/themes/your_theme
  4. Use cases for not using base themes, for sure, but for standard builds, it can be a best practices (JR example if needed). More importantly: These three categories help reveal some of the good and bad things about core and the current state of the theme layer. Current state of the theme layer is widely regarded in the Drupal community as being pretty far from ideal. Attempts to address that I can discuss later.
  5. Very light and simple. Complex layout stuff is left to modules (John Albin believes this is best, i.e. ZenGrids is separate; plays well with Panels by staying out of the way.) Attempts to optimize Drupal core markup, make it as semantic as possible – best possible foundation to build on. Hand-coders often find these easiest to work with. Tells us about Drupal core: Bad: Core markup is far form WordPress-approachable; if you’re not steeped in Drupal, you may have trouble with these Good: Core is flexible.. Can be optimized for hand-coding, or other kinds of theme-building
  6. Adapts the structure of core to make it best for your needs Then you can decorate it
  7. Offers easier layouts for those who like these frameworks – makes theming more accessibleDrupal core Good: Again, core is flexible. Example: 960 not in core. Good thing, as we will see. Technologies & best practices change quickly. Bad: Again, shows what is needed to get multi-column layouts working in Drupal.
  8. You’re using someone else’s structure. You’re not renovating, just decorating.
  9. WordPress-like—much is clickable in the UI. Can use custom code, but can create complex layouts without it. Omega is the extreme example of an Annex theme. AT is like the Zen-most version of an Annex theme, as it supports but doesn’t require other modules. It can be dialed back or extended out via the UI.Drupal Core: Good: Flexible! The fact that you can throw all this on top of core and have it work is amazing. Bad: To get to this approachable-theming level, the theme layer is doing a lot of heavy lifting, using volatile systems that may change before the base theme life is up (responsive)
  10. Like living in a group of structures with other families: you get benefits, but also shared problems
  11. Optimized foundation. Will likely vary based on project, clients, developer skills, etc.
  12. Shouldn’t have to hack anything out—just build on it/decorate it/enhance it.
  13. AT this point: Talk about how to eval base themes? Look at live examples of D7 HTML5 versions of AT and Zen? Talk about D8? Questions? Needs?
  14. Left column, not right column. Also, it’s smart to check on core and take into consideration what concepts and technologies might play nicely with D8: http://drupal.org/community-initiatives/drupal-core
  15. There are charts available, but it’s important to make your own chart that takes into accountyour project’s immediate and long term needs and your skills. Also, it’s smart to check on core and take into consideration what concepts and technologies might play nicely with D8: http://drupal.org/community-initiatives/drupal-core