The 3 in 1 Website Design, Development & Google Ads Course
4.5 (30 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
142 students enrolled

The 3 in 1 Website Design, Development & Google Ads Course

Design & build epic Wordpress Websites with the X Theme, with Hosting and Google Ads for recurring business.
4.5 (30 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
142 students enrolled
Created by Chris De Bruyne
Last updated 7/2019
English [Auto]
Current price: $16.99 Original price: $24.99 Discount: 32% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 6 hours on-demand video
  • 10 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Strategies to generate passive income that builds over time.
  • How to Design a professional Website in Photoshop - from scratch.
  • How to use PSD Mock ups to easily sell Website designs to your clients.
  • How to register a Domain and Hosting account.
  • How to build a fully functioning, Mobile Responsive, Wordpress Website - from scratch.
  • How to add useful plugins like Google Analytics, Speed Caching and Security.
  • How to build an effective Google Adwords campaign in less than 4 hours.
Course content
Expand all 70 lectures 05:47:24
+ Welcome & Introduction
2 lectures 05:36

Welcome and introduction to the course, with some really great tips that will help you get out of the rat race and start earning some good income.

Preview 02:21
+ Website Design
10 lectures 01:31:05

Before you can design a Wordpress website, you need to know what your theme is capable of. I introduce you to my favorite Wordpress theme, the X theme, and take you through some options that you can consider before designing that will make your life and designs easier.

Preview 06:38

My little Black Book is jam packed with useful Web Design resources that I have put together over the past few years that will greatly help you in your crusade. 

Preview 10:11
RESOURCES: All images, icons and backgrounds that you will need for Photoshop.

How to setup your Photoshop file in the correct way for Wordpress design, best practices and tips.

Preview 02:54

Wordpress Theme Builders like Cornerstone are made up of Sections, Rows and Columns. Understanding these before you design is essential to creating designs that are possible in Wordpress.

Understanding Sections, Rows and Columns.

This is a complete 1 hour tutorial to show you how to design your website in Adobe Photoshop, from scratch and without any prior knowledge. Feel free to fast-forward or skip altogether if you feel you know how to do this part.

Full 1hr Web Design Tutorial: Design a Website from scratch in Photoshop.

A tutorial on how to correctly crop, save and optimize your images from Photoshop to your PC, ready to be uploaded for Website development.

Cropping, saving and optimizing images correctly for Website Development

I will show you how to use free PSD Mock Ups to make your new website designs look awesome, professional and ready to convince any client that you are worth your money.

How to use PSD Mock Ups to sell your designs to clients

We are also including the working PSD file for the Awesome Industries Website, as well as the already cut and optimized PNG elements and fonts should you want to check it out.

RESOURCES: All website Elements, ready for upload and Web Development
+ Domain and Hosting
3 lectures 08:16
Domain and Hosting Introduction

In order to have a website, you need a domain. In order to build a website on that domain, you need to have a hosting account attached to it. This tutorial shows you how to easily register a new Domain and Hosting account using my favorite service provider - Hetzner.

How to register a Domain and Hosting account.
RESOURCES: Domain & Hosting Tips
+ Wordpress Setup Guide
4 lectures 14:07
Wordpress Installation Introduction

A quick guide to help you install Wordpress on your new Domain.

Install and setup Wordpress on your new domain

A short introduction to the Login and Dashboard areas of Wordpress. You will be using these often so might as well get familiar!

Preview 10:11
RESOURCES: Wordpress Setup Checklist
+ X Theme installation & Introduction
4 lectures 08:38
X Theme Installation Introduction

PS* The X Theme price changes from time to time. As I write this the price has dropped to only $29!

A quick guide on how to purchase and install the X Theme, or any Wordpress Theme for that matter. Tutorial also includes license key registration guide with X Theme servers.

How to purchase and install the X Wordpress theme.

An quick look at the free Extensions and Plugins that come bundled with the X Theme.

X Theme - Extensions / Plugins Introduction
RESOURCES: X Theme Setup Checklist
+ Wordpress: First steps
4 lectures 08:16
Wordpress First Steps

Learn how to add Pages to your new website and how to configure them for later development in Cornerstone.

Preview 02:43

Learn how to set which page appears as the Home Page of your website. You could spend hours trying to figure this out unless someone showed you.

Wordpress - How to set your Home page + first steps

How to create a Menu for your website using the Pages you have made.

Wordpress - How to create a Menu
+ X Theme - Latest updates IMPORTANT
2 lectures 01:33

The X Theme makes updates to their software now and then, and it's important to know what has changed so that the upcoming tutorial videos will make sense.

X Theme Latest Update - NB

Videos labelled "New X Theme Update" have been added to the section below to help you understand the latest X Theme Updates.


Customizer & Theme Options
All Customizer options have now been moved to "Theme Options".

Custom CSS location
The place to add custom CSS has been added to "Theme Options". Bottom left hand side, small button that says "css".

Cornerstone Advanced Options
Advanced Cornerstone options, such as adding a background image or padding to a section, is now invisible by default and must be activated. In Cornerstone, select the "Settings" icon in the bottom left of the page, select "Preferences" and enable "Advanced Mode".

Cornerstone Element CSS
If you want to add custom CSS to a regular (not classic) element in Cornerstone, select the element, and in the options panel on the left, select "Customize" in the top right hand side of the options panel (It's quite easy to miss). Once Customize has been selected, click on "Element CSS", and follow the instructions in the CSS panel to add custom CSS to that element.

X Theme - Latest Updates Summary
+ Website Development Tutorial
16 lectures 02:05:12

An introduction on how the Customizer in Wordpress works, including the unique options available to you when using the X Theme.

Wordpress & X Theme Customizer Introduction

In the latest X Theme update, they moved the Custom CSS from the Customizer into the Theme Options panel, bottom left hand side.

NEW X Theme Update - Custom CSS location

Not all options are available in Wordpress Customizers, so this tutorial will show you how to easily edit the built in CSS code of a website theme and add your own styling as you need it. Knowing how to edit basic CSS styling is fundamental to building good websites.

X Theme - Custom styling with CSS *NB*

In the latest X Theme update, they moved the Theme options (like fonts, colours etc) from the Customizer into the new X Theme Options panel. 

NEW X Theme Update - Customizer & Theme Options

When building a new Website I always start with the Customizer to get all the settings, colours and fonts etc down before building the rest. In this video I will show you how to setup the Customizer options according to our PSD design

X Theme - Customizer Full Settings

An introduction to the best damn Page Builder Plugin you will ever use - Cornerstone. Created by the X Theme group, this page builder is where all the magic happens and you will grow to LOVE it.

Preview 11:46

In the latest X Theme update, the advanced options in Cornerstone are hidden by default. To activate them, open Cornerstone and click the setting button on the bottom left, select 'Preferences' and enable 'Advanced'. 

NEW X Theme Update - Cornerstone Advanced Options

Learn how to build the Home Page introduction section of the website with Cornerstone, as designed in Photoshop.

Cornerstone - Home Page Intro Section

Learn how to build the Home Page Video section of the website with Cornerstone, as designed in Photoshop.

Cornerstone - Home Page Video Section

Learn how to build the Home Page CTA (call to action) section of the website with Cornerstone, as designed in Photoshop.

Cornerstone - Home Page Call To Action & Services Sections

Learn how to build the Home Page About Us section of the website with Cornerstone, as designed in Photoshop.

Preview 04:32

Learn how to build the Home Page Contact Us and Google Map section of the website with Cornerstone, as designed in Photoshop.

Cornerstone - Contact us & Map Sections

Once your Home Page is built, you will need to check how it works on Mobile Devices, and make adjustments / duplicate sections to accommodate the different Mobile sizes using Cornerstone.

Cornerstone - Mobile Responsive Adjustments *NB*

How to create Anchor Links on your website using Cornerstone, so that a menu link scrolls down the same page instead of linking over to a new page.

Cornerstone - Anchor Links

In the latest X Theme update, when applying custom CSS to any of the new elements, you need to click on that element, and select 'customize' on the top right side of the left hand options panel. In the new options presented to you, select 'Element CSS', and follow the instructions provided in the CSS panel to add your own CSS.

NEW X Theme Update - Cornerstone Element CSS
+ Blog, Portfolio & Templates
4 lectures 15:21
Special Pages Introduction

Setting up a Blog on your / your client's website can be a valuable asset for SEO, as well as general news and other related media. This guide will show you how to quickly setup a Blog Page on your website and customize the look and feel.

Wordpress - Setting up a Blog Page

Setting up a Portfolio on your / your client's website can be awesome for showing off past projects. This guide will show you how to setup and customize a Portfolio page on your website.

Wordpress - Setting up a Portfolio Page

Cornerstone offers a cool Page Template system which will allow you to duplicate existing pages or import demo pages to speed up your development process. Very handy!

Cornerstone - Using Page Templates
+ Website Final Plugins before Launch
8 lectures 17:48
Finishing Touches

Website loading speed has become extremely important in modern web design. Google will now in fact rank your website lower if it loads slowly. This guide will show you how to install a very simple Caching plugin that will help your websites load faster.

Add Speed Optimization with WP Supercache

Make no mistake, Hackers are out there and they are going to try their best in infiltrate your website backend for whatever reason. We'll help you make sure your websites are protected from attacks with the very user friendly iThemes Security plugin.

Add Security Measures with iThemes Security

SEO has become a buzz-word in modern times for good reason. This guide will show you how to install a very handy SEO plugin, Yoast SEO, to help you add some basic SEO to your websites. This is not an advanced tutorial by any means, and we recommend you pursue proper SEO courses to master the art.

Add Basic SEO with Yoast SEO

Tracking your Website's traffic is extremely important in modern times, and data is becoming more and more valuable. This guide will teach you how to setup and install Google Analytics on your Websites with ease.

Add Google Analytics Tracking
RESOURCES: Google Analytics Checklist

Wordpress websites require some regular attention in the form of updating the Wordpress version, Themes and Plugins. We like to use an affordable Wordpress Management Software system called ManageWP / Orion to manage all of our websites. 

Manage WP will connect to your websites daily, update your software and keep backups of your websites in case of emergency. In our opinion, well worth the investment.

Optional: Wordpress Management Software - ManageWP / Orion
RESOURCES: Finishing Touches before Launch Checklist
  • Average PC skills
  • Adobe Photoshop
  • Google Chrome / Firefox / Safari
  • Internet connection
  • Able to purchase the X Theme for +- $29 (During course)
  • Able to pay for a Domain & Hosting account for +- $8.50 per month.
  • How to make a decent cup of Tea (brew for exactly 3min & use honey btw)

"Awesome website and awesome course." - Kenny Williams

"Easy to understand and follow along with. Simple and basic for someone who is starting out." - Nelly

'Easy to follow, inspiring and I'm super excited to continue learning!" - Christine Porter

"Great course!" - Nick B


Work smarter, not harder by generating monthly income for you and your clients.

So, there’s a good chance that you’re in or new to the Web and Design game and realized that you’re tired of working so hard on a job-to-job basis to keep the lights on. You’ve probably realized that upping your web and online marketing game with recurring income is the way to go.

If that’s the case, give yourself a pat on the back, because you’re right on the money.


We’re about to show you how to not only master potent new skills, but turn gorgeous websites into powerful online marketing tools. We’re talking about the kinds that impress your clients with traffic, customers and profits while giving you the immense security of recurring income that builds as your client list grows.

Wanna know something crazy? Our Google Ads campaigns have increased our clients’ website traffic by up to 1200%. That’s… well, that’s a whole lot. Needless to say, our clients were - and still are - thrilled.

When your ongoing marketing services make your clients money and help them grow, they’ll never want to leave. That’s the definition of win/win if you’ve ever seen it, and why it always pays off to work smarter, not harder.

Even better, is that you’re going to learn the whole process from beginning to end, with high quality, simple step-by-step video lessons.

  • You’re about to learn all about setup. From domains, hosting and wordpress themes to preparing your photoshop files for web design.

  • You’re going to learn how to impress clients with beautiful mockups and effective designs and then turn those designs into functional mobile responsive websites.

  • Last and most certainly not least, you’re about to discover the ease and power of Google Ads, how to set them up and how they’re able to elevate your clients above the competition.

More? You bet. We’re also throwing in loads of resources including handy links, a mockup PSD, access to our exclusive little black book and incredibly powerful checklists that guide you through the steps and provide additional tips and strategies for recurring income and much more.

If you’re wondering...  yes! It’s all yours to keep and use. Forever. You don’t even need to think on it, because if you aren’t completely satisfied you have 30 days to get a full refund!

The internet is powerful, especially in the hands of someone who has the right tools and knows exactly what they’re doing.

Get ready to be that someone.

Who this course is for:
  • Anyone looking to build professional Websites without coding knowledge.
  • Anyone looking to earn $600 - $6000 per project.
  • Anyone looking to build a steady stream of recurring income.
  • Anyone who needs a crash course on how to build an effective Google Adwords campaign without extensive training.
  • Designers who want to branch out their skill set and earn better.