A new theme layer for Drupal 8? with jenlampton, chx, JohnAlbin, mortendk, eﬀulgentsia, EclipseGc, & davidneedham

Size: px

Start display at page:

Download "A new theme layer for Drupal 8? with jenlampton, chx, JohnAlbin, mortendk, eﬀulgentsia, EclipseGc, & davidneedham"

Cori McCarthy
8 years ago
Views:

1 22 A new theme layer for Drupal 8? with jenlampton, chx, JohnAlbin, mortendk, eﬀulgentsia, EclipseGc, & davidneedham Au gu st 20 12

2 INTRODUCTIONS

3 WHO ARE YOU?

4 YOU ARE: Theme developers? (D7? D6? D5?)

5 YOU ARE: Theme developers? (D7? D6? D5?) New to Drupal? (just want to know what the heck is going on in D8)

6 YOU ARE: Theme developers? (D7? D6? D5?) New to Drupal? (just want to know what the heck is going on in D8) Drupal Experts? (also want to know what the heck is going on in D8)

7 DRUPAL 8 : A NEW THEME LAYER (probably)

8 TWIG A modern template engine for PHP.

9 TWIG well documented extensible secure well tested IDE integration recognizable syntax Python (django) JS (TwigJS) Ruby (Liquid) by Symfony s author, Fabien Potencier

10 TECHNICAL DIFFICULTIES WITH CONVERTING TO TWIG (chx) Replacing (most of) render What s the first patch (a working example ) Removing layers (process, preprocess) Fitting in with the blocks everywhere initiative??

working example ) Removing layers (process,

11 WHY TWIG?

12 CURRENT Drupal only (weird) syntax

13 CURRENT Object or Array?

14 CURRENT print or print render()?

15 CURRENT PHP is insecure

16 CURRENT Too many template files

17 CURRENT complex mix of subsystems

18 WHAT DO WE WANT IN D8? Requested by theme developers: The ability to easily add/change/remove markup Consistency in data presented to the theme layer Sensible markup defaults / common patterns Requested by developers: A more secure theme layer A more performant theme layer (see

markup Consistency in data presented to the theme layer Sensible markup

19 WHAT DO WE WANT IN D8? Other stuff?

20 HOW WILL TWIG HELP? (JohnAlbin s new diagram goes here)

21 SO, HOW WILL TWIG HELP? Requested by theme developers: The ability to easily add/change/remove markup? template files only instead of also theme functions? cleaner syntax {} {{}} {# #} {% %} Consistency in data presented to the theme layer? Data always presented as drillable * objects Sensible markup defaults / common patterns? We ll have to replace it all anyway. * we don t know exactly how we are going to do this yet

22 HOW WILL TWIG HELP? Requested by developers: A more secure theme layer + Auto-escaping makes templates secure A more performant theme layer + Compiled PHP classes should* perform better * we won t know for sure until we replace everything.

23 HOW WILL TWIG HELP? Other stuff?

24 WHAT ABOUT THE TOOLS WE ALREADY HAVE? Do you like: do you like template file overrides? do you like theme function overrides? do you love preprocess functions? do you use hooks in your theme? do you use _alter() hooks?

25 What is your perfect Drupal theme experience? IF YOU COULD START OVER...

26 What is your perfect Drupal theme experience? POSSIBLE? REALISTIC?

27 1.? 2.? 3.? WHAT S MOST IMPORTANT FOR DRUPAL 8?

28 TWIG what does it look like?

29 TWIG what does it look like? print with {{ }}

30 TWIG what does it look like? commands with {% %}

31 TWIG what does it look like? comments with {# #}

32 TWIG what does it look like? simple and intuitive

33 TWIG D7 D8 theme_username becomes username.twig

34 TWIG D7 D8 theme_image becomes image.twig

35 TWIG D7 D8 theme_link becomes link.twig

36 TWIG D7 D8 theme_item_list beomes item_list.twig

37 DO WE GO WITH TWIG?

38 HOW DO WE GET THERE?

39 DISCUSS!

40 A NEW THEME LAYER FOR D8 with jenlampton, chx, JohnAlbin, mortendk, effulgentsia, EclipseGc, davidneedham

41 credits: DrupalCon Munich Slide Deck: Drupal 7 Theme layer image by John Albin Wilkins Drupal 8 Theme layer image by John Albin Wilkins

Drupal 8 rocks! (but our CSS & HTML sucks.) Drupal 8 ( CSS HTML )

Drupal 8 rocks! (but our CSS & HTML sucks.) Drupal 8! ( CSS HTML ) John Albin Wilkins Drupal 8 Mobile Initiative Lead Front-end Dev at Palantir.net 1993 The Drupal 8 Mobile Initiative Mobile And Responsive