Internet Librarian Slides

3,796
-1

Published on

slides for wordpress session

Published in: Education, Technology, Business
2 Comments
3 Likes
Statistics
Notes
No Downloads
Views
Total Views
3,796
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
2
Likes
3
Embeds 0
No embeds

No notes for slide

Internet Librarian Slides

  1. 1. Building Library Websites with WordPress Internet Librarian 2009 Polly-Alida Farrington Resources at: http://lib20.pbworks.com
  2. 2. Agenda <ul><li>What’s a Content Management System </li></ul><ul><li>Wordpress as CMS – examples </li></ul><ul><li>Hosting your site </li></ul><ul><li>WordPress Building Blocks </li></ul><ul><li>CMS features </li></ul>
  3. 3. Slides, notes, resources, etc. <ul><li>http://lib20.pbworks.com </li></ul><ul><ul><li>links to additional resources and these slids </li></ul></ul><ul><li>http://libraryblogs.net </li></ul><ul><ul><li>your test blogs are on this server. </li></ul></ul><ul><li>NOTE: your libraryblogs.net accounts won’t have all the options we’re going to cover today. </li></ul>
  4. 4. WordPress is a Content Management System <ul><li>Create site without writing code </li></ul><ul><li>Web based interface </li></ul><ul><li>Contributors can focus on CONTENT! </li></ul><ul><li>Update “look & feel” easily </li></ul><ul><li>Content stored in a database </li></ul><ul><li>Flexible </li></ul>
  5. 5. WordPress is Open Source <ul><li>Free! </li></ul><ul><li>You can access the source code. </li></ul><ul><li>And modify it. And develop tools to enhance it! </li></ul><ul><li>Be part of the community that supports it. </li></ul><ul><li>Other familiar open source software: </li></ul><ul><ul><li>Firefox </li></ul></ul><ul><ul><li>Open Office </li></ul></ul>
  6. 6. WordPress as CMS Examples
  7. 7. But first…. a blog
  8. 11. Writing a WordPress Post
  9. 12. PAGES make it more than a blog
  10. 13. Pages for Static Content
  11. 14. Custom Layout for Static Page
  12. 21. How it works <ul><li>You create content </li></ul><ul><li>Content stored in a database </li></ul><ul><li>Pages don’t ‘exist’ until requested </li></ul><ul><li>User clicks on a link </li></ul><ul><li>PHP code retrieves content from database. </li></ul><ul><li>CSS used to style page </li></ul><ul><li>Page is displayed </li></ul>
  13. 22. Add Content – Web Based Interface
  14. 23. Stored in a database the_title the_content
  15. 24. Page created when requested
  16. 25. Same content on other pages
  17. 26. THEMES make it look good!
  18. 27. Same Content – Different Design
  19. 28. Types of Content <ul><li>Posts – news articles, timely, up to date, frequently changing. </li></ul><ul><li>Pages – Static pages, timeless info, about, contact, policies, services, etc. </li></ul><ul><li>Links – lists of links on a sidebar (aka: blogroll) </li></ul><ul><li>Media – photos and images </li></ul><ul><li>Comments – from your readers </li></ul>
  20. 29. Posts <ul><li>News & updates </li></ul><ul><li>Timely </li></ul><ul><li>Most recent first </li></ul><ul><li>Comments! </li></ul>
  21. 30. Pages <ul><li>Static content </li></ul><ul><li>eg: </li></ul><ul><ul><li>About Us </li></ul></ul><ul><ul><li>Contact Info </li></ul></ul><ul><ul><li>Services </li></ul></ul><ul><ul><li>etc. </li></ul></ul>
  22. 31. Links
  23. 32. Media
  24. 33. Comments
  25. 34. Hosting WordPress
  26. 35. Free Hosted Versions
  27. 36. Free Hosted Versions
  28. 37. Self Hosted – Your Own Server <ul><li>Cost? </li></ul><ul><li>Storage capacity? </li></ul><ul><li>Bandwidth? </li></ul><ul><li>Tech Support? </li></ul><ul><li>Install software yourself </li></ul><ul><li>PHP version 4.3 or greater </li></ul><ul><li>MySQL version 4.1.2 or greater </li></ul><ul><li>Recommended: </li></ul><ul><ul><li>Linux & Apache </li></ul></ul>
  29. 38. “If you have no idea what to do with this download….” 
  30. 39. Self Hosted – Commercial Services <ul><li>Often under $10/month </li></ul><ul><li>Tech support </li></ul><ul><li>One Click Install! </li></ul>For more hosts: http://wordpress.org/hosting/
  31. 40. Technical Requirements <ul><li>For version 2.9 (coming soon) </li></ul><ul><li>PHP version 4.3 or greater </li></ul><ul><li>MySQL version 4.1.2 or greater </li></ul><ul><li>http://codex.wordpress.org/Hosting_WordPress </li></ul>
  32. 41. WordPress Building Blocks Hopefully a live demo!
  33. 42. Getting Started
  34. 43. Your WordPress Site
  35. 44. Logging In <ul><li>Your site address with /wp-admin on the end </li></ul><ul><li>http://ca001.libraryblogs.net/wp-admin </li></ul>
  36. 45. Admin Dashboard
  37. 46. Users  Authors & Users <ul><li>For security reasons, don’t use ADMIN as your login name. </li></ul>
  38. 47. Users  Your Profile
  39. 48. Users  Your Profile
  40. 49. Users  Add New User
  41. 50. Settings  General
  42. 51. Settings  Permalinks
  43. 52. Editing a Post Permalink
  44. 53. Writing a Post <ul><li>News & events & updates </li></ul><ul><li>Most recent appears at the top </li></ul><ul><li>Older posts get bumped off the page </li></ul><ul><li>Stored in Archives </li></ul><ul><li>Special page for posts </li></ul>
  45. 54. Writing a Post
  46. 55. Writing a Post
  47. 56. Read More…
  48. 57. Read the rest of the entry…
  49. 58. Make a Post STICKY
  50. 59. Sticky post at top.
  51. 60. Publish Later
  52. 61. Tags vs Categories
  53. 62. Adding Images
  54. 63. Add Media Button
  55. 64. Add Media Button
  56. 66. Places image in post
  57. 67. Get rid of Caption?
  58. 68. ALT text
  59. 69. Adding Pages
  60. 70. Adding a New Page
  61. 71. Create Page Hierarchies
  62. 72. Hierarchy Shows on Sidebar
  63. 73. Links to Sub-Pages <ul><li>Format for creating a link to another page: </li></ul><ul><li><a href=&quot;index.php?page_id=42&quot;>Page title</a > </li></ul><ul><li>Get page ID from Pages  Edit panel. </li></ul>
  64. 74. Discussion - Comments <ul><li>Settings  Discussion </li></ul><ul><ul><li>Set options for handling comments </li></ul></ul><ul><li>Comments </li></ul><ul><ul><li>Approve, edit & delete comments </li></ul></ul><ul><ul><li>Manage spam </li></ul></ul>
  65. 75. Discussion Settings
  66. 76. Managing Comments
  67. 77. Approve, delete, spam it!
  68. 78. Review & Delete Spam
  69. 79. Themes
  70. 80. Themes
  71. 84. Themes – Add new themes
  72. 85. Search for a new theme
  73. 86. Browse for a new theme
  74. 87. Preview
  75. 88. Install
  76. 89. Installation Confirmed
  77. 90. Ready to activate
  78. 91. Adding Themes via FTP <ul><li>Download the theme to your computer </li></ul><ul><li>Unzip it </li></ul><ul><li>ftp to your server </li></ul><ul><li>Copy the new theme folder to : /wp-content/themes </li></ul><ul><li>It will appear in list of themes </li></ul><ul><li>Activate it </li></ul>
  79. 92. Directory Structure - Themes
  80. 93. Sidebar Widgets
  81. 94. Widgets on Sidebar
  82. 95. Appearance  Widgets
  83. 96. Text Widget to Customize
  84. 97. Text Widget & 3 rd Party Content
  85. 98. Plugins
  86. 99. Plugins add functionality & features
  87. 100. Plugins Page
  88. 101. WordPress.com Stats <ul><li>Requires API code from wordpress.com </li></ul>http://wordpress.org/extend/plugins/stats/
  89. 102. Google Analytics <ul><li>Sign up with GA </li></ul><ul><li>Enter ID in WP Settings panel </li></ul>http://wordpress.org/extend/plugins/google-analytics-for-wordpress/
  90. 103. Akismet <ul><li>Requires API code from wordpress.com </li></ul><ul><li>http://wordpress.org/extend/plugins/akismet/ </li></ul>
  91. 104. More great plugins later!
  92. 105. Adding New Plugins
  93. 106. Adding New - Search
  94. 107. Check the plugin first
  95. 108. Lots of earlier versions?
  96. 109. Lots of downloads?
  97. 110. Updating Plugins
  98. 111. View Details
  99. 112. Upgrade
  100. 113. Update Reactivated Successfully!
  101. 114. Add Plugins via FTP
  102. 115. WordPress Maintenance!
  103. 116. Plugins - Deactivate, then Delete
  104. 117. Backup! <ul><li>Backup your database: </li></ul><ul><ul><li>Via web host control panel </li></ul></ul><ul><ul><li>Or wp-db-backup plugin (wordpress.org/extend/plugins/wp-db-backup/) </li></ul></ul><ul><li>FTP to server and copy: </li></ul><ul><ul><li>wp-content/themes </li></ul></ul><ul><ul><li>wp-content/plugins </li></ul></ul><ul><ul><li>wp-content/uploads (images, files, etc </li></ul></ul>
  105. 118. WP-DB-BACKUP plugin
  106. 119. Tools  Upgrade <ul><li>Automatic upgrade plugin is so handy. </li></ul><ul><li>BACKUP first!!! </li></ul>
  107. 120. CMS Tips & Tricks
  108. 121. ‘ Pretty’ Permalinks
  109. 122. Settings  Permalinks
  110. 123. Custom Structure news/gaming-night-for-teens/
  111. 124. Making a static front page
  112. 125. Create a Main Page
  113. 126. Create a Page for Posts No Content for the Page, just a title
  114. 127. Settings  Reading Select Front Page & Posts Page
  115. 128. News tab shows Posts now
  116. 129. But … Home & Welcome both go to the same place. Need to delete HOME
  117. 130. Edit header.php file <ul><li>Delete the line of code that creates the default HOME link </li></ul>
  118. 131. Yay, extra tab is gone!
  119. 132. More Code! Theme & CSS Editor
  120. 133. A quick look at the Theme Editor <ul><li>Modify existing themes </li></ul><ul><li>Change fonts, colors, graphics </li></ul><ul><li>Create your own themes </li></ul><ul><li>NOTE: Can’t do this with class test blogs </li></ul><ul><li>Wordpress.com – $$ extra </li></ul>
  121. 134. Example: Editable Theme Files
  122. 135. Stylesheet – styles.css
  123. 136. Custom 404 page
  124. 137. Default 404 – page not found
  125. 138. Custom 404
  126. 139. Custom 404 page
  127. 140. Appearance > Editor > 404.php
  128. 141. PHP code & HTML <?php get_header(); ?> <div id=&quot;primary&quot;> <h1 class=&quot;page-title&quot;>Oops! </h1> <p>Visit the <a href=“ <?php bloginfo('url'); ?> &quot;>Home Page</a></p> <?php include (TEMPLATEPATH . &quot;/searchform.php&quot;); ?> </div> <?php get_sidebar(); ?> <?php get_footer(); ?>
  129. 142. Add Navigation to Footer
  130. 143. Custom Footer <ul><li>Navigation Bar added </li></ul><ul><li>Customize the credits too! </li></ul>
  131. 144. With WP template tag
  132. 145. Or with straight HTML
  133. 146. Template Pages
  134. 147. Page uses “no sidebar” template
  135. 148. Add Page – Select Template
  136. 149. Editing a Template
  137. 150. Web Developer Firefox Add On
  138. 151. Artiseer ($) Theme Designer
  139. 152. Handy Plugins
  140. 153. My Page Order http://wordpress.org/extend/plugins/my-page-order/
  141. 154. My Page Order http://wordpress.org/extend/plugins/my-page-order/
  142. 155. AWS Easy Page Link <ul><li>Adds list of pages to the Insert Link dialog box </li></ul><ul><li>VERY handy! </li></ul><ul><li>(note: doesn’t work with WP MU) </li></ul>http://wordpress.org/extend/plugins/aws-easy-page-link/
  143. 156. WP Contact Form Plugin http://wordpress.org/extend/plugins/wp-contact-form/
  144. 157. Add <!--contact form--> to a page
  145. 158. MobilePress <ul><li>Detects mobile device </li></ul><ul><li>Displays mobile version of page </li></ul>http://wordpress.org/extend/plugins/mobilepress/
  146. 159. MobilePress
  147. 160. Page Links To
  148. 161. Page Links To
  149. 162. Flexi Pages <ul><li>Many options for PAGES Widget </li></ul><ul><li>List subpages only on the relevant pages </li></ul><ul><li>Easily exclude pages </li></ul>http://wordpress.org/extend/plugins/flexi-pages-widget/
  150. 163. aggr – rss feed tool <ul><li>Place this code on page </li></ul><ul><li><!--rss url=“ http://feed.address.here /&quot;--> </li></ul>http://perassi.org/p/aggr/
  151. 164. aggr – rss feed tool
  152. 165. OpenBook Book Data http://johnmiedema.ca/portfolio/openbook-wordpress-plugin/
  153. 166. More Plugins… <ul><li>There are more plugins on your test site! </li></ul><ul><li>And still more listed at: </li></ul><ul><ul><li>http://delicious.com/grdnldy/wordpress+plugins </li></ul></ul><ul><ul><li>http://wordpress.org/extend/plugins/ </li></ul></ul>
  154. 167. Some books <ul><li>WordPress For Dummies 2 nd edition by Lisa Sabin Wilson </li></ul><ul><li>WordPress 2.7 Cookbook by Jean-Baptiste Jung </li></ul><ul><li>WordPress 2.7 Complete by April Hodge Silver & Hasin Hayder </li></ul>
  155. 168. More Help! <ul><li>WordPress Codex - http://codex.wordpress.org/ </li></ul><ul><li>WordPress Forums - http://wordpress.org/support/ </li></ul><ul><li>WordPress FAQ’s - http://codex.wordpress.org/FAQ </li></ul><ul><li>New to WordPress? –tips http://codex.wordpress.org/FAQ_New_To_WordPress </li></ul>
  156. 169. Thank you! http://lib20.pbworks.com
  157. 170. Photo Credits <ul><li>Jamison Judd, Server Rack , April 21, 2008, Flickr, http://www.flickr.com/photos/jamisonjudd/2433102356/ </li></ul><ul><li>Joe Popp, 'THAT WAS EASY!' , January 24, 2006, Flickr, http://www.flickr.com/photos/spackletoe/90811910/. </li></ul><ul><li>Open Source Graphic: www.lumaxart.com </li></ul>

×