Websites with WordPress by John Gregory: Class 1

Print

Agenda

  1. Introductions - personal history with websites, plans for the future, what do you hope to get from the class
    1. http://livingstonyouthsoccer.org/, http://connectedlearning.us/, http://pblj.net/, http://nightowlrun.com/, http://livingstonace.org/
  2. Basic HTML
    1. Make an html file with Notepad, save it, open it with Internet Explorer
    2. Show source for a webpage
    3. Good reference http://www.w3schools.com/
  3. WYSIWYG editors: Adobe DreamWeaver ($400)
  4. CMS - Content Management Systems: WordPress, Joomla, Drupal
  5. Open Source Software
  6. WordPress.org
    1. What is WordPress? blog software, website software, database, frontend, backend / control panel, multi-user
  7. Domain names, Registrars & Web Hosts
  8. WordPress.com
    1. Create account, login
    2. Difference between .org & .com
  9. Content Management vs Design
    1. Posts & Pages & Media
    2. Lorem Ipsum, http://www.lipsum.com/
    3. Cutting & Pasting dangers
    4. The extra space when using "Enter"
    5. Fonts
    6. Insert Media: picture, audio, other doc, poll, forms
    7. make a change, check the website
    8. screen options
    9. Assignment 1
      1. 3 posts: 1 with link & comments, 1 with picture & no comments, 1 with document & password protected
      2. 3 pages: 1 with link, 1 with picture, 1 with document
    10. Polls & Forms
    11. Assignment 2
      1. Make a Poll
      2. Make a Form
 

Classmates Websites

Print

cozycards.wordpress.com - Mark

understandingalzheimers.wordpress.com - Barbara

murphymoments.wordpress.com - Alan

tietheknotflyfishing.com - Molly

johngregory317.wordpress.com - John

stpaulslivingston.wordpress.com - Fred

livingstonartcenter.wordpress.com - Beth

divaofdelish.wordpress.com - Deb

averyson.wordpress.com - Avery

dirtmann.wordpress.com - Darlene

 

Websites with WordPress by John Gregory: Class 2

Print

Agenda

  1. Review
    1. pages, posts, images
    2. polls & forms
  2. Assignment
    1. Put a poll in a Post
    2. Put a Form on a Page
    3. Fill out two of your classmates forms
    4. Fill out two of your classmates polls
    5. Check back to your website
    6. Check stats
  3. Black bar across top
  4. More on Pages
    1. Show control panel with multiple pages of posts
    2. Pages and Sub-Menus
    3. Screen Options
    4. status
    5. Visibility
    6. Parent
    7. Template
    8. Order
  5. Links
  6. Appearance → Widgets
  7. Assignment
    1. Make two different categories
    2. Make two links in each category
  8. Comments
  9. Settings → Discussion
  10. Assignment
    1. Comments on two other students' websites
    2. Check out what they look like in control panel and on website
  11. Appearance
    1. themes
      1. http://wordpress.org/extend/themes/
      2. http://www.wordpressthemes.com/
      3. install downloaded theme on connectedlearning.us
    2. widgets
    3. menus
      1. widget → custom menu
    4. various options depending on installation and pluging
  12. Recommended WordPress webhosts: http://wordpress.org/hosting/
 

Websites with WordPress by John Gregory: Class 3

Print

Agenda

  1. Review
    1. Show class info on LivingstonACE.org
    2. Collect any remaining websites
    3. Themes
      1. Demonstrate by installing Vigilance
      2. ask students to find and install a theme
    4. Widgets
      1. demonstrate with calendar and pages
      2. ask students to put “text” in sidebar
    5. Menus
      1. demonstrate with “Test Menu”
      2. demonstrate a custom Link
      3. ask students to do the same
    6. Demonstrate adding custom menu widget to third column only on one page using ConnectedLearning.us
  2. COM vs ORG revisited http://en.support.wordpress.com/com-vs-org/
  3. Plugins
    1. What WordPress.com says about plugins http://en.support.wordpress.com/plugins/
    2. Demonstrate searching and installing a plugin
      1. Add New - Search for Widget, Use Sidebar Login, demonstrate
      2. Discuss Editor
      3. Deactivate & delete
    3. Discuss ones I have used
      1. WP-Table Reloaded - discuss & demonstrate
      2. Contact Form 7 - discuss & demonstrate
  4. Fonts
    1. History
      1. fonts only work if they are installed on a person’s computer
      2. font are proprietary, must be purchased
      3. web fonts - don’t have to be installed on computer
    2. Format: <p> <h1> <h2> <h3>...
      1. consistent style across website
      2. controlled by CSS (cascading style sheets)
      3. controlled by theme
    3. WordPress.com
      1. Appearance → Custom Design
    4. WordPress
      1. Appearance → Editor
        1. Demo with Classic
      2. Dean’s FCKEditor
        1. Style, font, size
      3. Google Fonts - http://www.google.com/webfonts
    5. Molly’s theme - http://themeforest.net/item/udesign-wordpress-theme/253220
    6. Web Browser control
  5. Users
    1. Difference between WP.COM & WP
    2. Add new
    3. Plugin - User Role Editor - discuss & demonstrate
  6. Tools
    1. Import / Export - demonstration
    2. Plugin - search for Backup
  7. Settings
    1. General: title, tagline, timezone
    2. Writing
    3. Reading: frontpage
    4. Discussion: comments, avatars
    5. Media: image sizes
    6. Privacy
    7. Permalinks (just WP)
    8. Sharing (just WP.COM)
      1. plugins...
 
Joomla16 Appliance - Powered by TurnKey Linux