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

1. WordPress For Nonprofits
!
Sang-Min Yoon
January 29th, 2014

2. Introductions

3. Sang-Min Yoon
Web Designer & Front-End Developer

4. Who Are You Folks?

5. Agenda
•
Overview of WordPress
•
Web Design Trends
•
Live Demo
•
Suggestions and Resources
•
Build Your Website

6. Overview of WordPress

7. 5 Minute Video

8. Video Credit: www.wp101.com

9. What Is WordPress?

10. A free publishing platform that allows
you to easily create content for the web.

11. WordPress
Content
Website

12. WordPress powers over 20% of the Web

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. Difference Between
WordPress.Com and WordPress.Org

15. WordPress.Com Vs WordPress.Com
Picture Credit: https://blog.rooof.com

16. Questions?

17. Web Design Trends

18. Web Design Trends
•
Clean, Minimal and Simple
•
Flat Design
•
Responsive Design
•
User Experience
•
Content is King

19. Clean, Minimal and Simple

20. Good
www.Yahoo.com

21. Better
www.Google.com

22. Good
www.Box.com

23. Better
www.DropBox.com

24. Flat Design
No More Skeuomorphism (Junks)

25. Everyone Is Going “Flat”
Previous Logo
Current Logo
iPhone IOS 6
iPhone IOS 7

26. Microsoft
www.Microsoft.com

27. Entertainment Weekly
www.EW.com

28. Responsive Design

29. Photo Credit: www.flickr.com/photos/lukew

30. Best Solution for Different
Devices and Screen Sizes
Photo Credit: www.upstatement.com

31. Boston Globe
www.BostonGlobe.com

32. Wentworth

33. User Experience

34. Good
www.Craigslist.org

35. Bad
www.Healthcare.gov

36. Craigslist.Org Always Works
But Healthcare.Gov…

37. Bad
Old Blackboard Login Page

38. Good
New Blackboard Login Page
bb.wit.edu

39. Content

40. The Main Reason Why Users
Come To Your Website Is For
Content

41. Photo Credit: blog.websiteboston.com

42. Questions?

43. Live Demo
Watch Me Build a Website

44. Live Demo List
•
The Dashboard
•
Embedding Codes
•
Settings
•
Widgets (Sidebar)
Post & Pages
•
Themes
•
Plugins
•
•
Posting Content
•
Text, Links, Images,
gallery and video
!

45. Questions?

46. Suggestions and Resources

47. Hosting

48. Hosting

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. Where To Get Themes
http://WordPress.org/themes

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

52. Where To Get Plugins
http://WordPress.org/plugins

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. If You Don’t Have Photoshop

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. Hire A Designer/Developer

57. Questions?

58. Thank You
Email: info@sangminyoon.com
Twitter: @smyoon315