Websites With Word Press


Published on

Published in: Economy & Finance, Technology
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Websites With Word Press

  1. 1. Websites with WordPress Design, create, and manage your own website Created by Michael Allen @ Creative Curriculum Consulting
  2. 2. Agenda <ul><li>Introductions </li></ul><ul><li>Objectives/Purpose </li></ul><ul><li>Course Structure </li></ul><ul><li>Rules of Engagement </li></ul><ul><li>Surveys/Evaluations </li></ul><ul><li>Learning Modules </li></ul><ul><li>Questions and Answers </li></ul>
  3. 3. Introductions <ul><li>Please introduce yourself: </li></ul><ul><ul><li>Name </li></ul></ul><ul><ul><li>Previous experience with blogs and websites </li></ul></ul><ul><ul><li>What you want to gain from the workshop </li></ul></ul>
  4. 4. Objectives <ul><li>After this training you will be able to: </li></ul><ul><li>Identify the major components of a blog </li></ul><ul><li>Locate the key features of WordPress </li></ul><ul><li>Plan and design a website </li></ul><ul><li>Use WordPress to create a website </li></ul>
  5. 5. Course Structure Demonstrations / Exercises Presentation Questions/Answers
  6. 6. Rules of Engagement <ul><li>Please do not access your personal email </li></ul><ul><li>Turn off cell phones and pagers </li></ul><ul><li>Please honor break time limits </li></ul><ul><li>Participate, this is your class </li></ul><ul><li>Ask questions at any time </li></ul><ul><li>Still don’t get it – ASK AGAIN </li></ul><ul><li>Be willing to experiment new ideas and techniques </li></ul><ul><li>Offer suggestions for improvements </li></ul>
  7. 7. Surveys/Evaulations <ul><li>You will be asked to complete two surveys </li></ul><ul><ul><li>Pre-Workshop Survey </li></ul></ul><ul><ul><li>Post-Workshop Survey </li></ul></ul><ul><li>You will be asked to complete a workshop evaluation </li></ul><ul><li>Please complete the Pre-Workshop Survey </li></ul>
  8. 8. Learning Modules 2. Tour 1. Introduction 3. Plan 6. Manage 4. Create 6. Manage 5. Explore
  9. 9. Introduction to Blogs & WordPress 2. Tour 1. Introduction 3. Plan 6. Manage 4. Create 6. Manage 5. Explore
  10. 10. What is a Blog? <ul><li>Abbreviation of the words “Web and Log” </li></ul><ul><li>Ongoing chronicle of information </li></ul><ul><li>Frequently updated </li></ul><ul><li>Commonalities: </li></ul><ul><ul><li>Main content area with posts </li></ul></ul><ul><ul><li>Archive of older posts </li></ul></ul><ul><ul><li>A way for people to leave posts </li></ul></ul><ul><ul><li>Links to other sites </li></ul></ul><ul><ul><li>One or more RSS Feeds (Real Simple Syndication) </li></ul></ul>
  11. 11. History of WordPress <ul><li>Started in 2003 with a bit of code </li></ul><ul><li>Created as a personal publishing software </li></ul><ul><li>The largest self hosting blogging tool in the world </li></ul><ul><li>Open Source: </li></ul><ul><ul><li>Everyone has access to it </li></ul></ul><ul><ul><li>Everything is written by and for the community </li></ul></ul><ul><ul><li>Free to use </li></ul></ul><ul><li>Can download and customize </li></ul>
  12. 12. Origin of the WordPress Name <ul><li>Wanted to associate the new software with printing presses </li></ul><ul><li>“Press” refers to journalists, photographers, columnists </li></ul><ul><li>Serves as a “printing press” for users to publish their “words” </li></ul>
  13. 13. Tour of WordPress 2. Tour 1. Introduction 3. Plan 6. Manage 5. Explore 4. Create
  14. 14. The Dashboard To see the actual site Recent activity on your site Pop ul ar posts and sites Topic menu bar Sub-topic menu bar
  15. 15. Presentation: Themes Style, look, and feel
  16. 16. Presentation: Widgets Items in your sidebar navigation
  17. 17. Site Management Manage all of your posts, pages, uploads, categories
  18. 18. Comments Moderate comments left by others
  19. 19. Home Page Title and header Sidebar navigation Most recent posts
  20. 20. Plan a Website 2. Tour 1. Introduction 3. Plan 6. Manage 5. Explore 4. Create
  21. 21. Mission Statement <ul><li>First step is to determine the purpose, content, and audience of your website </li></ul><ul><li>Think about the following questions: </li></ul><ul><ul><li>What am I going to do with this? </li></ul></ul><ul><ul><li>Who is going to read this? </li></ul></ul><ul><ul><li>What kind of information will I be posting? </li></ul></ul><ul><ul><li>Why am I doing this? </li></ul></ul><ul><ul><li>Who am I doing this for? </li></ul></ul><ul><ul><li>How often am I going to be posting and adding information? </li></ul></ul>
  22. 22. Title and Tagline <ul><li>Title </li></ul><ul><ul><li>Think about the title of your site should be </li></ul></ul><ul><ul><li>Be creative but keep it simple </li></ul></ul><ul><li>Tagline </li></ul><ul><ul><li>Short phrase or slogan </li></ul></ul><ul><ul><li>Describes the essence, attributes, & character </li></ul></ul>
  23. 23. Sidebar <ul><li>Customize your site by determining the information you want to have accessible </li></ul><ul><li>Organized into links called “widgets” </li></ul><ul><li>Used to navigate within and outside of your site </li></ul>
  24. 24. Widgets <ul><li>Here are just a few of the widgets you can add: </li></ul><ul><ul><li>Calendar Archives Blogroll RSS Feed Tag Cloud Top Posts Search Vod: Pod Categories Plug-ins Comments Flikr Recent Posts </li></ul></ul><ul><ul><li>Search Pages </li></ul></ul>
  25. 25. Identified Sidebar Widgets <ul><li>Pages: </li></ul><ul><ul><li>“ About”, “Daily Schedule” </li></ul></ul><ul><li>Blogroll: </li></ul><ul><ul><li>“ http:// /kids ”, </li></ul></ul><ul><ul><li>“ http:// ” </li></ul></ul><ul><li>Categories: </li></ul><ul><ul><li>“ Ask the Teacher”, “Homework”, </li></ul></ul><ul><ul><li>“ Weekly Bulletins”, “Special “Announcements </li></ul></ul><ul><li>RSS Feed: </li></ul><ul><ul><li>http:// </li></ul></ul><ul><li>Calendar </li></ul><ul><li>Archives </li></ul>
  26. 26. Biographical Statement <ul><li>A brief history of yourself </li></ul><ul><li>Include any professional, personal, or educational information </li></ul><ul><li>What you want viewers of your site to know about you </li></ul>
  27. 27. Username and Password <ul><li>Words used to access your site </li></ul><ul><li>Choose ones that you can easily remember </li></ul>
  28. 28. Welcome Message <ul><li>A brief message that welcomes viewers to your site </li></ul>
  29. 29. Create a Website 2. Tour 1. Introduction 3. Plan 6. Manage 5. Explore 4. Create
  30. 30. Create an Account <ul><li>Open browser and type in </li></ul><ul><li>Click Start your free WordPress Blog </li></ul>
  31. 31. Create an Account <ul><li>Type in your “username” in the Username Box </li></ul><ul><li>Type in your “email address” in the Email Box </li></ul><ul><li>Check the box next </li></ul><ul><li>to Legal flotsam </li></ul><ul><li>Click Next </li></ul>
  32. 32. Create an Account <ul><li>Identify your site’s domain name </li></ul><ul><li>Enter your “Blog Title” </li></ul><ul><li>Click Sign Up </li></ul>
  33. 33. Create an Account <ul><li>Open the email sent by WordPress and locate your initial password </li></ul><ul><li>Return to http:// www.wordpress com </li></ul><ul><li>Type in your “username” and “initial password” </li></ul><ul><li>Click Enter </li></ul>
  34. 34. Update Profile <ul><li>Click Users on the topic menu bar </li></ul><ul><li>Click Your Profile in sub-topic bar </li></ul>
  35. 35. Update Profile <ul><li>Type your “first name, last name, and nickname” in the Name section </li></ul><ul><li>Type your “autobiographical statement” in the About Yourself section </li></ul><ul><li>Type your “email” and “website address” in the Contact Info section </li></ul><ul><li>Type your “new password” twice in the Password section </li></ul><ul><li>Click Update Profile </li></ul>
  36. 36. Create Title and Tagline <ul><li>Click Options in the topic menu bar </li></ul><ul><li>Type your “website’s title” in the Weblog Title box </li></ul><ul><li>Type your “website’s tagline” in the Tagline box </li></ul><ul><li>Click Update Options </li></ul>
  37. 37. Manage Categories <ul><li>Add a Category </li></ul><ul><li>Click Manage in the topic menu bar </li></ul><ul><li>Click Categories in the sub-topic menu bar </li></ul><ul><li>Click Add New </li></ul><ul><li>Type “Ask the Teacher” in the Category Name box </li></ul><ul><li>Type a brief description of the category in the Description box </li></ul><ul><li>Click Add Category </li></ul><ul><li>Repeat the steps above to create these categories: </li></ul><ul><li>“ Homework” </li></ul><ul><li>“ Weekly Bulletins” </li></ul><ul><li>“ Special Announcements” </li></ul>
  38. 38. Manage Pages <ul><li>Click on Manage in the topic menu bar </li></ul><ul><li>Click on Pages in the sub-topic menu bar </li></ul><ul><li>Edit Page </li></ul><ul><li>Click Edit for the page About </li></ul><ul><li>Delete the text in the Page Content section </li></ul><ul><li>Type your “Mission Statement” </li></ul><ul><li>Click Save </li></ul>
  39. 39. Manage Pages <ul><li>Create Page </li></ul><ul><li>Click Create Page </li></ul><ul><li>Type Daily Schedule in the Page Title box </li></ul><ul><li>Click Publish </li></ul>
  40. 40. Manage Posts <ul><li>Delete a Post </li></ul><ul><li>Click Manage in topic menu bar </li></ul><ul><li>Click on Posts </li></ul><ul><li>Locate the example post </li></ul><ul><li>Click Delete for the post </li></ul><ul><li>Click OK in dialogue box </li></ul>
  41. 41. Manage Posts <ul><li>Write a Post </li></ul><ul><li>Click Write in the topic menu bar </li></ul><ul><li>Click Write Post in the sub-topic menu bar </li></ul><ul><li>Type your “welcome message title” in the Title box </li></ul><ul><li>Type your “welcome message” in the Post box </li></ul><ul><li>Use the tool bar to edit and format your message </li></ul><ul><li>Click Uncategorized in the Categories box </li></ul><ul><li>Click Publish to publish your post to your website </li></ul>
  42. 42. Change Theme <ul><li>Click Presentation in the topic menu bar </li></ul><ul><li>Scroll down to find a theme you like </li></ul><ul><li>Click on the “theme title” </li></ul><ul><li>(website is automatically updated with new theme) </li></ul><ul><li>Scroll to the top and click View Site </li></ul><ul><li>Click your browser’s back button </li></ul><ul><li>Locate and click the theme “Quentin” </li></ul>
  43. 43. Manage Widgets <ul><li>Click Presentation in the topic menu bar </li></ul><ul><li>Click Widgets in the sub-topic menu bar </li></ul><ul><li>Add RSS Feed </li></ul><ul><li>Find the widget RSS 1 in the Available Widgets box </li></ul><ul><li>Drag the widget RSS 1 to the sidebar box </li></ul>
  44. 44. Manage Widgets <ul><li>Double click on the Configure Icon on the right side of the widget </li></ul><ul><li>Locate the pop-up dialogue box </li></ul><ul><li>Type the URL address: http:// in the RSS/Feed box </li></ul><ul><li>Type “Science Right Now!” in the Title box </li></ul>
  45. 45. Manage Widgets <ul><li>Add Calendar </li></ul><ul><li>Find the widget Calendar in the Available Widgets box </li></ul><ul><li>Drag the widget Calendar to the sidebar box </li></ul><ul><li>Repeat the steps above to create these widgets </li></ul><ul><li>Archives </li></ul><ul><li>Links </li></ul><ul><li>Pages </li></ul><ul><li>Categories </li></ul><ul><li>Click Save Changes </li></ul>
  46. 46. Manage Comments <ul><li>Click Comments </li></ul><ul><li>Click Delete on “test comment” </li></ul><ul><li>Click OK in dialogue box </li></ul><ul><li>Edit, delete, approve and un-approve comments </li></ul><ul><li>Email is received when new comments are written and posted </li></ul>
  47. 47. Manage Blogroll <ul><li>Add a Link </li></ul><ul><li>Click Blogroll in the topic menu bar </li></ul><ul><li>Click Add Link in the sub-topic menu bar </li></ul><ul><li>Type “Environmental Kids Page” in the Title box </li></ul><ul><li>Type “ http:// /kids ” in the Address box </li></ul><ul><li>Check Blogroll in the Categories box </li></ul><ul><li>Click Add Link </li></ul>
  48. 48. Manage Blogroll <ul><li>Repeat the steps above to create links for the following: </li></ul><ul><li>“ Scholastic Kid page” “ http:// /kids ” </li></ul><ul><li>“ Yahooligans” “ http:// ” </li></ul>
  49. 49. Explore Some Websites 2. Tour 1. Introduction 3. Plan 6. Manage 5. Explore 4. Create
  50. 50. Website Addresses <ul><li>Identify the web addresses of the WordPress sites created by workshop participants </li></ul><ul><li>Make a list of these websites to use as a resource </li></ul><ul><li>Trade your website address with one other participant </li></ul>
  51. 51. Leave a Comment <ul><li>Open up a new web browser window </li></ul><ul><li>Type in the “web address” of your partner’s site </li></ul><ul><li>Read the Introduction Post </li></ul><ul><li>Click Comment </li></ul><ul><li>Type “your name” </li></ul><ul><li>Type “your email address” </li></ul><ul><li>Type “your comment” </li></ul><ul><li>Click Submit Comment </li></ul>
  52. 52. Award Winning Sites <ul><li>Open a new web browser </li></ul><ul><li>Type in: </li></ul><ul><li>Scroll to view different sites </li></ul><ul><li>Click on a site you would like to see </li></ul><ul><li>Continue to choose other sites to visit </li></ul>
  53. 53. Manage Your Website 2. Tour 1. Introduction 3. Plan 6. Manage 5. Explore 4. Create
  54. 54. Resources <ul><li>Here are two excellent resources to help you expand, modify, and manage your website </li></ul><ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul>
  55. 55. Question and Answer <ul><li>Please ask questions for additional: </li></ul><ul><ul><li>Clarification </li></ul></ul><ul><ul><li>Help </li></ul></ul><ul><ul><li>Support </li></ul></ul><ul><ul><li>Concerns </li></ul></ul><ul><ul><li>Guidance </li></ul></ul>
  56. 56. Evaluations <ul><li>Please complete the Post-Workshop </li></ul><ul><li>Survey </li></ul><ul><li>Please complete the workshop evaluation form </li></ul>