Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

A Beginner's Guide to WordPress - WordCamp Toronto 2012

4,309 views

Published on

Get to know how WordPress works: from posts and pages to themes, widgets, and plugins.

Published in: Technology, Business
  • Be the first to comment

A Beginner's Guide to WordPress - WordCamp Toronto 2012

  1. 1. WordCamp Toronto 2012A Beginner’s Guideto WordPresswith Shannon Smith & Kathryn Presner September 2012
  2. 2. Kathryn PresnerAutomattic Happiness EngineerWeb Designer@zoonini
  3. 3. Shannon SmithWeb developer at Café Noir Designwww.cafenoirdesign.com@cafenoirdesign
  4. 4. What We’ll CoverWelcomeIntro to WordPressIntro to the Admin PanelResourcesClosingQuestions
  5. 5. Intro to WordPress
  6. 6. Diving into WordPress What is WordPress? WordPress.com vs. WordPress.org What is it used for?http://en.support.wordpress.com/com-vs-org/
  7. 7. Bloghttp://julienchung.com/blog/
  8. 8. CMS+Bloghttp://www.boxofcrayons.biz/
  9. 9. CMShttp://mygirlfriend.ca/
  10. 10. CMShttp://www.thewittyoffice.com
  11. 11. Magazine
  12. 12. Photo Portfoliohttp://www.silviaphotography.com/
  13. 13. Video Portfoliohttp://www.presner.com
  14. 14. Audio Portfolio
  15. 15. Interactive
  16. 16. Some WordPress Basics Structure Presentation Markup Language ➜Database vs. filesPHP vs. HTML Dynamic Functions ScriptingDo I need to know Language ➜PHP? Data Database ➜
  17. 17. Posts vs. PagesPage
  18. 18. Posts vs. PagesPost
  19. 19. Posts vs. PagesPosts
  20. 20. Introduction to Themes A WP Theme is a collection of Template files - (X)HTML + PHP + CSS The CSS (aka stylesheet) usually controls 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_Templateshttp://codex.wordpress.org/Template_Hierarchy
  21. 21. http://www.lonelythebook.com/emily-white-author/
  22. 22. Get Started With Blank ThemesStarkershttp://viewportindustries.com/products/starkers/DIW Blank Themehttp://themeclubhouse.digwp.com/Whiteboardhttp://whiteboardframework.com/Rootshttp://www.rootstheme.com/_s (underscores)http://www.underscores.meBluelime Mediahttp://www.bluelimemedia.com/2012/07/14/bluelime-media-stater-theme-now-in-3-flavours/HTML5 Boilerplatehttps://github.com/iamamused/wp-theme-html5-boilerplate
  23. 23. Get Started WithA Pre-made ThemeWordPress.org Directoryhttp://wordpress.org/extend/themes/WooThemeshttp://www.woothemes.com/elegantthemeshttp://www.elegantthemes.com/Press75http://www.press75.com/WPswitchhttp://wpswitch.com/Smashing Magazine - Free WordPress Themes: 2011 Editionhttp://wp.smashingmagazine.com/2011/07/05/free-wordpress-themes-2011-edition/
  24. 24. Introduction to Plugins What is a plug-in? Where do you get plug-ins?http://wordpress.org/extend/plugins/
  25. 25. Managing Plug-ins
  26. 26. Introduction to Widgets What is a widget? What is a widget-ready theme?http://codex.wordpress.org/WordPress_Widgets
  27. 27. Intro to the Admin Panel
  28. 28. The Admin Panel Let’s go spelunking!
  29. 29. WordPress Resources
  30. 30. Officialwordpress.org (of course!)The Codexhttp://codex.wordpress.org/Support Forumhttp://wordpress.org/supportwordpress.tvhttp://wordpress.tv/
  31. 31. Cheat SheetsWordPress Template Tags Reference Guidehttp://www.dbswebsite.com/design/wordpress-reference/V3/Optimization Cheat Sheet for WordPresshttp://codex.wordpress.org/WordPress_Optimization/Cheat_SheetVarious 3.0-Ready Cheat Sheetshttp://www.webanddesigners.com/11-extremely-helpful-wordpress-cheatsheets/Remember: Cheat sheets need to be current
  32. 32. Theme Development ToolsOfficial Theme Development Checklist & Sample Datahttp://codex.wordpress.org/Theme_Development_ChecklistBook: Digging Into WordPresshttp://digwp.com/Online and In-Person Classes & Resourceshttp://zoonini.wordpress.com/wordpress-resources-wcto/
  33. 33. WordPress InspirationWP Showcasehttp://wordpress.org/showcase/We Love WPhttp://welovewp.com/WPInspirationhttp://wpinspiration.com/WP Floathttp://wpfloat.com/
  34. 34. Kathryn’s RecommendedPlugins WordPress SEO by DirtySuds - Embed Yoast or All in One YouTube SEO Pack Bad Behavior FeedBurner WordPress Database FeedSmith Extend Backup Subscribe to Secure WordPress Comments Reloaded WordPress File Obfuscate Email Monitor Plus Contact Form 7
  35. 35. Shannons RecommendedPluginsWordPress Database WP MinifyBackup WP Smush.itContact Form 7Jetpack (feedburner, googlePHPEnkoder analytics, wufoo forms, microformats)Limit Login AttemptsWordPress SEOWP Super Cache
  36. 36. Closing
  37. 37. What Next? Questions?Get the presentation at Slideshare http://www.slideshare.net/zooniniFind Us http://www.zoonini.com Twitter @zoonini http://www.cafenoirdesign.com Twitter @cafenoirdesign

×