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.

1. GAJAH ANNUAL REPORT 2015 | 1
The fewer TWIG files
I see, the better I like
your theme
by Jorge Diaz

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. @jorgediazhav
INTRO
WHO WILL STAND HERE?
And will try to do their best in the next 45 minutes…

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. @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. @jorgediazhav
INTRO
WE SPECIALIZE IN DRUPAL
From standard websites to advanced content management tools.

7. GAJAH ANNUAL REPORT 2015 | 7
@jorgediazhav
RESULTS
WE HELP MANY ORGANIZATIONS
To migrate to Drupal 8

8. @jorgediazhav
INTRO
SOME BIG FISH HAVE HIRED US
Mostly in North America, we have a huge variety of clients.

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. @jorgediazhav
INTRO
USE CASE
LeaseCosts Canada website

11. @jorgediazhav
WHAT IS A THEME?
What does it means?INTRO

12. @jorgediazhav
WHAT IS A THEME?
What does it means?INTRO

13. @jorgediazhav
INTRO
WHAT IS A THEME?
What does it means?

14. @jorgediazhav
WHAT IS THEMING?
What does it means?INTRO

15. @jorgediazhav
WHAT IS THEMING?
What does it means?INTRO

16. @jorgediazhav
INTRO
IT IS A PROCESS
What does it means?

17. @jorgediazhav
INTRO
IT IS A PROCESS
What does it means?

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. @jorgediazhav
INTRO
THEMING IN DRUPAL 8
My 6 Theming Principles
FRONT-END
DEVELOPER
DRUPAL SITE
BUILDER

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. THEMING IS
USING A BASE
THEME

22. @jorgediazhav
GO AND GET A
BASE THEME
AVAILABLE THEMES
Ready and almost ready to go.

23. @jorgediazhav
GO AND GET A
BASE THEME

24. @jorgediazhav
GO AND GET A
BASE THEME
AVAILABLE THEMES
Ready and almost ready to go.
ZEN
ZURB
FOUNDATION
BOOTSTRAP
NEATO
OMEGA

25. @jorgediazhav
GO AND GET A
BASE THEME

26. @jorgediazhav
GO AND GET A
BASE THEME
144,019
Reported Installs
+ 26,5k for Drupal 8
(17% of Drupal Sites)

27. @jorgediazhav
GO AND GET A
BASE THEME
I WILL NEED TO NAVIGATE
Although I hate Bootstrap default look

28. @jorgediazhav
GO AND GET A
BASE THEME
I WILL NEED TO LIST
Although I hate Bootstrap default look

29. @jorgediazhav
GO AND GET A
BASE THEME
I WILL NEED TO LIST
Although I hate Bootstrap default look

30. @jorgediazhav
GO AND GET A
BASE THEME
I WILL NEED TO LIST
Although I hate Bootstrap default look

31. @jorgediazhav
GO AND GET A
BASE THEME

32. @jorgediazhav
GO AND GET A
BASE THEME
DO IT RIGHT
Because it is the first step

33. @jorgediazhav
GO AND GET A
BASE THEME
DO IT RIGHT
Because it is the first step

34. @jorgediazhav
GO AND GET A
BASE THEME
DO IT RIGHT
Because it is the first step

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. @jorgediazhav
GO AND GET A
BASE THEME
DO IT RIGHT
Because it is the first step
CORE MODULES
BOOTSTRAP
INTEGRATION
YOUR WEBSITE
ONES

37. @jorgediazhav
GO AND GET A
BASE THEME
DO IT RIGHT
Because it is the first step
node.html.twig

38. @jorgediazhav
GO AND GET A
BASE THEME
DO IT RIGHT
Because it is the first step
node.html.twig
node.html.twig

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. @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. @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. @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. @jorgediazhav
GO AND GET A
BASE THEME
DO IT RIGHT
Because it is the first step

44. @jorgediazhav
GO AND GET A
BASE THEME
DO IT RIGHT
Because it is the first step

45. @jorgediazhav
GO AND GET A
BASE THEME
DO IT RIGHT
Because it is the first step

46. @jorgediazhav
GO AND GET A
BASE THEME
DO IT RIGHT
Because it is the first step
YOU

47. @jorgediazhav
GO AND GET A
BASE THEME
DO IT RIGHT
Because it is the first step

48. @jorgediazhav
GO AND GET A
BASE THEME
DO IT RIGHT
Because it is the first step
SUB-THEME

49. @jorgediazhav
GO AND GET A
BASE THEME
DO IT RIGHT
Because it is the first step
STAY WHERE YOU NEED
SUB-THEME

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. @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. @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. @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. @jorgediazhav
GO AND GET A
BASE THEME
https://evolvingweb.ca/blog/planning-your-
drupal-8-theme-choosing-base-theme

55. @jorgediazhav
GO AND GET A
BASE THEME
https://evolvingweb.ca/blog/why-drupal-
bootstrap-theme-so-successful

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. THEMING IS
SITE BUILDING

58. @jorgediazhav
THE DRUPAL 8
SITE BUILDING
COMPONENTS
STRUCTURE
MODULES
THEMES
CUSTOM
LIBRARIES

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. @jorgediazhav
THE DRUPAL 8
SITE BUILDING
COMPONENTS
ALTERNATIVES
Ready and almost ready to go.
CONTACT
STORAGE
WEBFORM
CONTACT
BLOCK
CONTACT

61. @jorgediazhav
THE DRUPAL 8
SITE BUILDING
COMPONENTS
ALTERNATIVES
Ready and almost ready to go.
CONTACT
STORAGE
CUSTOM
MODULE
CONTACT
BLOCK
CONTACT

62. @jorgediazhav
THE DRUPAL 8
SITE BUILDING
COMPONENTS
ALTERNATIVES
Ready and almost ready to go.

63. @jorgediazhav
THE DRUPAL 8
SITE BUILDING
COMPONENTS
ALTERNATIVES
Ready and almost ready to go.

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. @jorgediazhav
THE DRUPAL 8
SITE BUILDING
COMPONENTS
AVAILABLE MODULES
There are thousands already J
DISPLAY
SUITE
TOKEN &
PATHAUTO
VIEWS
SLIDESHOW
CONTEXT
ADMIN
MENU

66. @jorgediazhav
GO AND GET A
BASE THEME
https://evolvingweb.ca/blog/drupal-8-
modules-you-cant-live-without

67. @jorgediazhav
GO AND GET A
BASE THEME
https://evolvingweb.ca/blog/drupal-
theming-and-site-building-6-best-
practices

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. THEMING IS
BUILDING
VIEWS

70. @jorgediazhav
VIEWS
WHAT IS “A VIEW”?
How would you describe it?
WHAT IS “A VIEW”?

71. @jorgediazhav
VIEWS
WHAT IS “A VIEW”?
How would you describe it?

72. @jorgediazhav
VIEWS
WHAT IS “A VIEW”?
How would you describe it?

73. @jorgediazhav
VIEWS
WHAT IS “A VIEW”?
How would you describe it?

74. @jorgediazhav
VIEWS
WHAT IS “A VIEW”?
How would you describe it?

75. @jorgediazhav
VIEWS
WHAT IS “A VIEW”?
How would you describe it?

76. @jorgediazhav
VIEWS
WHAT IS “A VIEW”?
How would you describe it?

77. @jorgediazhav
VIEWS
WHAT IS “A VIEW”?
How would you describe it?

78. @jorgediazhav
VIEWS
WHAT IS “A VIEW”?
How would you describe it?

79. @jorgediazhav
VIEWS
WHAT IS “A VIEW”?
How would you describe it?

80. @jorgediazhav
VIEWS
WHAT IS “A VIEW”?
How would you describe it?

81. @jorgediazhav
VIEWS
WHAT IS “A VIEW”?
How would you describe it?

82. @jorgediazhav
VIEWS
DESIGNERS, THEMERS…
Everyone creates Views.
VIEWS ARE “BLOCKS”
THAT PRESENT
DATA SETS

83. @jorgediazhav
VIEWS
DESIGNERS, THEMERS…
Everyone creates Views.
YOU ALSO HAVE THE
RIGHT TO CREATE
VIEWS, DRUPAL 8
WAS CREATED FOR IT

84. @jorgediazhav
VIEWS
I WILL NEED TO LIST
Although I hate Bootstrap default look

85. @jorgediazhav
VIEWS
I WILL NEED TO LIST
Although I hate Bootstrap default look

86. @jorgediazhav
VIEWS
I WILL NEED TO LIST
Although I hate Bootstrap default look

87. @jorgediazhav
VIEWS
I WILL NEED TO LIST
Although I hate Bootstrap default look

88. @jorgediazhav
VIEWS
VIEWS
Everyone creates Views.
SOME EXAMPLES!!!

89. @jorgediazhav
VIEWS
VIEWS
Everyone creates Views.
1 - MULTIPLE DISPLAYS
2 - CONTEXTUAL FILTERS
3 - PAGES AND BLOCKS
4 - TWIG IN VIEWS

90. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
2

91. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
1 - REUSABILITY

92. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
IS DRUPAL
SLOW?

93. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

94. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

95. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

96. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

97. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

98. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

99. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

100. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

101. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

102. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
CACHING
https://www.drupal.org/docs/8/api/
cache-api/cache-tags

103. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

104. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

105. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
IS DRUPAL
SLOW?

106. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
CACHING

107. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
CACHING
youtube.com

108. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
CACHING
youtube.com

109. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
CACHING
facebook.com

110. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
CACHING
facebook.com

111. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
CACHING
google.com

112. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
CACHING
google.com

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. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
DRUPAL 8? PLEASE,
COME IN…

115. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

116. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

117. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

118. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
NO CACHE
NO AGGREGATION

119. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
NO CACHE
NO AGGREGATION
CACHE ON
AGGREGATION ON

120. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
NO CACHE
NO AGGREGATION
CACHE ON
AGGREGATION ON

121. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

122. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

123. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
NO CACHE
NO AGGREGATION
CACHE ON
AGGREGATION ON

124. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
NO CACHE
NO AGGREGATION
CACHE ON
AGGREGATION ON

125. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
NO CACHE
NO AGGREGATION
CACHE ON
AGGREGATION ON

126. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
NO CACHE
NO AGGREGATION
CACHE ON
AGGREGATION ON

127. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
NO CACHE
NO AGGREGATION
CACHE ON
AGGREGATION ON

128. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

129. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

130. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

131. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…

132. @jorgediazhav
GO AND GET A
BASE THEME
DO IT RIGHT
Because it is the first step
https://app.cacheready.com/

133. @jorgediazhav
GO AND GET A
BASE THEME
DO IT RIGHT
Because it is the first step

134. @jorgediazhav
GO AND GET A
BASE THEME
DO IT RIGHT
Because it is the first step

135. @jorgediazhav
GO AND GET A
BASE THEME
DO IT RIGHT
Because it is the first step
DRUPAL 8 CACHING SYSTEM

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. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
DRUPAL IS SLOW IF
YOU DON’T DO IT
RIGHT

138. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
2 – YOUR SITE WILL FLY
BECAUSE DRUPAL IS
CRAZY FAST

139. @jorgediazhav
VIEWS
BENEFITS OF THEMING WITH VIEWS
As there are…
USE VIEWS,
SO YOU CAN
CACHE

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. THEMING IS
IMPROVING
YOUR IA

142. @jorgediazhav
INFORMATION
ARCHITECTURE
IMPROVE YOUR IA
As themers have the right to do it.
EXAMPLE:

143. @jorgediazhav
INFORMATION
ARCHITECTURE
IMPROVE YOUR IA
As themers have the right to do it.

144. @jorgediazhav
INFORMATION
ARCHITECTURE
IMPROVE YOUR IA
As themers have the right to do it.

145. @jorgediazhav
INFORMATION
ARCHITECTURE
IMPROVE YOUR IA
As themers have the right to do it.

146. @jorgediazhav
INFORMATION
ARCHITECTURE
IMPROVE YOUR IA
As themers have the right to do it.
USE VIEWS!!!

147. @jorgediazhav
INFORMATION
ARCHITECTURE
IMPROVE YOUR IA
As themers have the right to do it.
USE VIEWS!!!

148. @jorgediazhav
INFORMATION
ARCHITECTURE
IMPROVE YOUR IA
As themers have the right to do it.

149. @jorgediazhav
INFORMATION
ARCHITECTURE
IMPROVE YOUR IA
As themers have the right to do it.
USE VIEWS!!!

150. @jorgediazhav
INFORMATION
ARCHITECTURE
IMPROVE YOUR IA
As themers have the right to do it.
USE VIEWS!!!

151. @jorgediazhav
INFORMATION
ARCHITECTURE
IMPROVE YOUR IA
As themers have the right to do it.
https://www.drupal.org/
project/paragraphs

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. @jorgediazhav
CSS
DO CSS, AS MUCH AS YOU CAN
As themers have the right to do it.

154. @jorgediazhav
CSS
USE CASE
LeaseCosts Canada website

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. @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. @jorgediazhav
YOU ARE ALLOWED TO GO FOR IT
Now…TWIG

158. @jorgediazhav
YOU ARE ALLOWED TO GO FOR IT
Now…TWIG

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. @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. @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. @jorgediazhav
YOU ARE ALLOWED TO GO FOR IT
Now…TWIG
BUT ALWAYS
REMEMBER…

163. @jorgediazhav
YOU ARE ALLOWED TO GO FOR IT
Now…TWIG
IF YOU USE THE CACHE…

164. GAJAH ANNUAL REPORT 2015 | 164
The fewer TWIG files
I see, the better I like
your theme
by Jorge Diaz

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. Please Don’t Hesitate.
QUESTIONS?
?