Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How to Build a Website on a Non-Profit Budget - WordPress 101

275e113775bcd075ff1923687986b9a8?s=47 Shannon Smith
December 07, 2012

How to Build a Website on a Non-Profit Budget - WordPress 101

WordPress is the leading content management system and powers about 15% of the Web. As of 2011, over 100,000 new WordPress websites are created every day. WordPress is also a free-to-use, open source software project that relies on volunteers. Come learn about how you can use WordPress for your organization, to build a website, a blog, a store, or more and find out more about the Montreal WordPress Community (wpmtl.org).

275e113775bcd075ff1923687986b9a8?s=128

Shannon Smith

December 07, 2012
Tweet

Transcript

  1. How to Build a Website on a Non-Profit Budget -

    WordPress 101 with Shannon Smith December 2012 Tech-Works 2012
  2. Café Noir Design Shannon Smith www.cafenoirdesign.com @cafenoirdesign

  3. A special thanks to Kathryn Presner Automattic Happiness Engineer Web

    Designer @zoonini
  4. What We’ll Cover What is WordPress? Which WordPress Do I

    Need? What Can WordPress Do? Intro to WordPress Intro to the Admin Panel* Resources Closing Questions
  5. What is WordPress?

  6. Diving into WordPress What is WordPress? WordPress.com vs. WordPress.org Content

    Management System vs Blog What is it used for? http://en.support.wordpress.com/com-vs-org/
  7. What Can WordPress Do?

  8. Blog http://julienchung.com/blog/

  9. CMS+Blog http://www.boxofcrayons.biz/

  10. CMS http://mygirlfriend.ca/

  11. CMS http://www.thewittyoffice.com

  12. Magazine

  13. Photo Portfolio http://www.silviaphotography.com/

  14. Video Portfolio http://www.presner.com

  15. Audio Portfolio

  16. Interactive

  17. Which WordPress Do I Need?

  18. WordPress for Every Budget Step 1: Hosted by WordPress.com Theme

    via WordPress.com Managed by WordPress.com (free or $25/year)
  19. WordPress for Every Budget Step 2: Self-Hosted Ready-Made Theme Self-Managed

  20. WordPress for Every Budget Step 3: Self-Hosted Custom Theme Managed

    by Freelancer/Small Agency
  21. WordPress for Every Budget Step 4: Hosted by Large Agency/Self-Hosted

    Custom Theme Managed by Large Agency $20,000-100,000+
  22. WordPress for Every Budget Step 5: VIP Cloud Hosting Custom

    Theme $50,000/year minimum
  23. Intro to WordPress

  24. Some WordPress Basics Database vs. files PHP vs. HTML Do

    I need to know PHP? Database ➜ Scripting Language ➜ Markup Language ➜ Structure Presentation Dynamic Functions Data
  25. Posts vs. Pages Page

  26. Posts vs. Pages Post

  27. Posts vs. Pages Posts

  28. Introduction to Themes A Theme is a collection of Template

    files - (X)HTML + PHP + CSS The CSS (aka stylesheets) usually control the layout and design Only two template files are required: index.php, style.css Some are optional: sidebar.php, comments.php, etc. http://codex.wordpress.org/Stepping_Into_Templates http://codex.wordpress.org/Template_Hierarchy
  29. None
  30. http://www.lonelythebook.com/emily-white-author/

  31. Get Started with a Blank Theme _s (underscores) http://www.underscores.me Starkers

    http://viewportindustries.com/products/starkers/ DIW Blank Theme http://themeclubhouse.digwp.com/ Whiteboard http://whiteboardframework.com/ Roots http://www.rootstheme.com/ Bluelime Media http://www.bluelimemedia.com/2012/07/14/bluelime-media-stater-theme-now-in-3- flavours/ HTML5 Boilerplate https://github.com/iamamused/wp-theme-html5-boilerplate
  32. Get Started with a Pre-made Theme WordPress.org Directory http://wordpress.org/extend/themes/ WooThemes

    http://www.woothemes.com/ elegantthemes http://www.elegantthemes.com/ Press75 http://www.press75.com/ WPswitch http://wpswitch.com/ Smashing Magazine - Free WordPress Themes: 2011 Edition http://wp.smashingmagazine.com/2011/07/05/free-wordpress-themes-2011-edition/
  33. Introduction to Plugins What is a plug-in? Where do you

    get plug-ins? http://wordpress.org/extend/plugins/
  34. Managing Plug-ins

  35. Introduction to Widgets What is a widget? What is a

    widget-ready theme? http://codex.wordpress.org/WordPress_Widgets
  36. Intro to the Admin Panel

  37. The Admin Panel Let’s go spelunking!

  38. WordPress Resources

  39. Official Resources wordpress.org (of course!) The Codex http://codex.wordpress.org/ Support Forum

    http://wordpress.org/support WordPress.tv http://wordpress.tv/
  40. Cheat Sheets WordPress Template Tags Reference Guide http://www.dbswebsite.com/design/wordpress-reference/V3/ Optimization Cheat

    Sheet for WordPress http://codex.wordpress.org/WordPress_Optimization/Cheat_Sheet Various 3.0-Ready Cheat Sheets http://www.webanddesigners.com/11-extremely-helpful-wordpress-cheatsheets/ Remember: Cheat sheets need to be current
  41. Theme Development Tools Official Theme Development Checklist & Sample Data

    http://codex.wordpress.org/Theme_Development_Checklist Book: Digging Into WordPress http://digwp.com/ Online and In-Person Classes
  42. WordPress Inspiration Official WordPress Showcase http://wordpress.org/showcase/ We Love WP http://welovewp.com/

    WPInspiration http://wpinspiration.com/ WP Float http://wpfloat.com/
  43. Recommended Plugins Backup WP-DB-Backup SEO WordPress SEO by Yoast Caching

    WP Super Cache Performance WP Minify, WP-smushit Security Limit Login Attempts Spam Protection Akismet, Bad Behaviour Email Obfuscator php-enkoder Contact Form Contact Form 7 Social Sharing Jetpack Analytics, RSS, Forms
  44. Closing

  45. Questions? What Next? Get the presentation http://speakerdeck.com/cafenoirdesign Find Shannon http://www.cafenoirdesign.com

    Twitter @cafenoirdesign Special thanks to Kathryn Presner, who helped prepare this presentation. http://www.zoonini.com