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.

Drupal 8 theming

839 views

Published on

Published in: Technology, Business

Drupal 8 theming

  1. 1. INTRODUCTIONTO DRUPAL 8THEMING Suryanto Rachmat Pratomo Ardianto
  2. 2. WHAT’S NEW • Completely new theme system:Twig • New javascript libraries: jQuery 2.0, Underscore.js & Backbone.js (not loaded by default) • .info files are now .info.yml
  3. 3. WHAT’S GONE? • theme_ * functions not used (useTwig templating system .html.twig instead) • Most first/last/odd/even classes removed in favor of CSS3 pseudo selectors • Garland removed from Drupal core • Internet Explorer 6, 7 and 8 no longer fully supported (https://drupal.org/project/ie8)
  4. 4. WHAT’STHE SAME? • Region and blocks • Preprocess function
  5. 5. WHAT DOES IT LOOK LIKE?
  6. 6. WHAT DOES IT LOOK LIKE? .info.yml
  7. 7. .THEME FILE
  8. 8. NODE.HTML.TWIG
  9. 9. SYSTEMTEMPLATES core/modules/system/templates
  10. 10. BREADCRUMBTEMPLATE core/modules/system/breadcrumb.html.twig
  11. 11. TWIGTEMPLATES
  12. 12. MORE READABLETEMPLATE
  13. 13. TWIG DELIMITERS
  14. 14. VARIABLES
  15. 15. FILTERS
  16. 16. CONTROL STRUCTURE
  17. 17. INCLUDING OTHER TEMPLATES FILE
  18. 18. TEMPLATE INHERITANCE
  19. 19. CHILDTEMPLATE FILE
  20. 20. EXTENDINGTWIG • custom filters • custom functions • custom tags
  21. 21. QUESTION?

×