Journey into underscores

Slide 1

Slide 1 text

A JOURNEY INTO UNDERSCORES

Slide 2

Slide 2 text

@karmatosed

Slide 3

Slide 3 text

The trouble With Bears

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

The trouble with starter themes The trouble with Bears

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

ONCE UPON A TIME

Slide 8

Slide 8 text

“A 1000-HOUR HEAD START: INTRODUCING THE _S THEME” Ian Stewart - themeshaper.com/2012/02/13/introducing-the-underscores-theme/

Slide 9

Slide 9 text

“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 reﬁnement 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/

Slide 10

Slide 10 text

Underscores _s

Slide 11

Slide 11 text

built on Underscores

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

Getting Underscores

Slide 14

Slide 14 text

underscores.me

Slide 15

Slide 15 text

Github.Com/Automattic/_S

Slide 16

Slide 16 text

4,181 Weekly 15,850 4 Weeks 159,421 Yearly. 228,609 Started tracking Sep 5, 2012. underscores.me

Slide 17

Slide 17 text

591 commits 71 contributors 1,223 forks github.com/automattic/_s

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

1,223 forks

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

Inside Underscores

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

- / - 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

Slide 28

Slide 28 text

- Reset.css - Basic Typography (rems) - Basic html elements - Basic WordPress classes - Form elements - Navigation (including toggle) - Inﬁnite scroll

Slide 29

Slide 29 text

- Content width - Setup function - Widgets (one block) - Enqueue scripts/style - Link in customizer, jetpack,   extras, template-tags

Slide 30

Slide 30 text

underscores psa

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

“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 ﬁnished.” Konstantin Obenland - wptavern.com/introduction-to-underscores-a-wordpress-starter-theme-with-konstantin-obenland

Slide 33

Slide 33 text

Thanks, any questions? speakerdeck/tammielis/journey-into-underscores/ @karmatosed