Elementor Mastery- Build Amazing Websites with Elementor

Elementor Mastery- Build Amazing Websites with Elementor

by Alexander Oni
Released August 2020
Publisher(s): Packt Publishing
ISBN: 9781800569317

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Video description

This course takes you on a comprehensive journey through web design and development using Elementor, the premier WordPress page builder. Starting with web hosting and domain setup, including tips on choosing providers like Siteground or Cloudways, you'll quickly move to practical aspects like installing WordPress and diving into Elementor Cloud Hosting for crafting stunning websites.

Centered on hands-on projects such as a travel blog and a business site, you'll go from initial setup—downloading images and XML, adjusting Elementor settings—to mastering its vast capabilities. You'll get acquainted with creating AI-driven blog posts, fine-tuning design elements like containers, and ensuring your site's aesthetic is consistent across all pages.

Key skills taught include designing crucial site components (headers, footers, banners), implementing responsive design for universal device compatibility, and leveraging Elementor Pro for advanced features like popups and template kits. A crash course in HTML, CSS, JavaScript, and PHP complements your Elementor skills, broadening your web development knowledge.

The course concludes by updating you on Elementor's newest features, ensuring you're prepared to create versatile, dynamic websites with confidence.

What you will learn

  • Build attractive web pages using zero coding
  • Get to grips with using the Elementor page builder plugin
  • Get familiar with Elementor pro
  • Recreate the services and why work with us sections
  • Create a responsive header logo and a navigation menu
  • Learn to use Elementor AI for dynamic web design with AI content and code.

Audience

This course is for WordPress students who want to learn how to use a page builder plugin and for web developers looking to learn how to use the Elementor page builder plugin. This course assumes prior knowledge of WordPress and website building.

About the Author

Alexander Oni: Alexander Oni is a bestselling instructor, with 70,000 students enrolled in his courses. His passion includes teaching through online courses in an entertaining way. Alex has been teaching online for more than five years and has created over 25 courses with numerous students registered worldwide. Alex believes we all have one shot at life and should live life to the fullest, constantly stepping out of our comfort zone, visiting places, and trying new things. His online success has given him financial freedom and the ability to travel and settle anywhere. The author is currently avidly traveling, spending a month in every city, and moving to the next. His hobbies include watching movies, sports, and chess.

Table of contents

  1. Chapter 1 : Getting Started
    1. Course Introduction
    2. Special Offer – One-Month Free Hosting
    3. How to Create a Temporary Domain and Install WordPress
    4. How to Create a Sub Domain
    5. How to Create a Web Mail Account
  2. Chapter 2 : Introduction to Web Hosting and Domains
    1. Introduction to Domains and Web Hosting
    2. Buying Hosting and Domain Names
    3. Installing WordPress Quickly
    4. Installing WordPress Locally with Local by Flywheel
  3. Chapter 3 : Build a Travel Blog with Elementor
    1. What We Shall Build - Website Preview
    2. Setting Up the Website
    3. Installing Elementor and General Settings
    4. Elementor Overview
    5. How to Create Blog Posts with Elementor AI
    6. Containers, Margins, and Paddings
    7. Setting Up the Global Site Values
    8. Creating the Global Header
    9. Building Our Global Footer
    10. Adding the Homepage Banner
    11. Alternative Homepage Banner with Video
    12. Building the Homepage - Part 1
    13. Building the Homepage - Part 2
    14. Adding the Image Carousel
    15. Adding the Blog Section
    16. Adding an Alternative Blog Section
    17. Adding Our Call to Action
    18. Adding the Testimonials Section
    19. Homepage Review
    20. Creating the Blog Page
    21. Building the Contact Page
    22. Working with Pre-Built Templates
    23. Introduction to Responsive Design
    24. Designing the Responsive Header
    25. Designing the Responsive Footer
    26. Making the Homepage Responsive
    27. Making Other Pages Responsive
    28. Elementor Free Version Review
    29. Connecting Your Site to Elementor Pro
    30. Recreating the Header with Elementor Pro
    31. Recreating the Footer with Elementor Pro
    32. Recreating the Blog Page with Elementor Pro
    33. Building the Single Post Template
    34. Building the Contact Page with Elementor Pro
    35. How to Create Popups
    36. Working with Template Kits and Landing Pages
    37. Elementor Pro Tips
  4. Chapter 4 : Elementor - Build a Business Website
    1. What We Shall Build Together
    2. Elementor General Settings
    3. Setting Up the Elementor Homepage
    4. Setting Up Our Global Values
    5. Adding Our First Section - Headline Text and Background Video
    6. The Second Section - Who We Are
    7. The Navigator and History Tools
    8. Creating Advanced Structures
    9. Adding the Our Services Section
    10. Adding the Why Work with Us Section
    11. Adding the Meet the Team Section
    12. Adding the Our Clients Section
    13. Adding the Testimonials Section
    14. Working with Margins and Paddings
    15. Working with the Spacing Elements
    16. Working with the Number Counter Element
    17. Creating the Footer Section
    18. Creating the Header Part One - Anchor Links
    19. Creating the Header Part Two - Adding Our Menu and Logo
    20. Responsive Mode
    21. Working with Page Templates and Blocks
    22. Round Up
  5. Chapter 5 : Elementor AI
    1. Introduction to the Elementor AI
    2. How to generate Images with Elementor AI
    3. How to generate Text with Elementor AI
    4. Special Crash Course - HTML, CSS, JavaScript and PHP
    5. How to generate Custom Code with Elementor AI
    6. How to generate Containers with Elementor AI
    7. AI Special - How to Reference a Website
    8. Working with the Elementor AI History Tab
    9. The Elementor AI Prompts Library
  6. Chapter 6 : Using Elementor Pro
    1. Introduction to Elementor Pro
    2. Affiliate Promo
    3. Elementor Pro Section Preview
    4. Adding the Main Menu
    5. Creating an Animated Headline
    6. Adding a Countdown Timer
    7. Recreating the Services Section with Flip Boxes
    8. Recreating the Why Work with Us Section
    9. Recreating the Contact Us Section
    10. Conclusion
  7. Chapter 7 : Updates in Elementor Developers
    1. Section Preview
    2. Creating a Responsive Header Logo and Nav Menu
    3. Elementor Version 2.8.4/2.9.4 Updates
    4. Elementor Themes
    5. The Elementor Popup Builder
    6. Working with Global Templates
    7. Working with Global Widgets
    8. Working with the Portfolio Widget
    9. Building a Post Template
    10. Working with the Font Icon Library
    11. The Table of Contents Element
    12. Rank Math and Elementor
    13. The Tilt Effect
    14. The Position Property
    15. Advanced Custom Fields and Elementor
    16. Working with Custom Post Types
    17. How to Set Up Your Blog Page as Your Homepage with Elementor

Product information

  • Title: Elementor Mastery- Build Amazing Websites with Elementor
  • Author(s): Alexander Oni
  • Release date: August 2020
  • Publisher(s): Packt Publishing
  • ISBN: 9781800569317