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
themes101
Search
chrislema
January 18, 2013
Technology
6
1.2k
themes101
Chris Lema introduces WordPress themes at #wcphx
chrislema
January 18, 2013
Tweet
Share
More Decks by chrislema
See All by chrislema
El diseño de la página del producto perfecto
chrislema
0
420
Getting what you want without becoming who you're not
chrislema
1
270
Coupons, Order Bumps & One-time Offers
chrislema
1
370
ECommerce Segmentation
chrislema
0
600
Designing the Perfect Product Page (for eCommerce Stores)
chrislema
1
440
eCommerce Decision Making - How Customers Decide What To Buy
chrislema
1
680
Bringing a new WordPress product into the market
chrislema
1
240
Leading Smarter People
chrislema
0
300
Online Learning
chrislema
0
500
Other Decks in Technology
See All in Technology
PL/pgSQLの基本と使い所
tameguro
2
220
[OCI Technical Deep Dive] OCIで生成AIを活用するためのソリューション解説(2025年8月5日開催)
oracle4engineer
PRO
0
110
僕たちが「開発しやすさ」を求め 模索し続けたアーキテクチャ #アーキテクチャ勉強会_findy
bengo4com
0
2.5k
Findy Freelance 利用シーン別AI活用例
ness
0
630
ロールが細分化された組織でSREと協働するインフラエンジニアは何をするか? / SRE Lounge #18
kossykinto
0
230
Engineering Failure-Resilient Systems
infraplumber0
0
120
Strands Agents & Bedrock AgentCoreを1分でおさらい
minorun365
PRO
8
370
Claude CodeでKiroの仕様駆動開発を実現させるには...
gotalab555
3
1.1k
生成AIによるデータサイエンスの変革
taka_aki
0
3k
20250807 Applied Engineer Open House
sakana_ai
PRO
2
510
家族の思い出を形にする 〜 1秒動画の生成を支えるインフラアーキテクチャ
ojima_h
3
1.3k
[OCI Technical Deep Dive] OracleのAI戦略(2025年8月5日開催)
oracle4engineer
PRO
1
210
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
How STYLIGHT went responsive
nonsquared
100
5.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Statistics for Hackers
jakevdp
799
220k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Adopting Sorbet at Scale
ufuk
77
9.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Rails Girls Zürich Keynote
gr2m
95
14k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Transcript
Themes 101 An Introduction to WordPress Themes
Let’s start by looking at four different sites that each
have their own “look.”
None
None
None
None
When you see a theme, you see something “complete.”
But a theme is just a set of files that
have been assembled to create the right look.
Header Body Footer
Header Body Sidebar
Header Body Footer
Header Body Sidebar
Four different sites. Four different looks. But they’re all made
up of the same parts.
Not all headers are the same. Common: Logos, Nav Bars,
Social Icons Some are tall, others short. It’s your call.
Your Body can be unique too. Common: Full width, 2
& 3 Columns You can dress it up with CSS.
You have Footer options too. Common: Multiple Widget Areas Drop
in anything you like.
Your headers & footers are constant on every page, but
your body is dynamic.
Accessorize your Body Themes often define sidebars where you can
utilize widget areas to customize your site.
Now you know the parts of any theme.
Understand about parent and child themes, you must.
“I’m your father.”
None
Understand about theme frameworks, you must.
None
option starter &
Catalyst - $127 Canvas - $70 Builder - $80 Genesis
- $60 Headway - $87 Standard - $50 Pagelines - $97 Thesis - $164 2010, 2011, 2012 - $0 _s - $0 ToolBox - $0 Thematic- $0 Bones- $0 Roots - $0 WP framework - $0 Whiteboard - $0 Premium & Free Frameworks
My name is Chris Lema http://chrislema.com @chrislema http://speakerdeck.com/chrislema/themes101