Design & Thesis Theme Framework for WordPress

Design & Thesis Theme Framework for WordPress

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

67975d5fca1c85d9222b57258d938d88?s=128

King Sidharth

October 15, 2011
Tweet

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

  15. None
  16. None
  17. None
  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/