I design WordPress websites nearly every day of my working week! Here is how I go about it and some considerations to well.....consider!

1. HELLO
WORDPRESS-ERS
you're a good looking bunch

2. 50/50

3. BLAZROBAR
ISTHENAME
WEB DESIGN
ISMYGAME
@blazRobar

4. PHOTOSHOP
BESTPRACTICE
FORWORDPRESS

5. A LITTLE
ABOUTME
webdesigner / all round nice guy

6. SLEEPY BLAZ ROBAR

7. ELEVEN MEDIA
CO-OWNER/WEBDESIGNER
elevenmedia.com.au

8. BLAZROBAR.COM
THE ROBIN HOOD OF FREE PSDS
OVER 45,000+ WORDPRESS USERS

9. DESIGNWEBSITES
DESIGNWEBSITES
AT WORK I
AT HOME I

10. 1 SERIOUSLY PISSED
OFFWIFE
LOVEYAHUNNIE

11. PHOTOSHOP
BESTPRACTICE
FORWORDPRESS
the break down

12. WORKINGIN
PHOTOSHOP
REAL
CONTENT
BREAKS
THINGS
WORDPRESS
CONSIDER-
ATION
001 002 003

13. WORKINGIN
PHOTOSHOP
001
a betterworkflow. like a boss

14. USE ONE!
GRID
add some structure to your designs

16. www.960.gs
www.guideguide.me

17. USE FOLDERS &USE
DESCRIPTIVE NAMES
name folders like you would name your {divs}

18. KEYTO HAPPINESS

19. selectlayers&Ctrl/Cmd+G

20. DO NOT
FLATTEN
YOUR
LAYERS
instead-convertthemtosmartobjects

21. GOOD WAY TO DIE.
HEAVENLY.

22. DOWNLOADYOUR
GOOGLEFONT
www.google.com/fonts/

23. DOWNLOAD.SORTED.

24. GETLAZY
LEARNSHORTCUTS
andmake some custom ones

25. http://www.zerolag.com/wp-content/uploads/2013/03/ZeroLag.com _ photoshop _ screen _ logo2.jpg

26. ISETUP
CMD+1 (SAVEFORWEB)

27. DON'T USE
LAYERBLEND
'overlay' is notawebthing....yet.

28. OVER.. WHAT?

29. 1 PSD FILE
ISFINE
because updating more than 1 file is just insane

30. GROUPANEW PAGE
LAYOUT IN A FOLDER
eg-Home/About/Contact

31. PAGES

32. DELETE UNUSED
LAYERS
don't be a layer horder.

33. TRASH IT

34. USE TEXT BOXES
LIKE DIVS
helps your developer with alignment references

36. WHAT HAPPENS
OUTSIDE OFYOUR
CANVAS?
people with big screens have feelings too

37. REALCONTENT
BREAKSTHINGS
002
real life contentisugly

38. ALLOWFORLONG
HEADINGS
doyourtitles still lookgood?

39. DESIGNWORLD REALWORLD

40. USEREALISTICIMAGE
FORMATS
super panoramicWILL BRING you PAIN

42. CONTENT
design based around the amount of

43. DOYOURDIVS
STRETCH?
ARE THEY FLUID? DOTHEYNEEDTOBE?

45. WORDPRESS
CONSIDERATIONS
003
what wouldwordpressdo?

46. RE-USEDESIGN
ELEMENTS
eg-keep sidebar elements the same size

48. POWERINGYOUR
CONTENT
howisyourcontent
poweredbywordpress?

50. IMAGESLIDER-POSTFEATUREIMAGE
WPNAV/PAGES
CUSTOM FIELDS
POST
FEATURE
IMAGE
POST
FEATURE
IMAGE
POST
FEATURE
IMAGE
POSTPOSTPOST
CUSTOM
FIELDS

51. THINKOFTHE
DETAILS
devil is in the detail

53. DESIGNWORDPRESS
FUNCTIONALITY
consider including core
wordpress functionality

54. TAGSLIST
CATEGORIES LIST
WIDGETS
BLOGPAGECOUNTER
COMMENTS
LATESTARTICLES
SEARCH
COMMENTCOUNT/DATE
CORE ELEMENTS
TO CONSIDER

55. SUMMINGUP
Useagrid in Photoshopwww.960.gs
Groupyourlayers& nameyourfoldersdivnames
1 psd file1pageperfolder
textboxesextend them like divs

56. CREDITS
illustrate free download:
www.blazrobar.com
icons:
www.webdesignerdepot.com/2013/03/free-download-500-
vector-mega-icon-pack/

57. QUESTIONS?
SEND HATE MAIL
BLAZ@ELEVENMEDIA.COM.AU
@blazRobar
StylesDemo??