WMADD 4840 | Content Management Systems |
Credits: 3 | Room: B015 (Mac Lab) |
Contact Info: Kevin McMillan Office A248 604.323.5941 |
Days & Times: Spring 2019 Mondays: 930 – 1230 |
find my office | Office Hours Tuesdays 130-430 |
This class will cover Content Management Systems, specifically WordPress—by far, the most popular CMS in the world. Here are a few lists of major sites running WordPress as well as a bunch of WP statistics.
Like anything in life, this outline is subject to occasional changes.
Throughout the term, I will add links to additional supporting content.
I want to make as much of your learning task-based, so nearly every week there will be problem-solving exercises to be completed in class or over the week.
Learning Outcomes
Upon successful completion of this course, students will be able to
- install a Content Management System (CMS) framework on a production web server
- configure a local testing environment with the same CMS
- evaluate, install and configure appropriate CMS themes, modules, widgets, and plugins
- create content, media, menu structures & content types
- create and restore data and system backups
- identify and implement appropriate security and anti-spam measures (user accounts, permissions, patches, etc.)
- customize themes
- write basic themes
Textbook / Reference Material
There is no textbook for this course: we will use primarily online sources.
Lynda.com Videos
Installing and Running WordPress: MAMP (chapters 1 & 2 )
WordPress: Essential Training (all chapters)
WordPress: Building Themes From Scratch Using Underscores
WordPress: Developing Secure Sites
How to Login To Lynda.com With a Langara ID
WordPress References
The WordPress Codex
WordPress Developer Resource
Codex: Stepping into Template Tags
Codex: Template Tags List
Codex: Conditional Tags
WordPress Cheat Sheets
WP Mega Cheat Sheet
WP Developer Super Cheat Sheet
Course Structure
The class schedule is detailed below.
Techniques learned in one assignment or exercise will always be the starting point for subsequent ones. Be assured, therefore, that no lectures or required video viewings can be easily missed.
It is your responsibility to make sure that you do not miss any announcements or course materials given in any class. Any additional announcements will be made via email to your mylangara accounts.
Main Assignment: Theme Project | 30% | |
Quizzes | 15% | |
Lab Exercises | 15% | |
Midterm | 20% | |
Final | 20% |
Note, also, that dates listed can change in response to class progress.
Image Downloads
I’m putting these here, because we will use them in a number of classes:
- DTN Mag Images
- Images-1800×1200
- Images-Patterns
- Images-JayMantri (20MB)
- Unsplash: Vancouver 2019
- Unsplash: Cities 2019
Week 1: Jan 07 ( Intro to Content Management )
- CMS vs Static Sites / WordPress.com vs WordPress.org models
- Setup of Local Testing Environment: MAMP
- WP Dashboard
- WP Editing Area
- Media / Galleries
- Embeds
- Posts
- Pages
Weekly Videos
- Installing and Running WordPress: MAMP Chapters 1 & 2
- WordPress 5.0 Essential Training, Chapter 1 – 5
Resources
- Comparison: DotOrg vs DotCom
- Setting Up A Test Environment With MAMP
- Langara Lab MAMP Network Proxy Setting Fix
- Major sites running WP and a bunch of WP statistics.
Lab Exercises / Howework
Week 2: Jan 14 ( Site Configuration )
- Posts vs Pages Review
- Settings / Customizer
- Menus
- WP Importer
- Intro to WordPress CSS
- Permalinks
- Comments
- Classic Editor
Weekly Videos
- WordPress 5.0 Essential Training, Chapter 6
Lab Exercise / Homework
Week 3: Jan 21
- Quiz Number 1
- User roles
- Security pt 1
- Automated Backup
- Hacks
- Midterm Preparation
Weekly Videos
- WordPress 4 Essential Training, Chapters 7, 8, 9, 10
- Lynda.com: WordPress—Developing Secure Sites (all chapters)
Lab Exercises (Homework: Due at the Start of Next Class)
Week 4: Jan 28 ( Moving a Site )
- Duplicator plugin
- Fresh install on host class demo
- Transferring a locally-created site to a remote host class demo
Weekly Videos
- Lynda.com: WordPress—Developing Secure Sites (all chapters)
Resources
Lab Exercises
- WordPress Configuration Exercise #8234
- Major Plugins Exercise
- WordPress Lab Exercise 5: Themes
- Midterm Practice Exercise 1 DON’T DO: broken plugins…
Week 5: Feb 04 ( Midterm )
- For the midterm, you will be given content, and asked to configure a particular theme and plugin(s).
- This is a bit early for a midterm, but I wanted more class time to focus on theme building.
Weekly Videos (Watch by Next Class)
- Lynda.com: Building Themes From Scratch Using Underscores
Chapters 2.1, 2.2, 2.3
Weekly Reading (Read by Next Class)
Week 6: Feb 11 ( Introduction to Theming )
- The Template Hierarchy
- The Loop
- Basic Template Tags
- WordPress CSS Structure
- Time Permitting: get_template_part
Weekly Videos
- Building Themes From Scratch Using Underscores, Chapters Introduction, 1 & 2
- Skip Video on “Automate Theme Development With Gulp” for now. We will cover that soon in WMDD 4835.
Resources
- The WordPress Template Hierarchy (with a good video explanation)
- Tuts+: WordPress Template Hierarchy Graphic Map
- Tuts+: WordPress Page Anatomy Diagram
- Complete List of Template Tags
Lab Exercises
- WP Bare Bones Theming Exercise
- WP Bare Bones Theming Exercise: Common Template Tags
- WP Bare Bones Theming Exercise: Get Template Part & Template Hierarchy
Week 7: Feb 18 (Reading Week)
- College is open, but there are no classes
Week 8: Feb 25 ( Underscores Introduction )
- Underscores SASS Setup
- The Loop in Underscores: get_template_part
- functions.php: menus
- enqueue_style
- enqueue_script
Weekly Videos
- Building Themes From Scratch Using Underscores, Chapter 3 & 4 (Skip Video on Translators & Preconnection)
Lab Exercises
- Download: Theming Basics Duplicator Package
- Underscores Menu Exercise
- Underscores Menu Exercise: Enqueuing
Resources
- Marksheet.io: SASS: CSS With Superpowers
- SASS Basics 2018
- SASS Essentials 2018: Partials
- SASS Essentials 2018: Variables
- SASS Essentials 2018: Mixins
Week 9: March 04 ( Underscores 2 )
- WP Template Hierarchy 2
- Leveraging WordPress CSS
- Underscores and Gutenberg Editor
Resources
- Default WordPress CSS Classes
- Another Listing of WP CSS Classes, from Chris Coyier
- Even More From Chris Coyier on the Subject…
Lab Exercise
Week 10: March 11 ( Underscores 3)
- get_template_part()
- wp conditions
- wp_query: multiple loops
- more WP CSS & underscores SASS
Resources
Weekly Videos
Lab Exercise
- Custom Loops WP-QUERY Exercise (Pedalmania)
Week 10: March 18 ( Underscores 4 )
- nested loops
- custom post types
- custom fields
Weekly Videos
Lab Exercise
- Imaginary Film Festival
- IFF Home Page
- IFF Template Parts And Conditions
- IFF Custom Fields
- IFF do_shortcode()
- IFF Remaining Tasks
- IFF JavaScript
Week 11: March 25 ( Underscores 5 )
- Custom Meta Data
- Custom Post Types