Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Shaping Your Themes with Style
Search
David Sutoyo
March 29, 2015
Programming
0
77
Shaping Your Themes with Style
Presentation at WordCamp San Diego 2015
David Sutoyo
March 29, 2015
Tweet
Share
Other Decks in Programming
See All in Programming
SRE チーム立ち上げ前に考えたこと・取り組んだこと / Considerations and Preparations Before Establishing an SRE Team
mackey0225
3
320
The rollercoaster of releasing an Android, iOS, and macOS app with Kotlin Multiplatform | droidcon Berlin
prof18
0
110
12年前の『型システム入門』翻訳の思い出話
mame
11
1.2k
Composing an API the *right* way (Droidcon Berlin 2024)
zsmb
1
450
Harnessing Large Language Models for Training-free Video Anomaly Detection
tereka114
1
1.3k
APIのない大学ログインWebサービスをWKWebViewとJavaScriptでアプリ化した話
akidon0000
1
330
3 Effective Rules for Success with Signals in Angular
manfredsteyer
PRO
0
120
CSC307 Lecture 06
javiergs
PRO
0
360
CSC307 Lecture 11
javiergs
PRO
0
240
Temporalを取り巻く仕様を整理する
sajikix
0
110
CSC307 Lecture 07
javiergs
PRO
0
220
OpenAI/Gemini APIを使って EPUBを翻訳するCLIツールをつくってみた
tomiyan
0
790
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
36
9.1k
Making the Leap to Tech Lead
cromwellryan
127
8.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
Building Applications with DynamoDB
mza
89
5.8k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
44
4.7k
Facilitating Awesome Meetings
lara
46
5.8k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.5k
Rails Girls Zürich Keynote
gr2m
93
13k
GraphQLの誤解/rethinking-graphql
sonatard
59
9.6k
Designing for Performance
lara
604
67k
Web Components: a chance to create the future
zenorocha
307
41k
Git: the NoSQL Database
bkeepers
PRO
423
64k
Transcript
Shaping Your Theme with Style David Sutoyo WordCamp San Diego
2015
None
None
None
None
None
Going Beyond the Options Panel
What’s ahead • How to add your own CSS •
Using Chrome Developer Tools • Twenty Fifteen —> WordCamp Maine website • Resources
Adding Your Own CSS
Edit Theme Styles Directly Good idea for • custom themes
Bad idea for • regularly updated themes (not by you!) • If parent theme, can use a child theme
Plugins Jetpack Slim Jetpack Simple Custom CSS
Adding the Right CSS (what styles go with this element?)
Chrome Developer Tools • Safari and Firefox have their tools
too (IE, sort of). • Open with View > Developer > Developer Tools • Or just use ⌥⌘I, Control-Shift-I on Windows (learn this well)
Browser Testing Online Testing • browserstack.com • Every combination you
can think of • Chrome Extension • Paid • Can be slow at times
Browser Testing Virtual Machine • Modern.ie • Every version of
Internet Explorer • Free • Downloads can be huge • Needs virtualization software (Virtual Box or similar) • Expires
Browser Testing Mobile Testing • Remote debugging with Safari/Chrome •
Inspect elements just like desktop • Can be a pain to set up
Learning CSS
Learn the Basics First Online • Code School, Treehouse, lynda.com
Books • O’Reilly, Sitepoint, A Book Apart Blogs • CSS Tricks, Smashing Magazine
All those Frameworks • Bootstrap • Foundation • Susy •
Pure • Skeleton • The list goes on…
Why Use Frameworks • Up and running quickly • Don’t
need to reinvent the wheel • Tested for different browsers
Why Not Frameworks? • Bloated code • Less control over
your HTML/CSS • Doesn’t necessarily work well with WordPress
Bottom line… • Learn the basics first! • Frameworks aren’t
always the answer • If starting out, just choose one that has good documentation and support
Start Hacking Away • Install WordPress locally • Start playing
with TwentyFifteen or Underscores • Genesis • BootstrapWP, FoundationPress, Hybrid Foundation
Asking Questions • Google • Stack Overflow/Stack Exchange • Local
WordPress meetups
None
http://davidsutoyo.com/wcsd2015 @dsutoyo