WordPress For Nonprofits
!

Sang-Min Yoon

January 29th, 2014
Introductions
Sang-Min Yoon
Web Designer & Front-End Developer
Who Are You Folks?
Agenda
•

Overview of WordPress	


•

Web Design Trends	


•

Live Demo	


•

Suggestions and Resources	


•

Build Your W...
Overview of WordPress
5 Minute Video
Video Credit: www.wp101.com
What Is WordPress?
A free publishing platform that allows 

you to easily create content for the web.
WordPress
Content

Website
WordPress powers over 20% of the Web
Why?
•

Free (but….. you need a server to host your website)	


•

Easy to use	


•

Open Source	


•

Don’t need to know ...
Difference Between 	


WordPress.Com and WordPress.Org
WordPress.Com Vs WordPress.Com

Picture Credit: https://blog.rooof.com
Questions?
Web Design Trends
Web Design Trends
•

Clean, Minimal and Simple	


•

Flat Design	


•

Responsive Design	


•

User Experience	


•

Conte...
Clean, Minimal and Simple
Good
www.Yahoo.com
Better
www.Google.com
Good
www.Box.com
Better
www.DropBox.com
Flat Design
No More Skeuomorphism (Junks)
Everyone Is Going “Flat”

Previous Logo

Current Logo

iPhone IOS 6

iPhone IOS 7
Microsoft
www.Microsoft.com
Entertainment Weekly
www.EW.com
Responsive Design
Photo Credit: www.flickr.com/photos/lukew
Best Solution for Different
Devices and Screen Sizes

Photo Credit: www.upstatement.com
Boston Globe
www.BostonGlobe.com
Wentworth
User Experience
Good
www.Craigslist.org
Bad
www.Healthcare.gov
Craigslist.Org Always Works
But Healthcare.Gov…
Bad
Old Blackboard Login Page
Good
New Blackboard Login Page	

bb.wit.edu
Content
The Main Reason Why Users
Come To Your Website Is For
Content
Photo Credit: blog.websiteboston.com
Questions?
Live Demo
Watch Me Build a Website
Live Demo List
•

The Dashboard	


•

Embedding Codes	


•

Settings	


•

Widgets (Sidebar)	


Post & Pages	


•

Themes	...
Questions?
Suggestions and Resources
Hosting
Hosting
Resources
WordPress
•

www.wpbeginner.com	


•

www.wp101.com 	


Web Design/Development
•

www.alistapart.com 	


•

www....
Where To Get Themes

http://WordPress.org/themes
Where To Get Themes

http://themeforest.net/category/WordPress/nonprofit
Where To Get Plugins

http://WordPress.org/plugins
Where To Get Help	

•

Google

•

Youtube	


•

WordPress Support Forum

http://WordPress.org/support 	


•

WordPress Ans...
If You Don’t Have Photoshop
Suggestions
•

WordPress is easy. 	


•

Creating content for your website is hard.	


•

Don’t spend too much time on Wor...
Hire A Designer/Developer
Questions?
Thank You
Email: info@sangminyoon.com	

Twitter: @smyoon315
Upcoming SlideShare
Loading in …5
×

WordPress for NonProfits

939
-1

Published on

Event Info: http://www.eventbrite.com/e/wordpress-for-nonprofits-registration-9422315399?aff=website

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

  • Be the first to like this

No Downloads
Views
Total Views
939
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

WordPress for NonProfits

  1. 1. WordPress For Nonprofits ! Sang-Min Yoon
 January 29th, 2014
  2. 2. Introductions
  3. 3. Sang-Min Yoon Web Designer & Front-End Developer
  4. 4. Who Are You Folks?
  5. 5. Agenda • Overview of WordPress • Web Design Trends • Live Demo • Suggestions and Resources • Build Your Website
  6. 6. Overview of WordPress
  7. 7. 5 Minute Video
  8. 8. Video Credit: www.wp101.com
  9. 9. What Is WordPress?
  10. 10. A free publishing platform that allows 
 you to easily create content for the web.
  11. 11. WordPress Content Website
  12. 12. WordPress powers over 20% of the Web
  13. 13. Why? • Free (but….. you need a server to host your website) • Easy to use • Open Source • Don’t need to know code • Control your own content • SEO friendly • Easy to get help
  14. 14. Difference Between WordPress.Com and WordPress.Org
  15. 15. WordPress.Com Vs WordPress.Com Picture Credit: https://blog.rooof.com
  16. 16. Questions?
  17. 17. Web Design Trends
  18. 18. Web Design Trends • Clean, Minimal and Simple • Flat Design • Responsive Design • User Experience • Content is King
  19. 19. Clean, Minimal and Simple
  20. 20. Good www.Yahoo.com
  21. 21. Better www.Google.com
  22. 22. Good www.Box.com
  23. 23. Better www.DropBox.com
  24. 24. Flat Design No More Skeuomorphism (Junks)
  25. 25. Everyone Is Going “Flat” Previous Logo Current Logo iPhone IOS 6 iPhone IOS 7
  26. 26. Microsoft www.Microsoft.com
  27. 27. Entertainment Weekly www.EW.com
  28. 28. Responsive Design
  29. 29. Photo Credit: www.flickr.com/photos/lukew
  30. 30. Best Solution for Different Devices and Screen Sizes Photo Credit: www.upstatement.com
  31. 31. Boston Globe www.BostonGlobe.com
  32. 32. Wentworth
  33. 33. User Experience
  34. 34. Good www.Craigslist.org
  35. 35. Bad www.Healthcare.gov
  36. 36. Craigslist.Org Always Works But Healthcare.Gov…
  37. 37. Bad Old Blackboard Login Page
  38. 38. Good New Blackboard Login Page bb.wit.edu
  39. 39. Content
  40. 40. The Main Reason Why Users Come To Your Website Is For Content
  41. 41. Photo Credit: blog.websiteboston.com
  42. 42. Questions?
  43. 43. Live Demo Watch Me Build a Website
  44. 44. Live Demo List • The Dashboard • Embedding Codes • Settings • Widgets (Sidebar) Post & Pages • Themes • Plugins • • Posting Content • Text, Links, Images, gallery and video !
  45. 45. Questions?
  46. 46. Suggestions and Resources
  47. 47. Hosting
  48. 48. Hosting
  49. 49. Resources WordPress • www.wpbeginner.com • www.wp101.com Web Design/Development • www.alistapart.com • www.creativebloq.com http://codex.WordPress.org/ WordPress_Lessons • www.smashingmagazine.com • http://torquemag.io ! • WordPress For Dummies 
 byLisa Sabin-Wilson • !
  50. 50. Where To Get Themes http://WordPress.org/themes
  51. 51. Where To Get Themes http://themeforest.net/category/WordPress/nonprofit
  52. 52. Where To Get Plugins http://WordPress.org/plugins
  53. 53. Where To Get Help • Google • Youtube • WordPress Support Forum
 http://WordPress.org/support • WordPress Answers
 http://WordPress.stackexchange.com • Boston WordPress
 http://www.meetup.com/boston-WordPress-meetup • WordCamps
 http://central.wordcamp.org • Me
  54. 54. If You Don’t Have Photoshop
  55. 55. Suggestions • WordPress is easy. • Creating content for your website is hard. • Don’t spend too much time on WordPress until you have determined your website structure (sitemap) and have all your content ready (including graphics, photos and videos). • Utilize WordPress (themes and plugins) to best communicate your website content to your target audience. • Don’t let design (theme) dictate the content of your website.
  56. 56. Hire A Designer/Developer
  57. 57. Questions?
  58. 58. Thank You Email: info@sangminyoon.com Twitter: @smyoon315
  1. A particular slide catching your eye?

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

×