The Complete WordPress And Oxygen Builder Course

Course Navigation     

Course Home Expand All
Section 1: Course Orientation
6 Topics
Welcome to the course [Video]
Why this course, and who is it for? [Video]
What's included in the course? [Video]
When was this course last updated? [Notes]
Course change log [Notes]
Accessing the course material + source code [Video]
Section 2: Introduction To Web Design With WordPress
5 Topics
What is WordPress? [Article]
What is HTML? [Article]
What is CSS? [Article]
What is JavaScript? [Article]
Glossary of terms [Article]
Section 3: Introduction To Oxygen Builder
4 Topics
What is Oxygen Builder and why should you use it? [Article]
Oxygen Builder 4.0 UI overview [Video]
Key design features of Oxygen Builder 4.0 [Video]
What is Recoda? + UI Overview [Video]
Section 4: Preparing The Website (Part 1)
8 Topics
Setting up a developer environment [Article]
Creating a WordPress website on your local computer [Video]
Creating a WordPress website using a Web Host provider (Bluehost) [Video]
Installing Oxygen Builder 4.0 [Video]
Recommended settings for Oxygen Builder [Video]
Installing Recoda Workflow 2X Plugin [Video]
Installing additional plugins [Video]
Recommended WordPress settings [Video]
Section 5: Preparing The Website (Part 2)
4 Topics
Creating and preparing the website pages [Video]
Creating custom menus in WordPress [Video]
Creating a web design project folder [Article]
Uploading resources to the media library [Article]
Section 6: Creating Templates, Adding Global Styles, Re-Usable Parts, And Stylesheets
9 Topics
Creating the first template: The global template in Oxygen [Video]
Adding global styles [Video]
Header + footer section design (Using the Global template) [Video]
How to make and add new reusable parts in Oxygen [Video]
Class and structure panel naming [Video]
Prepping + Managing Class Selectors + Styling Elements In Advance [Video]
Creating a page template in Oxygen Builder and why we need this?[Video]
Creating a second global template and template usage [Video]
Creating and managing custom stylesheets in Oxygen Builder [Video]
Section 7: Blog Templates, 404-Error Page Layout, And Design
8 Topics
Creating dummy blog posts + categories [Video]
How to use the repeater element [Article]
Creating a blog post template (Part 1 + 2) [Video]
Creating a blog post template (Part 3 + 4) [Video]
Creating a blog post template (Part 5 + 6) [Video]
Creating and styling the post archives template layout [Video]
Creating a categories + tags archives template [Video]
Creating a custom 404 error page [Video]
Section 8: Homepage Sections Layout, And Design
7 Topics
Creating the homepage (Hero Section Design Mods + Settings) [Video]
Creating the homepage (Homepage layout) [Video]
Creating the homepage (About section + styling) [Video]
Creating the homepage (Offerings section + styling) [Video]
Creating the homepage (Testimonials section + styling) [Video]
Creating the homepage (Featured content section + styling) [Video]
Creating the homepage (Signup section + styling) [Video]
Section 9: Services, Contact Page, Email, Digital Product Sales Page, Layout, And Design
8 Topics
Creating the services page (Part 1, 2, 3) [Video]
Creating the contact page + form [Video]
Creating a pop-up modal consultation form [Video]
Creating a digital product (ebook) sales landing page (Part 1, 2, 3, 4) [Video]
Creating the email signup landing page [Video]
Creating a tools and resources page [Video]
How to design a 'Journey Focused' About page [Video]
Complete website design review [Video]
Section 10: Making Your Website Mobile Friendly (Responsive Design)
6 Topics
Introduction to responsive design in Oxygen [Video]
Using media queries to fine-tune responsive layouts [Video]
Global template re-usable parts responsive tweaks (header + footer) [Video]
Homepage sections responsive tweaks [Video]
Custom templates responsive design (blog post + post archives) [Video]
Services page responsive tweaks [Video]
Section 11: Adding Animations And Effects, And Website Optimization
6 Topics
Optimizing your website assets [Article + Video]
Validating and optimizing your CSS [Video]
Checking links, buttons, and website navigation [Article]
Checking website health and page speed performance [Article]
Introduction to using effects and animations [Video]
Adding floating object animation using CSS @keyframes rule [Article]
Section 12: Bonus Oxygen Builder And CSS Tutorials
4 Topics
How to build a responsive mega-menu in Oxygen (Part 1, 2, 3, 4, 5) [Video]
How to build a modern pricing table in Oxygen [Video]
How to build a podcast show featured section in Oxygen [Video]
How to create a three-column flip-box section [Video]
Section 13: Adding A WooCommerce Store: Product Page, Product List, Cart, Checkout Page Layout + Design
9 Topics
Installing WooCommerce plugins + Oxygen integration [Video]
Creating products in WooCommerce [Video]
WooCommerce pages + template settings [Video]
Single product page layout + design (Part 1, 2) [Videos]
Product list page layout + design (Part 1, 2) [Videos]
Members page layout + design [Video]
Cart + checkout pages layout + design (Part 1, 2, 3) [Videos]
Setting up payment processing for your store (Part 1, 2) [Videos]
Using conditionals in Oxygen + WooCommerce [Video]
Section 14: Using Third-Party Tools + Plugins with Oxygen Builder
2 Topics
Introduction to using Meta Box with Oxygen Builder [Article + Videos]
Introduction to using Advanced Custom Fields with Oxygen [Article + Video]
Current Status
Not Enrolled
Price
$99.00
Get Started
Take this Course

So, it's finally here. My brand new Complete WordPress + Oxygen Builder Website Design Video Course. Are you excited? I hope so...

Take a look at the course sections and topics below. If you already have access to the course, you'll need to log in to access the course lessons and topics (If you are not already).

Need to purchase the course? Click on the take this course button above.

Course Content

Expand All

Oxygen Builder HTML + CSS Bonus Tutorials

Don't forget to check out the bonus HTML and CSS easy-to-follow video tutorials to enhance your freelance website design! 
Check it out now!