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
390
Getting what you want without becoming who you're not
chrislema
1
250
Coupons, Order Bumps & One-time Offers
chrislema
1
350
ECommerce Segmentation
chrislema
0
560
Designing the Perfect Product Page (for eCommerce Stores)
chrislema
1
410
eCommerce Decision Making - How Customers Decide What To Buy
chrislema
1
640
Bringing a new WordPress product into the market
chrislema
1
220
Leading Smarter People
chrislema
0
280
Online Learning
chrislema
0
480
Other Decks in Technology
See All in Technology
君も受託系GISエンジニアにならないか
sudataka
2
450
依存パッケージの更新はコツコツが勝つコツ! / phpcon_nagoya2025
blue_goheimochi
3
170
現場で役立つAPIデザイン
nagix
35
12k
一度 Expo の採用を断念したけど、 再度 Expo の導入を検討している話
ichiki1023
1
190
深層学習と古典的画像アルゴリズムを組み合わせた類似画像検索内製化
shutotakahashi
1
200
生成 AI プロダクトを育てる技術 〜データ品質向上による継続的な価値創出の実践〜
icoxfog417
PRO
5
1.7k
Swiftの “private” を テストする / Testing Swift "private"
yutailang0119
0
130
ハッキングの世界に迫る~攻撃者の思考で考えるセキュリティ~
nomizone
13
5.4k
明日からできる!技術的負債の返済を加速するための実践ガイド~『ホットペッパービューティー』の事例をもとに~
recruitengineers
PRO
3
470
エンジニアの育成を支える爆速フィードバック文化
sansantech
PRO
3
1.1k
Perlの生きのこり - エンジニアがこの先生きのこるためのカンファレンス2025
kfly8
1
130
レビューを増やしつつ 高評価維持するテクニック
tsuzuki817
1
790
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
35
1.6k
Automating Front-end Workflow
addyosmani
1368
200k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
Code Review Best Practice
trishagee
67
18k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Being A Developer After 40
akosma
89
590k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.8k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
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