29
Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Beating the Class out of Drupal 8

Beating the Class out of Drupal 8: An intro to the Classy core theme

Embed Size (px)

Citation preview

Page 1: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Beating the Class

out of Drupal 8

Page 2: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Drupal’s pushy classes

It looks like you've got a Drupal site there. !Would you like me to insert some classes?

Insert 18 classes on this node's <div> !Insert 18 classes on this node's <div> and 23 classes on this page's <body>

Throw some more fun classes on any fields I can find too.

Page 3: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Drupal and divitisBartik output, Drupal 7

Page 4: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Bartik node.tpl.php & template.php, Drupal 7

Page 5: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Bartik, Drupal 7theme.inc, Drupal 7

Page 6: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Page 7: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Drupal and divitis

Drupal 7

Bartik output, Drupal 8 alpha 13

Page 8: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Drupal and divitis

Drupal 7

Bartik, Drupal 8 alpha 13Bartik node.html.twig, Drupal 8 alpha 13

Page 9: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Drupal and divitis

Drupal 7

Bartik, Drupal 8 alpha 13node.module, Drupal 8 alpha 13

Page 10: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Drupal 7

:(

Page 11: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Page 12: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Enter the banana

Page 13: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

The birth of consensusDrupalcon Austin, June 2014

Page 14: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

drupal.org/node/2289511

Page 15: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Drupal and divitis

Drupal 7

Bartik, Drupal 8 alpha 13node.html.twig, Drupal 8 alpha 13

Page 16: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Drupal and divitis

Drupal 7

Bartik, Drupal 8 alpha 13node.html.twig, Drupal 8 beta 3

Page 17: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Drupal and divitis

Drupal 7

Bartik, Drupal 8 alpha 13node.module, Drupal 8 alpha 13

Page 18: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Drupal and divitis

Drupal 7

Bartik, Drupal 8 alpha 13node.module, Drupal 8 alpha 13

Page 19: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Drupal and divitis

Drupal 7

Bartik, Drupal 8 alpha 13node.html.twig, Drupal 8 beta 3

Page 20: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Classy

Page 21: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Classy

Page 22: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Chose your banana

Page 23: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

drupal.org/node/2289511

bartik.info.yml, Drupal 8 beta 3

Page 24: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Drupal and divitis

Drupal 7

Bartik, Drupal 8 alpha 13Bartik node.html.twig, Drupal 8 beta 3

Page 25: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Drupal and divitis

Drupal 7

Bartik, Drupal 8 alpha 13Bartik node.html.twig, Drupal 8 beta 3

Page 26: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Drupal and divitis

Drupal 7

Bartik, Drupal 8 alpha 13Bartik node.html.twig, Drupal 8 beta 3

Page 27: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

ResourcesControlling CSS Classes with the Classy Theme https://drupalize.me/blog/201411/controlling-css-classes-classy-theme-drupal-8

Drupal 8 Theming Update [video] http://www.mediacurrent.com/blog/drupal-8-theming-update

Modules Unraveled #119: Consensus Banana https://modulesunraveled.com/podcast/119-classy-base-theme-drupal-8-scott-reeves-and-david-hernandez-modules-unraveled-podcast

Sqndr’s Drupal 8 Theming Guide: Classy https://github.com/sqndr/d8-theming-guide/blob/master/core-themes/classy.md

Page 28: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

Issues[meta] Results of Drupalcon Austin's Consensus Banana https://www.drupal.org/node/2289511

[meta] Consensus Banana Phase 1 https://www.drupal.org/node/2322163

[meta] Consensus Banana Phase 2 https://www.drupal.org/node/2348543

Page 29: Beating the Class out of Drupal 8: An intro to the Classy core theme

Rootwork.org

Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork

gplus.to/ivanb

Portland Drupal Frontend — November 2014

DocumentationUsing Classy as a base theme https://www.drupal.org/theme-guide/8/classy

Added a new base theme to core called Classy https://www.drupal.org/node/2337467

Add classy.info.yml to core https://www.drupal.org/node/2329501

Theme system overview https://api.drupal.org/api/drupal/core!modules!system!theme.api.php/