Design & Thesis Theme Framework for WordPress

Complimentary presentation for my session at WordCamp Jabalpur 2011. About design and how to implement it on Thesis

Transcript

1. Design & Thesis Theme Framework for WordPress by @kingSidharth #wcjbp, #design & #thesiswp for WordCamp Jabalpur 2011
2. How much can a bad design cost you? Guess?
3. How much can a bad design cost you? $300,000,000 http://bit.ly/300mbad
4. Part 1: Design Part 2: Implement in Thesis
5. Design Part 1:
6. What are we designing?
7. What are we designing? • A personal website... • ... for a developer that... • ... servers as a blog, ... • ... online portfolio & collection of projects. (Example)
8. Whom are we designing for? • Fellow developers. • Prospect clients / employers.
9. What do they want? • Fellow developers: Tech., Projects you work with and your “call me ;)” • Prospect clients / employers: Problem solving skills and expertise.
10. Design time. Wireframes & Screw Photoshop Rant Live Magic Demystification Show
11. That’s how it’s done!
12. Implement in Thesis Part 2:
13. Why the hell do I like thesis so much?
14. Front-end of Thesis
18. Thesis Backend Options (Live Demo)
19. CSS Basics Tags: a{ color: white; } Classes: .links { color: white; } ID’s: #home_link { color: white; } Pseudo IDs : #header_area #logo { color: white; }
20. Design with hooks /custom_sample custom_function.php custom.css
21. Coding the Design (Live Demo)
22. Finishing Touches in Photoshop
23. git init
24. Questions?
25. Namasté King Sidharth UX Designer, Public Speaker @kingSidharth www.KingSidharth.com www.64Notes.com king@kingsidharth.com
26. Photo Credits • http://www.flickr.com/photos/jking89/