ECUAD Outlines, WordPress

Intro to WordPress

Introduction to WordPress

Course Number:       CEDA 250  S001 / S002

Instructor: Kevin  McMillan
Number of Sessions 4
Day and Time Sunday / 9:30 am – 4:30 pm
Start Date February 29, 2016
Room 121

Course Description

An introduction to web design using the WordPress platform, this four-day course offers an in-depth look at the technology and skills needed to develop a web site. Through the production of your own site, you will learn how to install WordPress and make posts, pages, and galleries. In addition, you will learn how to use WordPress templates, plugins, widgets, comment forms, and more. The course will demonstrate a variety of approaches that outline the easiest and most effective ways of designing and managing your personal WordPress site.

COURSE LEARNING OUTCOMES + OBJECTIVES

Students will learn how to set up and maintain their own website using WordPress on their own domain.

SCHEDULE OF INSTRUCTIONAL DELIVERY

Note: like anything in life, this schedule is subject to occasional change.

  • Day One:
    WP.com vs WP.org vs Static Websites
    Initial Site Setup
    Users
    Posts, Pages
    Categories, Tags
    Bulk Edits
    Images, Galleries
    YouTube, Google Maps
    Feature Images
    Menus
  • Day Two:
    Comments ( and Comment spam )
    Themes From WP Repository & Elsewhere
    WP Security Pt 1
    Widgets
    Plugins
    Backing Up WP
  • Day Three
    Some Exemplary Themes: Parabola, Verbosa, Fluida, Ryo, Hatch, Gridly, Graphene, & others
    WordPress Security 2 & Performance
    Custom CSS
    Domains & Hosting
    Setting Up A Testing Environment: MAMP
  • Day Four:
    Introduction to Child Theming
    Working on your own sites
    Course Evaluation

Assignments

Week One: Make A Website

  • delete the posts and pages we have now
  • delete the images
  • make at least five posts
  • add images to posts
  • make an image gallery
  • add two youtube videos to a post
  • make a beautiful banner
  • add a Vimeo video to a post
  • make one image in a post link to another web site
  • organize your content into categories
  • make at least one menu
  • Widget / Media Embedding Task: Spotify
  • Get a WordPress.com account.
    We will use it next day with two or three plugins or services.

Week Two: Theme Testing

  • Test at least three themes from the theme directory
  • Get a WordPress.com
  • Set up a gmail account for backup

Week Three: Work On Your Own Site

  • Get your own Domain (optional)
  • Enter Content
  • Decide on a Theme

After the Course

  • Keep tweaking your site

Resources

If you have a Lynda.com account, the WordPress videos by Morten Rand-Hendriksen are excellent. If you don’t have a Lynda.com account, it’s $25 – $35 per month really well spent.

If you are a Langara student, or an ECUAD regular studies student, you can access Lynda.com for free via institutional login. Another option, if you have a Vancouver Public Library card, is via the link below:

https://www.vpl.ca/extDB/login.remoteDB_Ly?LyndaDotCom

Start with WordPress Essential Training, then move on to one of the many others, depending on your particular interests.

Rand-Hendrickson’s videos are highly recommended: he has expert knowledge of the subject, which he delivers in a very concise and well-organized manner. He also updates his content for each significant upgrade of the program.

For a good overview of most of the WordPress basics, consult this excellent article from the online repository of WordPress wisdom known as the Codex.

http://codex.wordpress.org/First_Steps_With_WordPress

If you don’t have a way to access Lynda.com but still want a video review of the stuff we do in class, check out the free WPTuts Beginner’s Guide to WordPress series of videos.

Keep in mind, however, that because WordPress is updated on a very regular basis, content in some of the videos might appear different from how it appears in the software. That’s the price of progress, but most of the video content will still be applicable.

The files we need for class one:

DTN Mag Images
Images-1800×1200
Images-Patterns
Images-JayMantri (20MB)

WordPress.com vs WordPress.org

DIYThemes.com: WP.com vs WP.org
WPBeginner.com Infographic / Chart

Commenting

How to completely turn off Commenting

Discussion of Popular Plugins

http://wpmu.org/top-100-wordpress-plugins/

 

Local Testing And Theme Development

How to Set Up A Local WordPress Install for Testing (MAMP)

Links

Anatomy of a WordPress Theme Development

Tons of WordPress Links
Tons More WordPress Links

Themes

Parabola
Hatch
Ryo
Max Magazine
Custom Community
Gridly
Dzonia
Imbalance 2

Plugins

Yet Another Related Posts Plugin (YARPP)
Contact Form 7
TubePress
Quotes Collection
WP-Polls
WP-Typography
Akismet
JetPack
W3 Total Cache
Regenerate Thumbnails
Ultimate Maintenance Mode
Galleria
Simple Custom CSS
Google Analytics
WordPress SEO by Yoast
Soliloquy

WordPress Exercise Series 1

Standard
WordPress

More WordPress Links

Discussion of 100 Popular Plugins:
http://wpmu.org/top-100-wordpress-plugins/

Links to 100 WP-Related Blogs
http://wpmu.org/the-wpmu-100-the-top-wordpress-related-blogs-on-the-internet/ 

Discussion of Twenty Contact Form Plugins
http://sixrevisions.com/wordpress/free-contact-form-plugins/ 

Woo Themes Free Themes
http://www.woothemes.com/themes/free/

Woo Themes Video: WP.com vs WP.org
http://vimeo.com/17147781

WP.com vs WP.org: Which Should You Use?
http://www.expand2web.com/blog/wordpressorg-vs-wordpresscom-which-one-should-i-use/

Woo Themes Video: How to use Firebug to Modify a WP Theme
http://vimeo.com/20917974

WP vs Drupal vs Joomla Faceoff Infographic
http://wprockers.com/faceoff-wordpress-vs-drupal-vs-joomla-infographic-1373.html#comment-2840

Designing Headers
http://codex.wordpress.org/Designing_Headers#Rotating_Header_Images

Using HTML Tables in Posts ( Three Plugins Discussed)
http://wprockers.com/how-to-create-html-tables-in-wordpress-blog-post-easily-1100.html

Embedding Google Docs in a Post or Page
http://wn.com/How_to_embed_a_Google_Doc_into_Wordpress_Blog

Embedding a Google Form into a Post or Page
http://wn.com/How_to_embed_a_Google_Doc_into_Wordpress_Blog

Using Themes
http://codex.wordpress.org/Using_Themes

Theme Unit Test
http://codex.wordpress.org/Theme_Unit_Test

WordPress Site Design & Layout (lots of links)
http://codex.wordpress.org/Blog_Design_and_Layout

Know Your Sources (tons of links)
http://codex.wordpress.org/Know_Your_Sources

WP Layout & Design FAQ
http://codex.wordpress.org/FAQ_Layout_and_Design

WP Theme Development
http://codex.wordpress.org/Theme_Development

Creating a Favicon With WP
http://codex.wordpress.org/Creating_a_Favicon

Increasing WP Security
http://wprockers.com/beyond-the-wordpress-5-minute-installations-1442.html

11 Quick Tips to Increase WP Security
http://wp.tutsplus.com/tutorials/11-quick-tips-securing-your-wordpress-site/

10 Steps to Securing Your WordPress Installation
http://wp.tutsplus.com/tutorials/10-steps-to-securing-your-wordpress-installation/

Woo Themes Videos
http://vimeo.com/woothemes/videos

Post Formats
http://codex.wordpress.org/Post_Formats

More on Post Formats
http://lisasabin-wilson.com/wordpress-3-1-post-formats-reference

Setting up WordPress MultiSite
http://wptheming.com/2010/03/wordpress-3-0-enable-network/

Adding Copyright Information to Your Footer
http://tutzone.net/2011/08/add-copyright-text-site.html

Change Default Gravatar Image in Your Theme
http://tutzone.net/2010/08/change-default-gravatar-to-your-choice-in-wordpress.html

Tutszone Free WordPress Photo Gallery Themes
http://tutzone.net/2009/11/free-wordpress-photo-gallery-themes.html

How to Automatically Backup Your WP Site to DropBox
http://tutzone.net/2011/06/how-to-automatically-backup-your-wordpress-blog-to-dropbox.html

WordPress Keyboard Shortcuts
http://en.support.wordpress.com/editors/keyboard-shortcuts/

WordPress JetPack Discussed
http://www.youtube.com/watch?v=cRpc_RI3FmY&feature=related

Simple FaceBook Connect Discussed
http://www.youtube.com/user/presssavvy#p/u/3/XeRHOwiBFEU

Gravity Forms Discussed
http://www.gravityforms.com/

WPCandy’s Huge List of WP News Sources
http://wpcandy.com/presents/every-wordpress-news-source-wpcandy-follows

Using Google Resources in WP
http://wpcandy.com/teaches/how-to-utilize-google-in-wordpress#more-13022

Video Gallery Plugin: TubePress
http://wordpress.org/extend/plugins/tubepress/

Standard