Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

DrupalCamp Montreal 2017 - The less Twig files I see, the better I like your theme

251 views

Published on

Drupal 8 has a new powerful theming engine: TWIG. Twig is a powerful template engine that comes from the Symfony framework for theming. Either if you come from tpl.php files or are new to Drupal 8, there are some things you need to be aware of.

Theming in Drupal 8 is way more than creating a template file and start building layouts. While Twig shows up as a solid foundation to build your themes on top of, there are many Drupal-specific features that are part of the actual "Drupal theming process" and it is not directly related to the template files.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

DrupalCamp Montreal 2017 - The less Twig files I see, the better I like your theme

  1. 1. GAJAH ANNUAL REPORT 2015 | 1 The fewer TWIG files I see, the better I like your theme by Jorge Diaz
  2. 2. @jorgediazhav INTRO MY NAME IS JORGE DIAZ AND I’VE BEEN WORKING WITH DRUPAL FOR MORE THAN 9 YEARS. I WORK AS A DRUPAL THEMER & FRONT-END DEVELOPER AT EVOLVINGWEB. WHO WILL STAND HERE? And will try to do their best in the next 45 minutes…
  3. 3. @jorgediazhav INTRO WHO WILL STAND HERE? And will try to do their best in the next 45 minutes…
  4. 4. @jorgediazhav INTRO I WAS BORN IN THE MAGICAL CITY OF HAVANA, 32 YEARS AGO BUT DRUPAL TOOK ME TO MONTREAL WHO WILL STAND HERE? And will try to do its best in the next 60 minutes…
  5. 5. @jorgediazhav INTRO DRUPAL CONSULTING, DEVELOPMENT AND TRAINING FOUNDED IN 2007 BY SUZANNE KENNEDY & ALEX DERGACHEV. HELP ORGANIZATIONS BUILD AWESOME DRUPAL WEBSITES WITH CUSTOM FUNCTIONALITY. WHO WE ARE A passionate team of Drupal Developers based in Montreal, QC.
  6. 6. @jorgediazhav INTRO WE SPECIALIZE IN DRUPAL From standard websites to advanced content management tools.
  7. 7. GAJAH ANNUAL REPORT 2015 | 7 @jorgediazhav RESULTS WE HELP MANY ORGANIZATIONS To migrate to Drupal 8
  8. 8. @jorgediazhav INTRO SOME BIG FISH HAVE HIRED US Mostly in North America, we have a huge variety of clients.
  9. 9. @jorgediazhav WE WILL TALK ABOUT THEMING… As this is what I do every day and for the last10 years since Drupal 6…INTRO
  10. 10. @jorgediazhav INTRO USE CASE LeaseCosts Canada website
  11. 11. @jorgediazhav WHAT IS A THEME? What does it means?INTRO
  12. 12. @jorgediazhav WHAT IS A THEME? What does it means?INTRO
  13. 13. @jorgediazhav INTRO WHAT IS A THEME? What does it means?
  14. 14. @jorgediazhav WHAT IS THEMING? What does it means?INTRO
  15. 15. @jorgediazhav WHAT IS THEMING? What does it means?INTRO
  16. 16. @jorgediazhav INTRO IT IS A PROCESS What does it means?
  17. 17. @jorgediazhav INTRO IT IS A PROCESS What does it means?
  18. 18. @jorgediazhav INTRO + THEMING IS BUILDING VIEWS + THEMING IS IMPROVING YOUR IA (INFORMATION ARCHITECTURE) + THEMING IS AS MUCH CSS AND AS LESS HTML AS POSSIBLE THEMING IN DRUPAL 8 My 6 Theming Principles + THEMING IS SITE BUILDING + THEMING IS DOING TWIG WHEN THE PREVIOUS 5 PRINCIPLES DO NOT SOLVE YOUR NEEDS + THEMING IS USING A BASE THEME
  19. 19. @jorgediazhav INTRO THEMING IN DRUPAL 8 My 6 Theming Principles FRONT-END DEVELOPER DRUPAL SITE BUILDER
  20. 20. @jorgediazhav INTRO + THEMING IS BUILDING VIEWS + THEMING IS IMPROVING YOUR IA (INFORMATION ARCHITECTURE) + THEMING IS AS MUCH CSS AND AS LESS HTML AS POSSIBLE THEMING IN DRUPAL 8 My 6 Theming Principles + THEMING IS SITE BUILDING + THEMING IS DOING TWIG WHEN THE PREVIOUS 5 PRINCIPLES DO NOT SOLVE YOUR NEEDS + THEMING IS USING A BASE THEME
  21. 21. THEMING IS USING A BASE THEME
  22. 22. @jorgediazhav GO AND GET A BASE THEME AVAILABLE THEMES Ready and almost ready to go.
  23. 23. @jorgediazhav GO AND GET A BASE THEME
  24. 24. @jorgediazhav GO AND GET A BASE THEME AVAILABLE THEMES Ready and almost ready to go. ZEN ZURB FOUNDATION BOOTSTRAP NEATO OMEGA
  25. 25. @jorgediazhav GO AND GET A BASE THEME
  26. 26. @jorgediazhav GO AND GET A BASE THEME 144,019 Reported Installs + 26,5k for Drupal 8 (17% of Drupal Sites)
  27. 27. @jorgediazhav GO AND GET A BASE THEME I WILL NEED TO NAVIGATE Although I hate Bootstrap default look
  28. 28. @jorgediazhav GO AND GET A BASE THEME I WILL NEED TO LIST Although I hate Bootstrap default look
  29. 29. @jorgediazhav GO AND GET A BASE THEME I WILL NEED TO LIST Although I hate Bootstrap default look
  30. 30. @jorgediazhav GO AND GET A BASE THEME I WILL NEED TO LIST Although I hate Bootstrap default look
  31. 31. @jorgediazhav GO AND GET A BASE THEME
  32. 32. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step
  33. 33. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step
  34. 34. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step
  35. 35. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step CORE MODULES BOOTSTRAP INTEGRATION YOUR WEBSITE ONES
  36. 36. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step CORE MODULES BOOTSTRAP INTEGRATION YOUR WEBSITE ONES
  37. 37. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step node.html.twig
  38. 38. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step node.html.twig node.html.twig
  39. 39. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step node.html.twig node.html.twig node.html.twig
  40. 40. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step node.html.twig node.html.twig node.html.twig
  41. 41. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step node.html.twig node.html.twig node.html.twig
  42. 42. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step node.html.twig node.html.twig node.html.twig
  43. 43. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step
  44. 44. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step
  45. 45. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step
  46. 46. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step YOU
  47. 47. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step
  48. 48. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step SUB-THEME
  49. 49. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step STAY WHERE YOU NEED SUB-THEME
  50. 50. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step STAY WHERE YOU NEED DON’T MOVE THINGS AROUND SUB-THEME
  51. 51. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step STAY WHERE YOU NEED DON’T MOVE THINGS AROUND UPDATE REGULARLY SUB-THEME
  52. 52. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step STAY WHERE YOU NEED DON’T MOVE THINGS AROUND UPDATE REGULARLY REPORT PROBLEMS AND, IF POSSIBLE, FIX THOSE YOURSELF SUB-THEME
  53. 53. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step STAY WHERE YOU NEED DON’T MOVE THINGS AROUND UPDATE REGULARLY REPORT PROBLEMS AND, IF POSSIBLE, FIX THOSE YOURSELF SUB-THEME
  54. 54. @jorgediazhav GO AND GET A BASE THEME https://evolvingweb.ca/blog/planning-your- drupal-8-theme-choosing-base-theme
  55. 55. @jorgediazhav GO AND GET A BASE THEME https://evolvingweb.ca/blog/why-drupal- bootstrap-theme-so-successful
  56. 56. @jorgediazhav INTRO + THEMING IS BUILDING VIEWS + THEMING IS IMPROVING YOUR IA (INFORMATION ARCHITECTURE) + THEMING IS AS MUCH CSS AND AS LESS HTML AS POSSIBLE THEMING IN DRUPAL 8 My 6 Theming Principles + THEMING IS SITE BUILDING + THEMING IS DOING TWIG WHEN THE PREVIOUS 5 PRINCIPLES DO NOT SOLVE YOUR NEEDS + THEMING IS USING A BASE THEME
  57. 57. THEMING IS SITE BUILDING
  58. 58. @jorgediazhav THE DRUPAL 8 SITE BUILDING COMPONENTS STRUCTURE MODULES THEMES CUSTOM LIBRARIES
  59. 59. @jorgediazhav THE DRUPAL 8 SITE BUILDING COMPONENTS AVAILABLE MODULES There are thousands already J DISPLAY SUITE TOKEN & PATHAUTO VIEWS SLIDESHOW CONTEXT ADMIN MENU
  60. 60. @jorgediazhav THE DRUPAL 8 SITE BUILDING COMPONENTS ALTERNATIVES Ready and almost ready to go. CONTACT STORAGE WEBFORM CONTACT BLOCK CONTACT
  61. 61. @jorgediazhav THE DRUPAL 8 SITE BUILDING COMPONENTS ALTERNATIVES Ready and almost ready to go. CONTACT STORAGE CUSTOM MODULE CONTACT BLOCK CONTACT
  62. 62. @jorgediazhav THE DRUPAL 8 SITE BUILDING COMPONENTS ALTERNATIVES Ready and almost ready to go.
  63. 63. @jorgediazhav THE DRUPAL 8 SITE BUILDING COMPONENTS ALTERNATIVES Ready and almost ready to go.
  64. 64. @jorgediazhav THE DRUPAL 8 SITE BUILDING COMPONENTS AVAILABLE MODULES There are thousands already J DISPLAY SUITE TOKEN & PATHAUTO VIEWS SLIDESHOW CONTEXT ADMIN MENU
  65. 65. @jorgediazhav THE DRUPAL 8 SITE BUILDING COMPONENTS AVAILABLE MODULES There are thousands already J DISPLAY SUITE TOKEN & PATHAUTO VIEWS SLIDESHOW CONTEXT ADMIN MENU
  66. 66. @jorgediazhav GO AND GET A BASE THEME https://evolvingweb.ca/blog/drupal-8- modules-you-cant-live-without
  67. 67. @jorgediazhav GO AND GET A BASE THEME https://evolvingweb.ca/blog/drupal- theming-and-site-building-6-best- practices
  68. 68. @jorgediazhav INTRO + THEMING IS BUILDING VIEWS + THEMING IS IMPROVING YOUR IA (INFORMATION ARCHITECTURE) + THEMING IS AS MUCH CSS AND AS LESS HTML AS POSSIBLE THEMING IN DRUPAL 8 My 6 Theming Principles + THEMING IS SITE BUILDING + THEMING IS DOING TWIG WHEN THE PREVIOUS 5 PRINCIPLES DO NOT SOLVE YOUR NEEDS + THEMING IS USING A BASE THEME
  69. 69. THEMING IS BUILDING VIEWS
  70. 70. @jorgediazhav VIEWS WHAT IS “A VIEW”? How would you describe it? WHAT IS “A VIEW”?
  71. 71. @jorgediazhav VIEWS WHAT IS “A VIEW”? How would you describe it?
  72. 72. @jorgediazhav VIEWS WHAT IS “A VIEW”? How would you describe it?
  73. 73. @jorgediazhav VIEWS WHAT IS “A VIEW”? How would you describe it?
  74. 74. @jorgediazhav VIEWS WHAT IS “A VIEW”? How would you describe it?
  75. 75. @jorgediazhav VIEWS WHAT IS “A VIEW”? How would you describe it?
  76. 76. @jorgediazhav VIEWS WHAT IS “A VIEW”? How would you describe it?
  77. 77. @jorgediazhav VIEWS WHAT IS “A VIEW”? How would you describe it?
  78. 78. @jorgediazhav VIEWS WHAT IS “A VIEW”? How would you describe it?
  79. 79. @jorgediazhav VIEWS WHAT IS “A VIEW”? How would you describe it?
  80. 80. @jorgediazhav VIEWS WHAT IS “A VIEW”? How would you describe it?
  81. 81. @jorgediazhav VIEWS WHAT IS “A VIEW”? How would you describe it?
  82. 82. @jorgediazhav VIEWS DESIGNERS, THEMERS… Everyone creates Views. VIEWS ARE “BLOCKS” THAT PRESENT DATA SETS
  83. 83. @jorgediazhav VIEWS DESIGNERS, THEMERS… Everyone creates Views. YOU ALSO HAVE THE RIGHT TO CREATE VIEWS, DRUPAL 8 WAS CREATED FOR IT
  84. 84. @jorgediazhav VIEWS I WILL NEED TO LIST Although I hate Bootstrap default look
  85. 85. @jorgediazhav VIEWS I WILL NEED TO LIST Although I hate Bootstrap default look
  86. 86. @jorgediazhav VIEWS I WILL NEED TO LIST Although I hate Bootstrap default look
  87. 87. @jorgediazhav VIEWS I WILL NEED TO LIST Although I hate Bootstrap default look
  88. 88. @jorgediazhav VIEWS VIEWS Everyone creates Views. SOME EXAMPLES!!!
  89. 89. @jorgediazhav VIEWS VIEWS Everyone creates Views. 1 - MULTIPLE DISPLAYS 2 - CONTEXTUAL FILTERS 3 - PAGES AND BLOCKS 4 - TWIG IN VIEWS
  90. 90. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… 2
  91. 91. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… 1 - REUSABILITY
  92. 92. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… IS DRUPAL SLOW?
  93. 93. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  94. 94. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  95. 95. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  96. 96. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  97. 97. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  98. 98. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  99. 99. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  100. 100. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  101. 101. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  102. 102. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… CACHING https://www.drupal.org/docs/8/api/ cache-api/cache-tags
  103. 103. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  104. 104. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  105. 105. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… IS DRUPAL SLOW?
  106. 106. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… CACHING
  107. 107. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… CACHING youtube.com
  108. 108. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… CACHING youtube.com
  109. 109. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… CACHING facebook.com
  110. 110. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… CACHING facebook.com
  111. 111. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… CACHING google.com
  112. 112. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… CACHING google.com
  113. 113. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… https://www.webpagetest.org/result/170617_FW_2V8/ https://www.webpagetest.org/result/170617_Y9_2JN/ https://www.webpagetest.org/result/170617_5D_227/ https://www.webpagetest.org/result/170617_9Z_20C/ https://www.webpagetest.org/result/170617_69_1AJ/ https://www.webpagetest.org/result/170617_KK_1DS/ https://www.webpagetest.org/result/170617_RD_11W/ https://www.webpagetest.org/result/170617_PT_1S8/ https://www.webpagetest.org/result/170617_H9_386/ Go and see it with your eyes ;)
  114. 114. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… DRUPAL 8? PLEASE, COME IN…
  115. 115. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  116. 116. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  117. 117. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  118. 118. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… NO CACHE NO AGGREGATION
  119. 119. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… NO CACHE NO AGGREGATION CACHE ON AGGREGATION ON
  120. 120. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… NO CACHE NO AGGREGATION CACHE ON AGGREGATION ON
  121. 121. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  122. 122. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  123. 123. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… NO CACHE NO AGGREGATION CACHE ON AGGREGATION ON
  124. 124. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… NO CACHE NO AGGREGATION CACHE ON AGGREGATION ON
  125. 125. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… NO CACHE NO AGGREGATION CACHE ON AGGREGATION ON
  126. 126. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… NO CACHE NO AGGREGATION CACHE ON AGGREGATION ON
  127. 127. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… NO CACHE NO AGGREGATION CACHE ON AGGREGATION ON
  128. 128. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  129. 129. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  130. 130. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  131. 131. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are…
  132. 132. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step https://app.cacheready.com/
  133. 133. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step
  134. 134. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step
  135. 135. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step DRUPAL 8 CACHING SYSTEM
  136. 136. @jorgediazhav GO AND GET A BASE THEME DO IT RIGHT Because it is the first step • HTTPS • FONT-AWESOME • BOOTSTRAP • JQUERY • WEB FONTS • HD IMAGES
  137. 137. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… DRUPAL IS SLOW IF YOU DON’T DO IT RIGHT
  138. 138. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… 2 – YOUR SITE WILL FLY BECAUSE DRUPAL IS CRAZY FAST
  139. 139. @jorgediazhav VIEWS BENEFITS OF THEMING WITH VIEWS As there are… USE VIEWS, SO YOU CAN CACHE
  140. 140. @jorgediazhav INTRO + THEMING IS BUILDING VIEWS + THEMING IS IMPROVING YOUR IA (INFORMATION ARCHITECTURE) + THEMING IS AS MUCH CSS AND AS LESS HTML AS POSSIBLE THEMING IN DRUPAL 8 My 6 Theming Principles + THEMING IS SITE BUILDING + THEMING IS DOING TWIG WHEN THE PREVIOUS 5 PRINCIPLES DO NOT SOLVE YOUR NEEDS + THEMING IS USING A BASE THEME
  141. 141. THEMING IS IMPROVING YOUR IA
  142. 142. @jorgediazhav INFORMATION ARCHITECTURE IMPROVE YOUR IA As themers have the right to do it. EXAMPLE:
  143. 143. @jorgediazhav INFORMATION ARCHITECTURE IMPROVE YOUR IA As themers have the right to do it.
  144. 144. @jorgediazhav INFORMATION ARCHITECTURE IMPROVE YOUR IA As themers have the right to do it.
  145. 145. @jorgediazhav INFORMATION ARCHITECTURE IMPROVE YOUR IA As themers have the right to do it.
  146. 146. @jorgediazhav INFORMATION ARCHITECTURE IMPROVE YOUR IA As themers have the right to do it. USE VIEWS!!!
  147. 147. @jorgediazhav INFORMATION ARCHITECTURE IMPROVE YOUR IA As themers have the right to do it. USE VIEWS!!!
  148. 148. @jorgediazhav INFORMATION ARCHITECTURE IMPROVE YOUR IA As themers have the right to do it.
  149. 149. @jorgediazhav INFORMATION ARCHITECTURE IMPROVE YOUR IA As themers have the right to do it. USE VIEWS!!!
  150. 150. @jorgediazhav INFORMATION ARCHITECTURE IMPROVE YOUR IA As themers have the right to do it. USE VIEWS!!!
  151. 151. @jorgediazhav INFORMATION ARCHITECTURE IMPROVE YOUR IA As themers have the right to do it. https://www.drupal.org/ project/paragraphs
  152. 152. @jorgediazhav INTRO + THEMING IS BUILDING VIEWS + THEMING IS IMPROVING YOUR IA (INFORMATION ARCHITECTURE) + THEMING IS AS MUCH CSS AND AS LESS HTML AS POSSIBLE THEMING IN DRUPAL 8 My 6 Theming Principles + THEMING IS SITE BUILDING + THEMING IS DOING TWIG WHEN THE PREVIOUS 5 PRINCIPLES DO NOT SOLVE YOUR NEEDS + THEMING IS USING A BASE THEME
  153. 153. @jorgediazhav CSS DO CSS, AS MUCH AS YOU CAN As themers have the right to do it.
  154. 154. @jorgediazhav CSS USE CASE LeaseCosts Canada website
  155. 155. @jorgediazhav INTRO + THEMING IS BUILDING VIEWS + THEMING IS IMPROVING YOUR IA (INFORMATION ARCHITECTURE) + THEMING IS AS MUCH CSS AND AS LESS HTML AS POSSIBLE THEMING IN DRUPAL 8 My 6 Theming Principles + THEMING IS SITE BUILDING + THEMING IS DOING TWIG WHEN THE PREVIOUS 5 PRINCIPLES DO NOT SOLVE YOUR NEEDS + THEMING IS USING A BASE THEME
  156. 156. @jorgediazhav INTRO + THEMING IS BUILDING VIEWS + THEMING IS IMPROVING YOUR IA (INFORMATION ARCHITECTURE) + THEMING IS AS MUCH CSS AND AS LESS HTML AS POSSIBLE THEMING IN DRUPAL 8 My 6 Theming Principles + THEMING IS SITE BUILDING + THEMING IS DOING TWIG WHEN THE PREVIOUS 5 PRINCIPLES DO NOT SOLVE YOUR NEEDS + THEMING IS USING A BASE THEME
  157. 157. @jorgediazhav YOU ARE ALLOWED TO GO FOR IT Now…TWIG
  158. 158. @jorgediazhav YOU ARE ALLOWED TO GO FOR IT Now…TWIG
  159. 159. @jorgediazhav YOU ARE ALLOWED TO GO FOR IT Now…TWIG Working With Twig Templates https://www.drupal.org/docs/8/theming/twig /working-with-twig-templates
  160. 160. @jorgediazhav YOU ARE ALLOWED TO GO FOR IT Now…TWIG • When Adding new Regions. • Sometimes, Big Layout changes are mandatory. • Customizing Templates of Contrib and Custom Modules
  161. 161. @jorgediazhav INTRO + THEMING IS BUILDING VIEWS + THEMING IS IMPROVING YOUR IA (INFORMATION ARCHITECTURE) + THEMING IS AS MUCH CSS AND AS LESS HTML AS POSSIBLE THEMING IN DRUPAL 8 My 6 Theming Principles + THEMING IS SITE BUILDING + THEMING IS DOING TWIG WHEN THE PREVIOUS 5 PRINCIPLES DO NOT SOLVE YOUR NEEDS + THEMING IS USING A BASE THEME
  162. 162. @jorgediazhav YOU ARE ALLOWED TO GO FOR IT Now…TWIG BUT ALWAYS REMEMBER…
  163. 163. @jorgediazhav YOU ARE ALLOWED TO GO FOR IT Now…TWIG IF YOU USE THE CACHE…
  164. 164. GAJAH ANNUAL REPORT 2015 | 164 The fewer TWIG files I see, the better I like your theme by Jorge Diaz
  165. 165. For Your Precious Time and Attention. THANKS!!! All images used in this presentation are property of their respective owners and are not intended for commercial purpose. Were all obtained from http://unsplash.com Drupal is a registered trademark of Dries Buytaert. All logos used in this presentation are property of their respective owners.
  166. 166. Please Don’t Hesitate. QUESTIONS? ?

×