Drupal 8 Theming with <3


Drupal 8 has many new exciting features, but none are as radical or as needed as the changes made to the theme system*!

For 10 years Drupal's front end was design and built by developers that tried their very best to figure out what the front end needed; the lack of dedicated front-enders in core; resulted in front end architecture that was "less than ideal" for the challenges that the front end has faced for the last 5 years.

Drupal 8 and twig changed it all!

A complete overhaul of the theme system started 3 years ago - PHPtemplate is now out the door, the twig template system is implemented, and most importantly, the core idea of how the front end is build has done a 180° from how Drupal 7 handled theming.

This means:

  • No more divitis
  • No more Class soup
  • No more of Drupal's standard markup and classes
  • No more yelling at the markup and not knowing where stuff came from
  • No more using regex for modify a CSS class!

Such a dramatic change would normally cause panic is a time for celebration.

The session will give you a solid understanding of the key concepts of Drupal 8 theming, as a themer.

We will cover:

  • The structure of a Drupal 8 theme
  • Classy and Stark themes (and  what it means for the future of theming)
  • Base themes - what happened
  • Debugging and looking for markup
  • How {{ twig }} works from a CSS/HTML coders perspective (how to build a theme)
  • What to tell your developers about theming
  • CSS file structure and how M.A.T. works
  • JS and how to drop 32K

This session is created with the themer / front-ender / html-css designer  in mind, so a maximum of 3 lines of PHP will be shown in this session.

*Yes I know that a lot of “big things came into d8” that weren't front end related ;)

PDF of Slides

Session Track

Front End

Experience Level


Drupal Version

When & Where

Tuesday, 12 May, 2015 - 10:45 to 11:45
515A - Phase 2