WP Rig logo
Skip to content

WP Rig

The Progressive Theme Development Rig for WordPress

  • Download
  • Showcase
  • Documentation
  • Learn V2
    • V1
  • Contribute
  • News

Course: WordPress: Building Progressive Themes with WP Rig - Version 2

(Updated February 2021.) WP Rig, a new toolkit, makes building progressive themes in WordPress easy. It ships with a fully styled starter theme that can be easily customized, and it lints, optimizes, and minifies your changes as you code, making your themes as fast and performant as possible. In this course, instructor Morten Rand-Henriksen shows how to install and configure WP Rig and build a new progressive theme right out of the box. Plus, learn how to edit the underlying CSS, PHP, and JavaScript code and add advanced features such as widgets, AMP integration, and custom menus, backgrounds, and logos.

Introduction: Building progressive WordPress themes

Watch this lesson.

WP Rig: A primer

Watch this lesson.

Set up your development environment

Watch this lesson.

Install Node.js and Composer

Watch this lesson.

Get a fresh copy of WP Rig

Watch this lesson.

How WP Rig works

Watch this lesson.

Configure WP Rig for your project

Watch this lesson.

Configure BrowserSync

Watch this lesson.

Run the WP Rig installer

Watch this lesson.

Configure VS Code workspace settings

Watch this lesson.

Build, activate, and test your new theme

Watch this lesson.

Configure Browsersync SSL

Watch this lesson.

CSS in WP Rig

Watch this lesson.

CSS file structure and partials

Watch this lesson.

Edit CSS

Watch this lesson.

CSS custom properties (a.k.a. CSS variables)

Watch this lesson.

Google Fonts

Watch this lesson.

Load modular style sheets

Watch this lesson.

Create and preload stylesheets

Watch this lesson.

Advanced CSS debugging and configuration

Watch this lesson.

PHP in WP Rig

Watch this lesson.

Templates and file structure

Watch this lesson.

Optional template files

Watch this lesson.

Theme features and customization

Watch this lesson.

Functions in WP Rig

Watch this lesson.

Example: Add footer widgets

Watch this lesson.

JavaScript in WP Rig

Watch this lesson.

Advanced JavaScript loading

Watch this lesson.

Debug JavaScript

Watch this lesson.

The role of PHP modules

Watch this lesson.

Build a basic component

Watch this lesson.

Enqueue JavaScript files

Watch this lesson.

Add a custom image size

Watch this lesson.

Various demos

Watch this lesson.

Exporting your theme

Watch this lesson.

Advanced build features

Watch this lesson.

Contribute to WP Rig

Watch this lesson.

Going further with WordPress

Watch this lesson.
  • Home
  • Download
  • Learn V2
  • Learn V1
  • News
  • Privacy Policy
  • Contribute
WP Rig is an open source project originally created by Morten Rand-Hendriksen with the support of LinkedIn Learning. Continuing development of WP Rig is by its contributors. This website is powered by WordPress using the Rig theme built using WP Rig.
Free training for WP Rig provided by: LinkedIn Learning.
Hosting provided by: SiteGround.