Successfully reported this slideshow.

WordPress Complete Tutorial

13,143 views

Published on

Overview & Examples
Getting Started
CMS Tips & Tricks
Beyond the Basics
Keep it Safe, Secure & Spiffy
More Handy Plugins
What else can WP do?

Published in: Technology, Business

WordPress Complete Tutorial

  1. 1. WordPress 3.4
  2. 2. What do you want to learn?
  3. 3. Agenda1. Overview & Examples2. Getting Started3. CMS Tips & Tricks4. Beyond the Basics5. Keep it Safe, Secure & Spiffy6. More Handy Plugins7. What else can WP do?
  4. 4. 1: Overview & Examples
  5. 5. What is WordPress?
  6. 6. Content Management System http://www.flickr.com/photos/atibens/4578260998/
  7. 7. Open Source is Unlocked
  8. 8. Open Source is Community
  9. 9. WordPress in Libraries Examples
  10. 10. Blogging
  11. 11. Writing a WordPress Post
  12. 12. Pages - the heart of your site http://www.flickr.com/photos/tearsandrain/3526002850
  13. 13. Pages for Static Content
  14. 14. Custom Layout for Static Page
  15. 15. Running a full web site
  16. 16. Personal Web Site
  17. 17. And more!
  18. 18. How it works• You create content• Content stored in a database• Pages don’t ‘exist’ until requested• User clicks on a link• PHP code retrieves content from database.• CSS used to style page• Page is displayed
  19. 19. Add Content – Web Based Interface
  20. 20. Stored in a database the_titlethe_content
  21. 21. Page created when requested
  22. 22. Same content on other pages
  23. 23. THEMES make it look good!
  24. 24. Same Content – Different Themes
  25. 25. Hosting WordPress
  26. 26. Free Hosted Versions
  27. 27. Free Hosted Versions
  28. 28. Free Hosted VersionsPros:• Free • No tech skills required• EasyCons:• No custom URL• Can’t upload themes & plugins
  29. 29. Host your own?
  30. 30. LAMP Linux Apache MySQL PHPhttp://www.flickr.com/photos/neonarcade/23955187
  31. 31. Technical Requirements• Currently Version 3.4.x• PHP version 4.3 or greater *• MySQL version 4.1.2 or greater• http://codex.wordpress.org/Hosting_Word Press* Might find some plugins require more recent version of PHP.
  32. 32. Hosting on your own server?• Cost?• Storage capacity?• Bandwidth?• Tech Support?• Install software yourself http://www.flickr.com/photos/jamisonjudd/2433102356
  33. 33. “If you have no idea what to do with this download….” 
  34. 34. Commercial Services • Often under $10/month • Tech support • One Click Install!For more hosts: http://wordpress.org/hosting/
  35. 35. 2: Getting Started
  36. 36. Admin Dashboard
  37. 37. Lose the ‘admin’ login!
  38. 38. Users  Add New User
  39. 39. Settings  General
  40. 40. Settings  Permalinks
  41. 41. Editing a Post Permalink
  42. 42. Writing a Post• News & events & updates• Most recent appears at the top• Older posts get bumped off the page• Stored in Archives• Special page for posts
  43. 43. Writing a Post
  44. 44. Writing a Post
  45. 45. Read More…
  46. 46. Read the rest of the entry…
  47. 47. Make a Post STICKY
  48. 48. Sticky post at top.
  49. 49. Publish Later
  50. 50. Tags vs Categories
  51. 51. Images & Videos
  52. 52. Add Media Button
  53. 53. Add Media Button
  54. 54. Places image in post
  55. 55. Get rid of Caption?
  56. 56. ALT text
  57. 57. Change default image sizes
  58. 58. Create a Gallery
  59. 59. [gallery] shortcode
  60. 60. SimpleViewer Plugin for fancier galleries wordpress.org/extend/plugins/wp-simpleviewer/
  61. 61. SimpleViewer Shortcode
  62. 62. Embed Video
  63. 63. Vipers Video Quicktags Plugin http://wordpress.org/extend/plugins/vipers-video-quicktags/
  64. 64. Vipers Video Quicktags Plugin
  65. 65. Themes
  66. 66. Themes
  67. 67. Themes – Add new themes
  68. 68. Search for a new theme
  69. 69. FTP access -
  70. 70. Themes with extras!
  71. 71. Sidebar Widgets
  72. 72. Widgets on Sidebar
  73. 73. Appearance  Widgets
  74. 74. Text Widget to Customize
  75. 75. Text Widget & 3rd Party Content
  76. 76. Basic Plugins
  77. 77. Plugins add functionality & features
  78. 78. Plugins Page
  79. 79. WordPress.com Stats • Requires API code from wordpress.comhttp://wordpress.org/extend/plugins/stats/
  80. 80. Google Analytics• Sign up with GA• Enter ID in WP Settings panelhttp://wordpress.org/extend/plugins/google-analytics-for-wordpress/
  81. 81. Akismet• Requires API code from wordpress.com• http://wordpress.org/extend/plugins/akismet/
  82. 82. More great plugins later!
  83. 83. 3: CMS Tips & Tricks
  84. 84. Settings  Permalinks
  85. 85. Custom Permalink Structurenews/gaming-night-for-teens/
  86. 86. Making a static front page
  87. 87. Create a Main Page
  88. 88. Create a Page for Posts No Content for the Page, just a title
  89. 89. Settings  ReadingSelect FrontPage & PostsPage
  90. 90. News tab shows Posts now
  91. 91. But …Home & Welcome both goto the same place.Need to delete HOME
  92. 92. Edit header.php file• Delete the line of code that creates the default HOME link
  93. 93. Yay, extra tab is gone!
  94. 94. 4: Beyond the Basics
  95. 95. Great New Custom Menus in 3.0
  96. 96. Custom Menu in Sidebar Widget
  97. 97. Custom Content Types Custom Fields
  98. 98. Custom Fields Example
  99. 99. Custom Field – Post Page http://wordpress.org/extend/plugins/more-fields/
  100. 100. Custom Post (Content!) Types http://wordpress.org/extend/plugins/more-types/
  101. 101. More on Themes, CSS & Templates
  102. 102. A quick look at the Theme Editor• Modify existing themes• Change fonts, colors, graphics• Create your own themes• Wordpress.com – ~ $15 year extra
  103. 103. Template & Styles
  104. 104. Stylesheet – styles.css
  105. 105. Editing a .php file Custom 404 page
  106. 106. 404.php template
  107. 107. PHP code & HTML<?php get_header(); ?><div id="primary"><h1 class="page-title">Oops! </h1><p>This page is missing. Try the search box</p> <?php include (TEMPLATEPATH ."/searchform.php"); ?></div><?php get_footer(); ?>
  108. 108. Template Pages
  109. 109. Page uses “no sidebar” template
  110. 110. Add Page – Select Template
  111. 111. Editing a Template
  112. 112. Web Developer Firefox Add On
  113. 113. 5: Keep it Safe, Secure & Spiffy http://www.flickr.com/photos/maistora/3237164755
  114. 114. Don’t leave the door unlocked Run the latest version
  115. 115. Get rid of default ADMIN user• Sign in• Create a new user with total admin rights• Sign out• Sign in to the new user account• Delete the old admin account• Use your new account just for adminstrative stuff
  116. 116. Manage User Accounts• Give yourself a separate account for writing/editing• Define what access your contributors need
  117. 117. Security Keys• Check your wp-config.php file• Does it have security keys? – define(AUTH_KEY, put your unique phrase here); – define(SECURE_AUTH_KEY, put your unique phrase here); – etc……. – More Info: http://goo.gl/SIhf
  118. 118. Use reliable themes & plugins• Check WordPress.org directories• Check the ratings & forum discussions• Test, test, test! And test some more.• Keep them up to date!• Deactivate & Delete unwanted plugins
  119. 119. Plugins - Deactivate, then Delete
  120. 120. Back it up!1. Backup your database: – Via web host control panel – Or wp-db-backup plugin (wordpress.org/extend/plugins/wp-db-backup/)1. FTP to server and copy: • wp-content/themes • wp-content/plugins • wp-content/uploads (images, files, etc.)
  121. 121. WP-DB-BACKUP plugin
  122. 122. Google XML Sitemaps wordpress.org/extend/plugins/google-sitemap-generator/
  123. 123. 6: Handy Plugins
  124. 124. All in one SEO wordpress.org/extend/plugins/all-in-one-seo-pack/
  125. 125. Facebook Like Buttonwordpress.org/extend/plugins/facebook-like-button/
  126. 126. Sexy Bookmarks wordpress.org/extend/plugins/sexybookmarks/
  127. 127. Simple Viewer Gallerywordpress.org/extend/plugins/wp-simpleviewer/
  128. 128. OpenBook Book Datajohnmiedema.ca/portfolio/openbook-wordpress-plugin/
  129. 129. WP Contact Form Pluginhttp://wordpress.org/extend/plugins/wp-contact-form/
  130. 130. Add <!--contact form--> to a page
  131. 131. The Events Calendarhttp://wordpress.org/extend/plugins/the-events-calendar/
  132. 132. Settingshttp://wordpress.org/extend/plugins/the-events-calendar/
  133. 133. MobilePress • Detects mobile device • Displays mobile version of pagehttp://wordpress.org/extend/plugins/mobilepress/
  134. 134. MobilePress
  135. 135. WordPress Apphttp://www.flickr.com/photos/purplelime/1569139115/
  136. 136. Donations Cloud – works with PayPal http://www.zirona.com/software/wordpress-donations-cloud/
  137. 137. More Plugins…• WP Plugin Repository – http://wordpress.org/extend/plugins/• My links to plugins – http://delicious.com/grdnldy/wordpress+plugins• Lots of great plugins discussed on this blog: – Lorelle on WordPress http://lorelle.wordpress.com
  138. 138. 7: What else can we do with WP?
  139. 139. BuddyPressbuddypress.org
  140. 140. The Academic Commons...is designed to support faculty initiatives and build community through the use(s) of technology in teaching and learning. ...Creating networks and support systems that are enabled by easy access to quality digital resources will nurture faculty development through sharing replicable materials and best practices.About the CUNY (City University of New York) Academic Commons
  141. 141. Open System, Open Learning People GroupsForums Blogs
  142. 142. Members Blogs
  143. 143. ePortfolios Blogs
  144. 144. Forums
  145. 145. Blogs
  146. 146. … features – similar to Facebook, Twitter, etc – will probably seemfamiliar to many.My philosophy of teaching includes instilling in my students a sense ofexploration and play. And dealing with change.The Buddypress site is an extension of that. In my email to my classesas school starts, I asked them to configure their blogs, get an RSSaggregator and explore the site. Explore is the keyword. Dr. Michael Stephens on his BuddyPress enabled course
  147. 147. Set up a network of sites with WordPress MultiSite
  148. 148. Library Catalogs
  149. 149. “..easy to let library staff at the various libraries contribute articles to the blog, ensuring a lively, regularly updated blog/catalog.” (isis.pbcantwerpen.be/) (translated with google translate)
  150. 150. Scriblioscriblio.net
  151. 151. Selected WP Books (There are tons more great ones!)• Digging into WordPress by Jeff Starr & Chris Coyier (digwp.com)• Beginning WordPress 3 by Stephanie Leary• Smashing WordPress by Thord Hedengren
  152. 152. More Help!• WordPress Codex - http://codex.wordpress.org/• WordPress Forums - http://wordpress.org/support/• WordPress FAQ’s - http://codex.wordpress.org/FAQ• New to WordPress? –tips http://codex.wordpress.org/FAQ_New_To _WordPress

×