Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Journey into underscores

Journey into underscores

Talk given at WordCamp Manchester

D36d2c1821af9249b69ff7f5ed60529b?s=128

Tammie Lister

June 27, 2014
Tweet

More Decks by Tammie Lister

Other Decks in Design

Transcript

  1. A JOURNEY INTO UNDERSCORES

  2. @karmatosed

  3. The trouble With Bears

  4. None
  5. The trouble with starter themes The trouble with Bears

  6. None
  7. ONCE UPON A TIME

  8. “A 1000-HOUR HEAD START: INTRODUCING THE _S THEME” Ian Stewart

    - themeshaper.com/2012/02/13/introducing-the-underscores-theme/
  9. “a 1000-hour head start. That’s the approximate number of design

    and development hours you get for free every time you use it in a project. Weeks and weeks of refinement by dozens of WordPress theme experts over several years that you don’t have to do. ” Ian Stewart - themeshaper.com/2012/02/13/introducing-the-underscores-theme/
  10. Underscores _s

  11. built on Underscores

  12. None
  13. Getting Underscores

  14. underscores.me

  15. Github.Com/Automattic/_S

  16. 4,181 Weekly 15,850 4 Weeks 159,421 Yearly. 228,609 Started tracking

    Sep 5, 2012. underscores.me
  17. 591 commits 71 contributors 1,223 forks github.com/automattic/_s

  18. None
  19. None
  20. None
  21. 1,223 forks

  22. None
  23. https://github.com/MichaelArestad/th_s https://github.com/sabreuse/sassy_s/ https://github.com/Automattic/_s/pull/410 SASS Underscores

  24. Inside Underscores

  25. None
  26. None
  27. - / - template parts: content, content none, content single…

    - header, footer, index - default templates: 404, archive, search… - comments - sidebar (with widget area) - functions.php - readme.md - rtl.css - screenshot.png (blank) - style.css - inc/ - custom header - customizer - jetpack - helpful: tempate tags, extras - js/ - customizer, navigation, skip-link-focus - languages/ - .pot, readme - layouts/ - content-sidebar.css - sidebar-content.css
  28. - Reset.css - Basic Typography (rems) - Basic html elements

    - Basic WordPress classes - Form elements - Navigation (including toggle) - Infinite scroll
  29. - Content width - Setup function - Widgets (one block)

    - Enqueue scripts/style - Link in customizer, jetpack, 
 extras, template-tags
  30. underscores psa

  31. “Don’t Update Your Theme (From _s)” Konstantin Obenland - themeshaper.com/2013/10/11/dont-update-your-theme/

  32. “Underscores is a starter theme. It is meant to be

    worked with, tweaked, and styled. It is not a framework or a parent theme to be extended. It is supposed to become a theme of its own, when finished.” Konstantin Obenland - wptavern.com/introduction-to-underscores-a-wordpress-starter-theme-with-konstantin-obenland
  33. Thanks, any questions? speakerdeck/tammielis/journey-into-underscores/ @karmatosed