What's in a Theme? A Process for Selecting WordPress Themes
-
Upload
tjlist -
Category
Technology
-
view
2.360 -
download
1
description
Transcript of What's in a Theme? A Process for Selecting WordPress Themes
![Page 1: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/1.jpg)
What’s in a
THEME?A Process
for SelectingWordPress ThemesTodd J. List
The Geek Who Speaks People
![Page 2: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/2.jpg)
My Background
(short version)
![Page 3: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/3.jpg)
Confusion
Image: http://www.flickr.com/photos/76172701@N00/2157057475/ Credit: Reuben Stanton( http://www.flickr.com/people/absent/ )
![Page 4: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/4.jpg)
Simplify the
PathImage: http://www.flickr.com/photos/14016905@N02/2818573061/ Credit: Simon 'Kelp' Keeping( http://www.flickr.com/people/kelp1966/ )
![Page 5: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/5.jpg)
How important IS a theme?
! .OR
![Page 6: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/6.jpg)
“ We didn’t start to really grow
until we invested some money in
the design.”Loosely paraphrased from
Ben Bator’s Ignite Detroit
presentation 2/25/2010
http://twitter.com/benbator
http://www.textsfromlastnight.com/
![Page 7: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/7.jpg)
“ No one ever asked Hemingway
which pencils he used to write
his books.” -Chris Broganhttp://www.chrisbrogan.com/hemingways-pencils/
Image: http://www.flickr.com/photos/98894117@N00/2263156019/ Credit: nataliej( http://www.flickr.com/photos/nataliejohnson/ )
![Page 8: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/8.jpg)
Is it what’s
underneath?
![Page 9: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/9.jpg)
Influential Blogs
![Page 10: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/10.jpg)
Influential Blog:
Seth Godin
![Page 11: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/11.jpg)
Influential Blog:
Naomi Dunford/Ittybiz
![Page 12: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/12.jpg)
Influential Blog:
Chris Brogan
![Page 13: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/13.jpg)
Influential Blog:
Seth Godin
![Page 14: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/14.jpg)
Influential Blog:
Naomi Dunford/Ittybiz
![Page 15: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/15.jpg)
Influential Blog:
Chris Brogan
![Page 16: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/16.jpg)
CONTENT
is
KING*
*but being cute helps
Image: http://www.flickr.com/photos/74193050@N00/135927433/ Credit: Dave Malkoff( http://www.flickr.com/photos/malkoff/ )
![Page 17: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/17.jpg)
The Process
![Page 18: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/18.jpg)
Purpose
Image: http://www.flickr.com/photos/12836528@N00/3983181467/ Credit: Kevin Dooley ( http://www.flickr.com/photos/pagedooley/ )
![Page 19: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/19.jpg)
Competitive
Analysis
(Trailblazers)
Image: http://www.flickr.com/photos/55046645@N00/314989744/ Credit: Practical Owl ( http://www.flickr.com/photos/practicalowl/ )
![Page 20: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/20.jpg)
Foundation
Image: http://www.flickr.com/photos/64959824@N00/3222349165/ Credit: Mary Portier ( http://www.flickr.com/photos/martyportier/ )
![Page 21: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/21.jpg)
Foundation
Image: http://www.flickr.com/photos/57621379@N00/2063743086/ Credit: Tinou Bao ( http://www.flickr.com/photos/tinou/ )
![Page 22: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/22.jpg)
Site Plan1. Establish categories (guess at first)
2. Plan path from home page to details
3. Develop content
4. Iterate
Image: http://www.flickr.com/photos/93278581@N00/3770015203/ Credit: Will Scullin ( http://www.flickr.com/photos/wscullin/ )
![Page 23: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/23.jpg)
Starting Point
• Start where you are!
• Current theme
• Twenty-Ten
• Add Content
• Upgrade when (and if) it
makes sense
Image: http://www.flickr.com/photos/42314813@N02/4073380843/ Credit: Jeremy Piehler ( http://www.flickr.com/photos/jeremympiehler/ )
![Page 24: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/24.jpg)
SAT12. Finish the analogy.
Furniture : House :: _______:_______
A. Google : Web Browser
B. Drill Bit : Byte
C. Fish : Bicycle
D. Content : Website
![Page 25: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/25.jpg)
Kubrick
Image: http://www.flickr.com/photos/80297647@N00/2055175921/ Credit: Patrick Henson ( http://www.flickr.com/photos/pathenson/ )
![Page 26: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/26.jpg)
Twenty-Ten
Image: http://www.flickr.com/photos/69166981@N00/94800900/ Credit: Living in Monrovia ( http://www.flickr.com/photos/livinginmonrovia/ )
![Page 27: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/27.jpg)
Premium
Themes
Image: http://www.sxc.hu/photo/1311018 Credit: Marek Kowalik ( http://www.sxc.hu/profile/winblows )
![Page 28: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/28.jpg)
When to Leap…
…to a Premium Theme?
1. At least 3 features or categories
2. Commitment to high-quality images
3. Time and ability to configure
4. Budget
Image: http://www.flickr.com/photos/68134711@N00/3152875867/ Credit: Stuart Anthony ( http://www.flickr.com/photos/stuant63/ )
![Page 29: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/29.jpg)
Layouts
![Page 30: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/30.jpg)
C O L O R
Confounds
![Page 31: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/31.jpg)
Imag
e: h
ttp://
ww
w.fl
ickr
.com
/pho
tos/
3991
2997
@N
00/4
9203
4335
/
Cre
dit:
Hea
ther
Phi
llips
( h
ttp://
ww
w.fl
ickr
.com
/pho
tos/
hphi
llips
/ )
Imag
e: h
ttp://
ww
w.fl
ickr
.com
/pho
tos/
8106
5540
@N
00/4
1433
8977
1/
Cre
dit:
gree
n ko
zi(
http
://w
ww
.flic
kr.c
om/p
hoto
s/th
emac
inat
or/ )
Imag
e: h
ttp://
ww
w.fl
ickr
.com
/pho
tos/
6099
164
6@N
00/3
8402
6982
9/
Cre
dit:
youn
gtho
usan
ds(
http
://w
ww
.flic
kr.c
om/p
hot
os/th
eyou
ngth
ousa
nds/
)
Imag
e: h
ttp://
ww
w.fl
ickr
.com
/pho
tos/
7448
1989
@N
00/4
6724
6224
0/
Cre
dit:
Den
nis
Mar
cini
ak(
http
://w
ww
.flic
kr.c
om/p
hoto
s/de
nmar
/ )
![Page 32: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/32.jpg)
![Page 33: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/33.jpg)
Application:
Layout Selection
![Page 34: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/34.jpg)
Magazine Theme Comparison
Expose Serenity Bee Crafty
Themes by StudioPress
![Page 35: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/35.jpg)
Expose Serenity Bee Crafty
Themes by StudioPress
Magazine Theme Comparison
![Page 36: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/36.jpg)
SandboxFor development and
customization
Image: http://www.flickr.com/photos/14853721@N00/5052502340/ Credit: Paul Gorbould ( http://www.flickr.com/photos/gorbould/ )
![Page 37: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/37.jpg)
Theme SourcesFree (WordPress.org)
http://wordpress.org/extend/themes/
Free (Third party)
http://wordpressthemesbase.com/
http://www.freewpthemes.net/
http://www.ezwpthemes.com/
Addendum: Danger!
Beware of shady sites offering
Free WordPress themes.
See http://tinyurl.com/yh4r8fq
Thanks to @wptavern for the tip.
![Page 38: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/38.jpg)
Theme SourcesPremium (paid)
http://www.woothemes.com/
http://www.studiopress.com/
http://ithemes.com/
http://themeforest.net/
http://themes.bavotasan.com/
http://www.press75.com/
http://headwaythemes.com/
http://frugaltheme.com/
http://diythemes.com/thesis/
http://www.elegantthemes.com/
![Page 39: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/39.jpg)
Traps
• Hard-coded Menus
• No Sub-menus
• Constrained by graphics
Image: http://www.flickr.com/photos/13791340@N05/4149554610/ Credit: Skip Cooper ( http://www.flickr.com/photos/photoskip/ )
![Page 40: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/40.jpg)
Traps
• No WP 3.0 Menu Support
• Limited Layouts
• Cluttered
![Page 41: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/41.jpg)
Traps
• Typography
• Poor contrast
• Small text
• Widgets don’t collapse gracefully
![Page 42: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/42.jpg)
Traps
• Some Assembly Required
![Page 43: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/43.jpg)
Case Study
![Page 44: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/44.jpg)
Problems
1. Poor contrast
2. Menus hard-coded graphics
3. Too narrow for images
4. Hard to change
2.
1.
3.
4.
![Page 45: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/45.jpg)
Theme Fail
![Page 46: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/46.jpg)
Questions?
![Page 47: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/47.jpg)
Review1. Start where you are
2. Site Map and Research
3. Select a home-page layout
4. Create content
5. Use a Sandbox to customize and configure
![Page 48: What's in a Theme? A Process for Selecting WordPress Themes](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549c99fb4c905e5048b5b1d/html5/thumbnails/48.jpg)
Thank You! Happy Blogging!
Todd J. ListThe Geek Who Speaks People
Twitter: @TJListhttp://maxim650.com