why display suite is awesome

& node.tpl sis a pain in the ass
Presentation from drupalcamp Copenhagen & Stockholm November 2011

Transcript

1. Why display suite is pretty fucking awesome and node.tpl is a pain in the ass mandag den 14. november 11
2. node.tpl is dead dude #drupalcph Drupalcamp cph #4.0 : 2011 mandag den 14. november 11
3. @mortendk MORTENDK “WebDesigner” since 1996 http://morten.dk Frontend UNITED! king ! im a <Badass> mandag den 14. november 11
4. node layout why node.tpl sucks monkeys balls mandag den 14. november 11
5. back in the days... Eliminate the developer Total World Domination mandag den 14. november 11
6. back vs. front opposite attracts ? graf med forskellen hvordan vi ser verden forskelligt Den her skal ligg hva display suite fantastisk ved a hjerne ikke behø krydse fra geek Development data
7. state of .tpl overwrites node.tpl.php node--[contenttype].tpl.php node--[nid].tpl.php mandag den 14. november 11
8. more tpl -> template sugestions $variables['theme_hook_suggestion'] function THEME_preprocess_node(&$variables) { if ($variables['promote']) { // looks for node--promoted.tpl.php $variables['theme_hook_suggestion'] = 'node__promoted'; } } node--promoted.tpl.php mandag den 14. november 11
9. only 2 node displays node.tpl.php teaser page mandag den 14. november 11
10. custom displays in .tpl node.tpl.php mandag den 14. november 11
11. Fields order mandag den 14. november 11
12. Hide & Render display
13. contemplate dont do that .. no features support no ctools layout is stuck in the DB not out for D7 mandag den 14. november 11
14. field control field--body--article.tpl.php field--article.tpl.php field--body.tpl.php field.tpl.php $vars['theme_hook_suggestions'] mandag den 14. november 11
15. views content only
16. views fields Semantic
17. field to page block node field field field ‘ mandag den 14. november 11
18. powered by template.php remove
19. we need more display options ! frontpage teaser sliders full node nykter node node.tpl view’s node.tpl node-nykter.tpl node--slider--teaser.tpl node--teaser.tpl node--something--more.tpl mandag den 14. november 11
20. ooooh like #facepalm this is just omg soooo wrong node.tpl layouts need to be hardcoded for each content type only 2 displays types (unless you code stuff) for use in views, else its fields layouts is scattered all over the place node.tpl, views, fields, template php .. argh pain to move fields to pages move blocks into node.tpl is another pain mandag den 14. november 11
21. Display Süite theme
22. custom displays mandag den 14. november 11
23. custom layouts uuuh
24. nameoftemplate.inc custom templates: .inc + .tpl nameoftemplate.tpl.php mandag den 14. november 11
25. overwrite the templates templates hide
26. drag em fields umm
27. fields n labels vis lige hva et field og labe ler mandag den 14. november 11
28. custom wrappers mandag den 14. november 11
29. view ds mandag den 14. november 11
30. add custom field mandag den 14. november 11
31. kill a module save a cowboy mandag den 14. november 11
32. move a field to the page the
33. move a field to the page mandag den 14. november 11
34. block in a node mandag den 14. november 11
35. mandag den 14. november 11
36. mandag den 14. november 11
37. inject class to the fields mandag den 14. november 11
38. dont make me devel design her kommer guldet at DS gør at jeg kan begynde at ignorer drupals node - block page syndrom jeg kan designe & bygge ud af boxen mandag den 14. november 11
39. where did we change that theme thingie? ... node.tpl views settings views.tpl multiple views fields field tpl search results look at the nodes displays ... mandag den 14. november 11
40. one place to change em all vis alle de forskellige former for node visning så man kan forstå at DS tager fat i hver ting mandag den 14. november 11
41. why display suite is pretty fucking awesome its a theming / sitebuilder “toolbox” the developer can use his time to something useful <markup> control - so the frontend & <markup> heros will be less pissy mandag den 14. november 11
42. put the fucker in code powered by ctools so it works with features :) mandag den 14. november 11
43. combine with hugo’s form mandag den 14. november 11
44. resources drupal.org/project/ds video demos: mothership: http://drupal.org/project/mothership slides: http://morten.dk alle swentels demoes mandag den 14. november 11
45. Display Suite demo <time> is
46. html5 magic This means we now can do a responsive html5 - ajax based site with “less” and css3 thats “mobile first” - and it support web2.0 ;) mandag den 14. november 11
47. Drupal8 html5 css3 Responsive adaptive beta Mobile ajax semantics mandag den 14. november 11
48. drupal.org/html5 mandag den 14. november 11
49. irc: #drupal-html5 office hours : Sunday night: 19:00-21.00 meetings: 2. Tuesday night: 22-23 mandag den 14. november 11
50. Frontend United Amsterdam Late April 2012 ... maybe ;) @frontendunited http://frontendunited.org mandag den 14. november 11
51. Dogme 11.11.11. http://morten.dk/blog/dogme111111 mandag den 14. november 11
52. Bonus mandag den 14. november 11
53. mandag den 14. november 11
54. http://instacss.com mandag den 14. november 11
55. http://livereload.com mandag den 14. november 11
56. @mortendk mandag den 14. november 11