Design & Thesis Theme Framework for WordPress

940 views
904 views

Published on

My presentation for WordCamp Jabalpur 2011

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
940
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Design & Thesis Theme Framework for WordPress

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

×