WordPress: Building Progressive Themes with WP Rig
Created By
Morten Rand-Hendriksen via LinkedIn Learning
- 0
- 2-3 hours worth of material
- LinkedIn Learning
- English
Course Overview
Learn how to build progressive WordPress themes with WP Rig, a theme development toolkit.
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. Learn how to edit the underlying CSS, PHP, and JavaScript code and add advanced features such as widgets, custom menus, backgrounds, and logos. Watch a practical example of how to extend WP Rig. Plus, see demonstrations of how to add a footer widget, build a basic component, and export a theme.
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. Learn how to edit the underlying CSS, PHP, and JavaScript code and add advanced features such as widgets, custom menus, backgrounds, and logos. Watch a practical example of how to extend WP Rig. Plus, see demonstrations of how to add a footer widget, build a basic component, and export a theme.
Course Circullum
Introduction
- Buidling progressive WordPress themes
- WP Rig: A primer
- Set up your development environment
- Install Node.js and Composer
- Get WP Rig
- How WP Rig works
- First-time configuration
- Configure Browersync
- Run the WP Rig installer
- Configure Visual Studio Code workspace settings
- Build, activate, and test your new theme
- Sidebar: Configure Browsersync SSL
- CSS in WP Rig
- CSS file structure and partials
- Edit CSS
- CSS custom properties (variables)
- Google Fonts
- Load modular style sheets
- Create and preload style sheets
- Advanced CSS debugging and configuration
- PHP in WP Rig
- Templates and file structure
- Optional template files
- Theme features and customizations
- Functions in WP Rig
- Example: Add footer widgets
- JavaScript in WP Rig
- Advanced JavaScript loading
- Debug JavaScript
- The role of PHP modules
- Build a basic component
- Enqueue JavaScript files
- Add a custom image size
- Various demos
- Exporting your theme
- Advanced build features
- Contribute to WP Rig
- Going further with WordPress
Item Reviews - 3
Submit Reviews
This Course Include:
Introduction
- Buidling progressive WordPress themes
- WP Rig: A primer
- Set up your development environment
- Install Node.js and Composer
- Get WP Rig
- How WP Rig works
- First-time configuration
- Configure Browersync
- Run the WP Rig installer
- Configure Visual Studio Code workspace settings
- Build, activate, and test your new theme
- Sidebar: Configure Browsersync SSL
- CSS in WP Rig
- CSS file structure and partials
- Edit CSS
- CSS custom properties (variables)
- Google Fonts
- Load modular style sheets
- Create and preload style sheets
- Advanced CSS debugging and configuration
- PHP in WP Rig
- Templates and file structure
- Optional template files
- Theme features and customizations
- Functions in WP Rig
- Example: Add footer widgets
- JavaScript in WP Rig
- Advanced JavaScript loading
- Debug JavaScript
- The role of PHP modules
- Build a basic component
- Enqueue JavaScript files
- Add a custom image size
- Various demos
- Exporting your theme
- Advanced build features
- Contribute to WP Rig
- Going further with WordPress
- Provider:LinkedIn Learning
- Certificate:Certificate Available
- Language:English
- Duration:2-3 hours worth of material
- Language CC: