design & thesis theme framework for wordpress
DESCRIPTION
My presentation for WordCamp Jabalpur 2011TRANSCRIPT
Design & Thesis Theme Framework
for WordPressby @kingSidharth
#wcjbp, #design & #thesiswp
for WordCamp Jabalpur 2011
How much can a bad design cost
you?
Guess?
Part 1: Design
Part 2:
Implement in Thesis
DesignDesign
Part 1:Part 1:
What are we designing?
What are we designing?
•A personal website...
•... for a developer that...
•... servers as a blog, ...
•... online portfolio & collection of projects.
(Example)
Whom are we designing for?
•Fellow developers.
•Prospect clients / employers.
What do they want?
•Fellow developers: Tech., Projects you work with and your “call me ;)”
•Prospect clients / employers: Problem solving skills and expertise.
Design time.Wireframes &
Screw Photoshop Rant
Live Magic Demystification Show
That’s how it’s done!
Implement in Thesis
Part 2:
Why the hell do I like thesis so
much?
Front-end of Thesis
Thesis Backend Options
(Live Demo)
CSS Basics
Tags: a{ color: white; }
Classes: .links { color: white; }
ID’s: #home_link { color: white; }
Pseudo IDs : #header_area #logo { color: white; }
Design with hooks
/custom_samplecustom_function.php
custom.css
Coding the Design(Live Demo)
Finishing Touches in Photoshop
git init
Questions?
NamastéKing Sidharth
UX Designer, Public Speaker
@kingSidharth
www.KingSidharth.com
www.64Notes.com
Photo Credits
•http://www.flickr.com/photos/jking89/