The last thing you want to do is end up in a situation where you’re almost all the way through a build, and then get stuck because you can’t figure out how to code. And that’s probably the main reason you’ve stuck with what you know. It’s safer.
Well, I’ve helped a lot of designers move from using Elementor, Beaver Builder, Divi, and other page builders, to using Oxygen for their sites. These aren’t people who know code. They design, and then build sites - not “develop” them.
Yet, they are using Oxygen to handle entire builds without a problem. Their feedback and seeing how quickly they have mastered Oxygen has been amazing.
So I decided to build that into a course for other people who might be in the same spot.
Module 1 - Getting started
1.1 Course Introduction
1.2 Before you get started
1.3 What Plugins you need
1.4 The Custom Design Walk Through
1.5 Customising The Design
1.6 Download The Assets
Module 2 - Getting Oxygen Setup
2.1 Module 2 Introduction
2.2 Installing and setting up Oxygen
2.3 Oxygen settings options
2.4 Oxygen and theme best practises
2.5 Templates and reusable parts
Module 3 - Oxygen Fundamentals
3.1 Module Intro
3.2 The Oxygen Interface
3.3 Core Elements & Components
3.4 Global Settings
3.5 Styling Basics
3.6 Layouts & Styling
3.7 Mobile Responsiveness
3.8 Advanced Styling Concepts
3.9 Dynamic Data
3.10 Custom Code Introduction
3.11 Bonus: Composite Elements Guide
Module 4 - Building our Homepage
4.1 Module Introduction
4.2 Building the Hero
4.3 The "Header Builder" nav bar
4.4 The Portfolio and Oxygen Gallery
4.5 Our Services & Feature Buttons
4.6 The intro sections
4.7 Feature Testimonial
4.8 Our Blog Layout
4.9 Responsive Refinements
Module 5 - Building our Inside Pages
5.1 Module Introduction
5.2 Building Our Inside Page
5.3 Understanding Oxygen Menus
5.4 Building the Footer
5.5 Oxygen Conditions - Call to Action
5.6 Responsive Tidy Up
5.7 Advanced Custom Fields (header images)
5.8 Understanding Dynamic Templates - 404 page
5.9 Inherit Template - Search Results
5.10 Bonus: Overwriting Templates
Module 6 - Blog & Custom Post Types
6.1 Module Introduction
6.2 Homepage Blog Features
6.3 Blog Archive Template
6.4 Blog Inside Template
6.5 Category List Template
6.6 Setting Up Custom Post Types
6.7 Replacing the Homepage Gallery
6.8 Our Projects List Template
6.9 Our Project Page Template
6.10 Bonus: Selector Detector, Forms & Short Codes
Module 7 - Gutenberg & Custom Blocks
7.1: Module Introduction
7.2 Default Gutenberg Overview
7.3 Gutenberg Tweaks & Fixes for Oxygen
7.4 Full Page Editing
7.5 A Custom Gutenberg Blocks Guide
7.6 Creating Our designed Custom Blocks
7.7 Gutenberg For Your Clients
Module 8 - Launch & Training Clients
8.1: Module Introduction
8.2 Migrating Oxygen Sites
8.3 Creating Design Sets
8.4 Prelaunch/Post Launch Checklist
8.5 Training Clients
8.6 Care Plan Guide
8.7 Course Completion
Module 9 - Bonus Content
*Bonus Lessons and Techniques
Some of the stuff we’ll be covering includes:
As a part of this course, you will be given all of the working files and all exported assets. The design is yours to use in any way you like. Change it, tweak it, customise it. You can use this for paying client sites or your own website.
Additional Assets Include: