Slide 1

Slide 1 text

Design & Thesis Theme Framework for WordPress by @kingSidharth #wcjbp, #design & #thesiswp for WordCamp Jabalpur 2011

Slide 2

Slide 2 text

How much can a bad design cost you? Guess?

Slide 3

Slide 3 text

How much can a bad design cost you? $300,000,000 http://bit.ly/300mbad

Slide 4

Slide 4 text

Part 1: Design Part 2: Implement in Thesis

Slide 5

Slide 5 text

Design Part 1:

Slide 6

Slide 6 text

What are we designing?

Slide 7

Slide 7 text

What are we designing? • A personal website... • ... for a developer that... • ... servers as a blog, ... • ... online portfolio & collection of projects. (Example)

Slide 8

Slide 8 text

Whom are we designing for? • Fellow developers. • Prospect clients / employers.

Slide 9

Slide 9 text

What do they want? • Fellow developers: Tech., Projects you work with and your “call me ;)” • Prospect clients / employers: Problem solving skills and expertise.

Slide 10

Slide 10 text

Design time. Wireframes & Screw Photoshop Rant Live Magic Demystification Show

Slide 11

Slide 11 text

That’s how it’s done!

Slide 12

Slide 12 text

Implement in Thesis Part 2:

Slide 13

Slide 13 text

Why the hell do I like thesis so much?

Slide 14

Slide 14 text

Front-end of Thesis

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

Thesis Backend Options (Live Demo)

Slide 19

Slide 19 text

CSS Basics Tags: a{ color: white; } Classes: .links { color: white; } ID’s: #home_link { color: white; } Pseudo IDs : #header_area #logo { color: white; }

Slide 20

Slide 20 text

Design with hooks /custom_sample custom_function.php custom.css

Slide 21

Slide 21 text

Coding the Design (Live Demo)

Slide 22

Slide 22 text

Finishing Touches in Photoshop

Slide 23

Slide 23 text

git init

Slide 24

Slide 24 text

Questions?

Slide 25

Slide 25 text

Namasté King Sidharth UX Designer, Public Speaker @kingSidharth www.KingSidharth.com www.64Notes.com [email protected]

Slide 26

Slide 26 text

Photo Credits • http://www.flickr.com/photos/jking89/