Elementor Crash Course

Welcome & Prerequisites

Welcome & Introduction to the course

Setting Up Elementor

Install Hello Theme & Elementor

A quick tour of Elementor - The Basics

Creating and preparing our first page for Elementor

Creating and Applying A Global Design System for Your Website

Explaining Global Colors & Global Fonts

How To Create Your Own Global Design System

Applying Global Colors and Global Fonts

Creating Our Homepage in Elementor

Creating the Hero Section of our homepage

Explaining Section Background Options based on Hero Section

Creating the Services Section

Creating the Testimonial Section

Creating the Portfolio Section

Creating the Teams Section

Creating the Contact Section

Creating the Navigation

Creating the Footer

Making our Homepage responsive

Customizing the Hero Section for Mobile

Customizing the Services Section for Mobile

Customizing the Testimonial Section for Mobile

Customizing the Portfolio Section for Mobile

Customizing the Team Section for Mobile

Customizing the Footer/Contact Section for Mobile

Customizing the Navigation Section for Mobile

Advanced Customization / Tips & Tricks

Taking a Break

Stretch your legs, or get a coffee

Adding a Blog to our site

Creating the Blog Post Template

Creating the Blog Overview Page

Create a global Newsletter widget

Connecting your newsletter service & re-using it as global widget

Creating an Exit Intent Popup

Creating individual pages

Creating a page that can be re-used as a template

Bonus Content

Browser extension for picking colors from websites

Tool for removing background from pictures

Recommended WordPress Plugins

Course Summary & Feedback

Summary of the Course

Thank You / Feedback

Recommended WordPress Plugins

After creating your website, you might want to add a few essential plugins to your website.

WPRocket, for better loading time of your website
WordFence, for security
Akismet, for blocking spam
Updraft, for making backups of your site