WMADD 4835 | Content Management Systems |
Credits: 3 | Room: B014 |
Contact Info: Kevin McMillan Office A248 604.323.5941 |
Days & Times: Spring 2018 Mondays 930-1230 (Spring term runs Jan 02 – April 18) |
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.
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
WordPress: Building Themes From Scratch Using Underscores
WordPress: Developing Secure Sites
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:
Week 1: May 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
- Permalinks
Weekly Videos
Resources
- Comparison: DotOrg vs DotCom
- Setting Up A Test Environment With MAMP
- Langara Lab MAMP Network Proxy Setting Fix
Lab Exercises
Week 2: May 14 ( Basic Content Types )
- Posts vs Pages Review
- Excerpts
- Settings / Customizer
- Menus
- WP Importer
- Intro to WordPress CSS
Weekly Videos
- WordPress Essential Training, Chapters 6-7
Lab Exercise
Week 3: May 21 (Victoria Day Holiday)
- The college is closed on Monday, so there are no classes.
- However, there are still videos to view, and 1 homework assignment.
Weekly Videos
- WordPress Essential Training, Chapters 8-12
Lab Exercises (Homework: Due at the Start of Next Class)
Week 4: May 28 ( Users / Comments / Security / BackUp )
- Quiz Number 1
- User roles
- Security pt 1
- Automated Backup
- Hacks
- Midterm Preparation
Weekly Videos
- WordPress Essential Training, Chapters 13-14
Resources
Lab Exercises
Week 5: June 04 ( Midterm )
- For the midterm, you will be given content, and asked to configure a particular theme and plugin(s).
- This will be similar to last week’s Midterm Practice Exercise 1
- 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: June 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”
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
- Installing SASS & NetBeans
- Using NetBeans with WordPress
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: June 18 ( 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 8: June 25 ( Underscores 2 )
- WP Template Hierarchy 2
- Leveraging WordPress CSS
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 9: July 02 ( Canada Day Holiday )
- College Closed
Weekly Videos
Lab Exercise TBA
Week 10: July 09 ( Underscores 3 )
- get_template_part()
- wp conditions
- wp_query: multiple loops
- more WP CSS & underscores SASS
Weekly Videos
Lab Exercise
- Custom Loops WP-QUERY Exercise (Pedalmania)
Week 11: July 16 ( Underscores 4 )
- Custom Meta Data
- Custom Post Types
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 12: July 23 ( Work Day )
- Team Project Presentations occur on Friday August 03…
Week 13: July 30: Final Exam
- Exam will involve theme writing using _s.