Elementor Complete Tutorial - Build a Full Website with Elementor

Overview

Learn how to build a complete travel blog website using the Elementor page builder plugin in this comprehensive 4-hour tutorial. Master both the free and pro versions of Elementor as you create "The Lone Nomad" blog from scratch. Explore essential web development concepts including web hosting, WordPress installation, and domain setup. Dive into Elementor's features such as elements, structure, history tool, and responsive design. Create key website components like headers, footers, post grids, and custom templates. Enhance your site with advanced functionalities including WooCommerce integration, animations, and popups. Apply the skills learned to develop any type of website on various topics. Follow along with detailed time-stamped sections covering everything from basic setup to pro-level techniques.

Syllabus

- Start
- Intro to Web Hosting
- Creating a Temporary Domain & Installing WordPress
- Creating a Sub Domain
- First Things First
- Elementor Setup
- Elements & Structure
- The History Tool
- Adding our First Section
- Displaying the Posts Grid
- About Us Section & Instagram
- Switching WordPress Themes
- Spacing
- Creating the Header
- Adding the Social Media Icons
- Creating the Footer
- Adding the Subscription Form
- Working with the Slideshow Element
- Building the Blog Page
- Building the About Us Page
- Adding Testimonials
- Quiz
- Elementor & WooCommerce
- Animations
- Responsive Design Part 1
- Responsive Design Part 2
- Recap
- End of Part 1
- Intro to Elementor Pro
- Recreating the Footer
- Recreating the Header
- Creating the Blog Post Template
- Creating the Contact Us Section
- Creating the Archive Template
- Introduction to Pro Elements
- Elementor Popups
- Intro to Pro Animation
- Final Thoughts
- Conclusion