Designing for  WordPress
“Design is not just what it looks like and feels like. Design is how it works.” —Steve Jobs, 2003
WordPress can do anything
WordPress can do anything (yes, really)
 
<ul><li>Mashable </li></ul><ul><li>TechCrunch </li></ul><ul><li>CNN Political ticker </li></ul><ul><li>WSJ magazine </li><...
What is a WordPress theme? <ul><li>Series of template files </li></ul><ul><li>Php based </li></ul><ul><li>style.css </li><...
 
<ul><li>http://codex.wordpress.org/Template_Hierarchy </li></ul><ul><li>http://wpcandy.com/teaches/wordpress-template-hier...
Lean to love style.css And embrace the child theme
 
All of the images  on the preceding slide  were built from the  same WordPress theme.
If you can dream it, you can theme it.
We're all still earning You don't have to know every single thing about WordPress in order to make a great design.
The rules are always changing <ul><li>Wordpress open source, constant improvements </li></ul><ul><li>HTML 5 </li></ul><ul>...
Wanna help? <ul><li>http://make.wordpress.org/ui/ </li></ul><ul><li>Google Summer of Code </li></ul><ul><li>Support forums...
Need help? <ul><li>http://codex.wordpress.org/ </li></ul><ul><li>http://wordpress.org/support/ </li></ul><ul><li>@andrea_r...
Upcoming SlideShare
Loading in...5
×

Nbcc cd-ga

1,197

Published on

a brief overview on designing / making themes for WordPress, presented to graphic design students at New Brunswick College of Craft & Design

Published in: Education, Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,197
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Nbcc cd-ga

  1. 1. Designing for WordPress
  2. 2. “Design is not just what it looks like and feels like. Design is how it works.” —Steve Jobs, 2003
  3. 3. WordPress can do anything
  4. 4. WordPress can do anything (yes, really)
  5. 6. <ul><li>Mashable </li></ul><ul><li>TechCrunch </li></ul><ul><li>CNN Political ticker </li></ul><ul><li>WSJ magazine </li></ul><ul><li>I Can Haz Cheeseburger </li></ul><ul><li>Number 10 Downing St site </li></ul><ul><li>MuchMusic blog </li></ul><ul><li>Perez Hilton </li></ul><ul><li>And more! </li></ul>
  6. 7. What is a WordPress theme? <ul><li>Series of template files </li></ul><ul><li>Php based </li></ul><ul><li>style.css </li></ul>
  7. 9. <ul><li>http://codex.wordpress.org/Template_Hierarchy </li></ul><ul><li>http://wpcandy.com/teaches/wordpress-template-hierarchy-diagram </li></ul>
  8. 10. Lean to love style.css And embrace the child theme
  9. 12. All of the images on the preceding slide were built from the same WordPress theme.
  10. 13. If you can dream it, you can theme it.
  11. 14. We're all still earning You don't have to know every single thing about WordPress in order to make a great design.
  12. 15. The rules are always changing <ul><li>Wordpress open source, constant improvements </li></ul><ul><li>HTML 5 </li></ul><ul><li>Read industry blogs </li></ul><ul><li>Keep up with WP development </li></ul><ul><li>Keep learning when school is done (there's no tests tho) </li></ul>
  13. 16. Wanna help? <ul><li>http://make.wordpress.org/ui/ </li></ul><ul><li>Google Summer of Code </li></ul><ul><li>Support forums </li></ul><ul><li>http://wordpress.org/extend/themes/about/ </li></ul>
  14. 17. Need help? <ul><li>http://codex.wordpress.org/ </li></ul><ul><li>http://wordpress.org/support/ </li></ul><ul><li>@andrea_r or @wpmuguru </li></ul><ul><li>Books! </li></ul><ul><ul><li>WordPress for Dummies </li></ul></ul><ul><ul><li>WordPress All in One </li></ul></ul><ul><ul><li>Beginning WordPress 3 </li></ul></ul><ul><ul><li>Build Your Own Wicked WordPress theme </li></ul></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×