Design & Thesis Theme Framework for WordPress

Design & Thesis Theme Framework

for WordPressby @kingSidharth

#wcjbp, #design & #thesiswp

for WordCamp Jabalpur 2011

How much can a bad design cost

you?

Guess?

How much can a bad design cost

you?

$300,000,000

http://bit.ly/300mbad

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

[email protected]

Photo Credits

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