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 ;)