The Complete WordPress And Oxygen Builder Course

Course Navigation     

Course Home Expand All
Section 1: Course Orientation [Videos 8m:03s]
6 Topics
Welcome to the course [Video 1m:26s]
Why this course, and who is it for? [Video 3m:47s]
What's included in the course? [Video 2m:50s]
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 [Videos 17m:36s]
4 Topics
What is Oxygen Builder and why should you use it? [Article]
Oxygen Builder 4.0 UI overview [Video 5m:57s]
Key design features of Oxygen Builder 4.0 [Video 6m:13s]
What is Recoda? + UI Overview [Video 5m:26]
Section 4: Preparing The Website (Part 1) [Videos 23m:20s]
8 Topics
Setting up a developer environment [Article]
Creating a WordPress website on your local computer [Video 2m:13s]
Creating a WordPress website using a Web Host provider (Bluehost) [Video 10m:09s]
Installing Oxygen Builder 4.0 [Video 0m:54s]
Recommended settings for Oxygen Builder [Video 5m:36s]
Installing Recoda Workflow 2X Plugin [Video 0m:52s]
Installing additional plugins [Video 1m:29s]
Recommended WordPress settings [Video 2m:07s]
Section 5: Preparing The Website (Part 2) [Videos 4m:04s]
4 Topics
Creating and preparing the website pages [Video 2m:01s]
Creating custom menus in WordPress [Video 2m:03s]
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 [Videos 1h:1m:45s]
9 Topics
Creating the first template: The global template in Oxygen [Video 1m:40s]
Adding global styles [Video 3m:40s]
Header + footer section design (Using the Global template) [Videos 30m:46s]
How to make and add new reusable parts in Oxygen [Video 1m:49s]
Class and structure panel naming [Video 1m:45s]
Prepping + Managing Class Selectors + Styling Elements In Advance [Video 3m:53s]
Creating a page template in Oxygen Builder and why we need this [Video 7m:53s]
Creating a second global template and usage [Video 5m:14s]
Creating and managing custom stylesheets in Oxygen Builder [Video 4m:25s]
Section 7: Blog Templates, 404-Error Page Layout, And Design [Videos 1h:21m:21s]
8 Topics
Creating dummy blog posts + categories [Video 3m:52s]
How to use the repeater element [Article]
Creating a blog post template (Part 1 + 2) [Videos 17m:57s]
Creating a blog post template (Part 3 + 4) [Videos 16m:41s]
Creating a blog post template (Part 5 + 6) [Videos 17m:00s]
Creating and styling the post archives template layout [Videos 13m:16s]
Creating a categories + tags archives template [Video 6m:26s]
Creating a custom 404 error page [Video 6m:09s]
Section 8: Homepage Sections Layout, And Design
7 Topics
Creating the homepage (Hero Section Design Mods + Settings) [Video 15m:01s]
Creating the homepage (Homepage layout) [Video 3m:37s]
Creating the homepage (About section + styling) [Video 5m:18s]
Creating the homepage (Offerings section + styling) [Video 9m:38s]
Creating the homepage (Testimonials section + styling) [Video 9m:26s]
Creating the homepage (Featured content section + styling) [Video 10m:58s]
Creating the homepage (Signup section + styling) [Video 10m:42s]
Section 9: Services, Contact Page, Email, Digital Product Sales Page, Layout, And Design
8 Topics
Creating the services page (Part 1, 2, 3) [Videos 37m:57s]
Creating the contact page + form [Video 26m:03s]
Creating a pop-up modal consultation form [Video 7m:23s]
Creating a digital product (ebook) sales landing page (Part 1, 2, 3, 4) [Videos 41m:09s]
Creating the email signup landing page [Video 8m:37s]
Creating a tools and resources page [Video 16m:35s]
How to design a 'Journey Focused' About page [Video 18m:59s]
Complete website design review [Video 5m:02s]
Section 10: Making Your Website Mobile Friendly (Responsive Design)
6 Topics
Introduction to responsive design in Oxygen [Video 3m:43s]
Using media queries to fine-tune responsive layouts [Video]
Global template re-usable parts responsive tweaks (header + footer) [Video 13m41s]
Homepage sections responsive tweaks [Video 9m:06s]
Custom templates responsive design (blog post + post archives) [Video 15m:48s]
Services page responsive tweaks [Video 6m:21s]
Section 11: Adding Animations And Effects, And Website Optimization
6 Topics
Optimizing your website assets [Article + Video 1m:42s]
Validating and optimizing your CSS [Video 2m:55s]
Checking links, buttons, and website navigation [Article]
Checking website health and page speed performance [Article]
Introduction to using effects and animations [Video 5m:53s]
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 34m:17s]
How to build a modern pricing table in Oxygen [Video 24m:57s]
How to build a podcast show featured section in Oxygen [Video 16m:42s]
How to create a three-column flip-box section [Videos 18m:33s]
Section 13: Adding A WooCommerce Store: Product Page, Product List, Cart, Checkout Page Layout + Design
9 Topics
Installing WooCommerce plugins + Oxygen integration [Video 2m:04s]
Creating products in WooCommerce [Video 5m:33s]
WooCommerce pages + template settings [Video 3m:30s]
Single product page layout + design (Part 1, 2) [Videos 28m:34s]
Product list page layout + design (Part 1, 2) [Videos 13m:57s]
Members page layout + design [Video 6m:19s]
Cart + checkout pages layout + design (Part 1, 2, 3) [Videos 33m:45s]
Setting up payment processing for your store (Part 1, 2) [Videos 10m:07s]
Using simple conditions in Oxygen + WooCommerce [Article + Video 15m:12s]
Section 14: Using Third-Party Tools + Plugins with Oxygen Builder
2 Topics
Introduction to using Meta Box with Oxygen Builder [Article + Videos 19m:09s]
Introduction to using Advanced Custom Fields with Oxygen [Article + Video]
Current Status
Not Enrolled
Price
€129.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