psd to-genesis

A Guide for PSD to Genesis

Getting ready to work

Tools I use

• Photoshop

• Slicy (Mac)

• SublimeText

• GitHub

Using

Photoshop

• Planning

• Getting images to use

LOGO MENU

MURAL

AREA

INFO

AREA

3 WIDGET

AREAS

WIDGET

AREA

WIDGET

AREA

WIDGET

AREA

FOOTE

R

Slicing Your PSD

PC

• Find all of the images you

need

• Make slices of them

• Export

Mac

• Name Layers

FIND THE IMAGES

YOU NEED

MAKE SLICES OF

EVERYTHING

Slicing with Slicy

Sublime TextIt edits everything.

It does everything.

Configure

how you’d

like to

upload

Edit like you

normally would.

Using GitHubTo speed up your process by having

common functions there.

Things to put in Gists

• Register sidebars

• Enqueue styles

• Enqueue scripts

• Add image sizes

• Common javascript

• Post types

• Meta boxes

www.ozzyrodriguez.com

[email protected]

@OzzyR

Technology