Elementor Complete Tutorial - Build a Full Website with Elementor

Overview

Learn how to build a complete website for a fictional travel agency using the Elementor page builder plugin in this comprehensive 4-hour tutorial. Master the process of setting up domains, web hosting, and WordPress installation before diving into Elementor's features. Explore sections, columns, margins, and paddings while creating custom headers, footers, and responsive designs. Progress from using the free version of Elementor to enhancing your site with Elementor Pro, covering topics such as global values, homepage elements, blog sections, contact pages, and single post templates. Gain valuable insights into responsive design techniques and discover pro tips to optimize your website building process.

Syllabus

- Welcome
- Introduction to domains & web hosting
- Buying hosting & domain names
- Installing WordPress quickly
- Installing WordPress locally with Local
- Elementor Tutorial Start
- Installing Elementor & General Settings
- Elementor Overview
- Sections, Columns, Margins & Paddings
- Setting up our Global Values
- Building our Custom Headers
- Building the Global Footer
- Adding the Homepage Banner
- Blending the Homepage banner & Header
- Alternative Video Background
- Building the Homepage Part 1
- Building the Homepage Part 2
- Adding the Homepage Gallery
- Adding the Blog Section
- Adding our Call to Action
- Adding the Testimonials Section
- Homepage Review
- Building the Blog Page
- Building the Contact Page
- Introduction to Responsive Design
- Responsive Header Design Part 1
- Responsive Header Design Part 2
- Responsive Footer Design
- Responsive Homepage Design
- End of Free Elementor
- Introduction to Elementor Pro
- Building the Homepage Header with Elementor Pro
- Building the Contact Page with Elementor Pro
- Building the Single Post Template
- Elementor Pro Tips
- Elementor Documentation
- The End