Elementor 101 Build Amazing Wordpress Pages With No Coding

Tags: Elementor

Master how to use the Elementor plugin to build amazing pages and implement great design on your WordPress website

Last updated 2022-01-10 | 4.5

- Build fantastic looking web pages without using any code
- Master the art of using the Elementor page builder plugin

What you'll learn

Build fantastic looking web pages without using any code
Master the art of using the Elementor page builder plugin

* Requirements

* The Student should know how to use WordPress
* General experience with building websites is an advantage

Description

** UPDATED MARCH 2021 **

Would you like to learn how to build amazing responsive pages for your WordPress website with ZERO coding? If so then you have come to the right course. 

With more than a million downloads already, Elementor is one of the very best and most popular plugins for building pages in WordPress. The plugin is extremely fast and comes with a variety of widgets and elements making it very easy to build any kind of web page imaginable without using any code.

Course Content:

The course is divided into two main sections.

In the first section, we are going to use the FREE version of Elementor to build a full one page website for a fictional company known as the White Hat Hackers. This company specializes in cyber security and they help companies fight against cyber attacks and hackers.

In the process of building this website, you will learn the following

  • How to work with sections, columns and widgets

  • How to build a header section complete with the site logo and social media icons

  • How to work with title widgets

  • How to work with video and text boxes

  • How to build an image carousel

  • How to insert number counters as well as toggle elements

  • How to add a Google map to your web page

  • How to create and insert a contact form

  • How to build a complete footer section for your WordPress website

  • How to build responsive web content and structure

  • How to work with page templates

  • and so much more

In section two, we are going to use the PAID version of Elementor to further enhance the functionality and design of the website. In addition to learning about the extra features that come with Elementor pro, you will learn about the following as well - 

  • How to add a countdown timer to your page

  • How to create an animated headline

  • How to add a contact form

  • How to enhance design and style using flip boxes

This course will be updated continually to ensure that it always describes how to use the latest features of Elementor.

By the end of the course, you would have mastered how to use the Elementor plugin to build any type of web page that you want.


Who this course is for:

  • WordPress students who want to learn how to use a page builder plugin
  • Web developers who want to learn how to use the Elementor page builder plugin

Course content

5 sections • 62 lectures

Introduction to Domains & Web Hosting Preview 07:33

Buying Hosting & Domain Names Preview 07:01

Try Siteground or Cloudways Hosting Preview 00:30

Installing WordPress Quickly Preview 04:49

Installing WordPress Locally with Local by Flywheel Preview 11:02

Elementor Version Update Preview 05:34

What We Shall Build Together Preview 01:58

Udemy Rating System - Very Important !!! Preview 01:24

Download All the Content Used in the Course Preview 00:05

Elementor General Settings Preview 06:10

Setting up the Elementor Home Page Preview 03:56

Setting up our Global Values Preview 06:00

Adding our First Section - Headline Text + Background Video Preview 11:10

The Second Section - Who We Are Preview 07:28

The Navigator and History Tools Preview 02:09

Creating Advanced Structures Preview 04:33

Elementor Challenge 1

This is an assignment to test what you have learned so far and your ability to add content using the Elementor widgets.

Adding the Our Services Section Preview 08:32

Adding the Why Work with Us Section Preview 09:31

Adding the Meet the Team Section Preview 06:15

Adding the Our Clients Section Preview 03:56

Adding the Testimonials Section Preview 05:50

Working with Margins and Paddings Preview 06:40

Working with the Spacing Elements Preview 03:51

Working with the Number Counter Element Preview 02:56

Creating the Footer Section Preview 06:49

Creating the Header Part 1 - Anchor Links Preview 10:52

Creating the Header Part 2 - Adding our Menu & Logo Preview 04:30

Responsive Mode Preview 07:44

Working with Page Templates and Blocks Preview 05:10

Round Up Preview 01:58

Introduction to Elementor Pro Preview 04:35

Affiliate Promo Preview 01:09

Affiliate Link Preview 00:03

Elementor Pro Section Preview Preview 01:27

Adding the Main Menu Preview 10:50

Creating an Animated Headline Preview 04:21

Adding a Countdown Timer Preview 05:25

Recreating the Services Section with Flip Boxes Preview 07:16

Recreating the Why Work with Us Section Preview 08:06

Recreating the Contact Us Section Preview 08:19

Review Update Preview 02:42

Conclusion Preview 00:50

Section Preview Preview 02:21

Creating a Responsive Header Logo and Nav Menu Preview 06:39

Elementor Version 2.8.4/2.9.4 Updates Preview 03:14

Elementor Themes Preview 05:41

The Elementor Popup Builder Preview 16:52

Working with Global Templates Preview 06:58

Working with Global Widgets Preview 02:57

Working with the Portfolio Widget Preview 04:22

Building a Post Template Preview 23:24

Working with the Font Icon Library Preview 04:37

The Table of Contents Element Preview 05:06

Rank Math & Elementor Preview 03:32

The Tilt Effect Preview 04:04

The Position Property Preview 06:24

Advanced Custom Fields & Elementor Preview 11:13

Working with Custom Post Types Preview 08:19

How to set up your Blog Page as your Homepage with Elementor Preview 08:03