“Design is not just what it looks like and feels like. Design is how it works.”                    - Steve jobs
You’re Already On Your Way•  WordPress works pretty damn well   “out of the box”•  Don’t let your theme & widgets   get in...
But…
“Everybody thinks they have good taste and a sense of humor but they couldnt possibly all have good taste.”               ...
Good taste is subjective.Good design:not so much.
Photo: emiliokuffer on Flickr
Look Around. Get Inspired.•  Pay attention to what you like about other sites•  Find & Follow creative curators on the web...
Start by makingyour site your own.
Photo: LeonMMelissa on Flickr
Color
Color•  The easiest way to make any site stand out•  Mix pairs of unusual colors or pick one   dominant color for emphasis...
Typography
Type Tips•  Web fonts (@fontface) now allow you to use   a variety of different fonts•  Perfect way to add a   unique touc...
Photos
Show Don’t Just Tell•  Great photos are another powerful way to make   your design stand out•  Create rules for formatting...
Page Templates
Use Different Page Templates•  Built into many themes•  Creates variety,•  Can enhance different   types of content
Theme Customizer•  Introduced in WordPress 3.4•  Make changes, preview them in realtime,   before going live•  More option...
Premium   ThemeFrameworks
Plugins
Plugins•  Choose plugins that add functionality   but allow control over their style/design•  Take advantage of those cont...
Sidebar
Triage Your Sidebar Often•  Only include what you NEED to•  Avoid too many third-party widgets (Facebook,   Twitter, Flick...
:(
:)
Default widgets usually need tweaking
Consider consolidation
Other Bits & Pieces•  Create & usa a favicon•  Use built-in text formatting for posts & pages   (H1, H2, blockquote, etc.)...
“A designer knows he hasachieved perfection not whenthere is nothing left to add,but when there is nothing leftto take awa...
Photo: Tsahi Levent-Levi on Flickr
Thank you!      Mykl Roventine      myklroventine.com      @myklroventine                    Headshot: Glimpses of Soul Ph...
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
Upcoming SlideShare
Loading in …5
×

The Non-Designers Guide to WordPress (Making Your Site Look Awesome)

1,901 views

Published on

You don't have to be a designer to make your WordPress site look good. In fact, no matter what theme you're using now there are lots of easy ways to make it look better. Mykl (who is a designer BTW) will share tips and tricks to take your site design from acceptable to awesome. Presented at WordUp! Minneapolis 2012

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,901
On SlideShare
0
From Embeds
0
Number of Embeds
591
Actions
Shares
0
Downloads
12
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

The Non-Designers Guide to WordPress (Making Your Site Look Awesome)

  1. 1. “Design is not just what it looks like and feels like. Design is how it works.” - Steve jobs
  2. 2. You’re Already On Your Way•  WordPress works pretty damn well “out of the box”•  Don’t let your theme & widgets get in the way of that•  Good site design should emphasize your content, not itself
  3. 3. But…
  4. 4. “Everybody thinks they have good taste and a sense of humor but they couldnt possibly all have good taste.” - When Harry Met Sally
  5. 5. Good taste is subjective.Good design:not so much.
  6. 6. Photo: emiliokuffer on Flickr
  7. 7. Look Around. Get Inspired.•  Pay attention to what you like about other sites•  Find & Follow creative curators on the web and via social channels (like fastcodesign.com)•  Listen to recommendations from designers•  Apply what you learn
  8. 8. Start by makingyour site your own.
  9. 9. Photo: LeonMMelissa on Flickr
  10. 10. Color
  11. 11. Color•  The easiest way to make any site stand out•  Mix pairs of unusual colors or pick one dominant color for emphasis•  A little goes a long way, even monochromatic tones can be powerful
  12. 12. Typography
  13. 13. Type Tips•  Web fonts (@fontface) now allow you to use a variety of different fonts•  Perfect way to add a unique touch to any design•  Don’t use too many•  Be careful when mixing
  14. 14. Photos
  15. 15. Show Don’t Just Tell•  Great photos are another powerful way to make your design stand out•  Create rules for formatting and be consistent (rounded corners, specific width, right- aligned, etc.)•  Always credit sources. Don’t steal!
  16. 16. Page Templates
  17. 17. Use Different Page Templates•  Built into many themes•  Creates variety,•  Can enhance different types of content
  18. 18. Theme Customizer•  Introduced in WordPress 3.4•  Make changes, preview them in realtime, before going live•  More options to as theme developers further integrate it into updates
  19. 19. Premium ThemeFrameworks
  20. 20. Plugins
  21. 21. Plugins•  Choose plugins that add functionality but allow control over their style/design•  Take advantage of those controls to tie into your site’s style whenever possible
  22. 22. Sidebar
  23. 23. Triage Your Sidebar Often•  Only include what you NEED to•  Avoid too many third-party widgets (Facebook, Twitter, Flickr), can slow page load times•  Limit # & size of ads unless you are making lots of money•  Animated anything = annoying
  24. 24. :(
  25. 25. :)
  26. 26. Default widgets usually need tweaking
  27. 27. Consider consolidation
  28. 28. Other Bits & Pieces•  Create & usa a favicon•  Use built-in text formatting for posts & pages (H1, H2, blockquote, etc.)•  Less is ALWAYS better. Simplicty is never a bad choice.
  29. 29. “A designer knows he hasachieved perfection not whenthere is nothing left to add,but when there is nothing leftto take away.” - Antoine de Saint Exupéry
  30. 30. Photo: Tsahi Levent-Levi on Flickr
  31. 31. Thank you! Mykl Roventine myklroventine.com @myklroventine Headshot: Glimpses of Soul Photography

×