The Complete Elementor Course for WordPress

Focused View

Tanzeel Ur Rehman

11:01:15

6 View

1. Introduction

1. Why Elementor.mp4

06:28

2. Installing Elementor.mp4

01:39

3. How to choose a theme.mp4

07:27

4. Before you Begin.mp4

02:13

2. Basics of Elementor (Beginner level)

1. Introduction to this section.mp4

02:20

2. Sections, Columns and Elements.mp4

09:52

3. Elementor Basic Stylings.mp4

16:09

4. Margins and Paddings.mp4

11:24

5. Home Work.mp4

11:18

3. Demo Site (Beginner level)

1. Here is a task for you.mp4

02:12

2. Designing Homepage 1 of 2.mp4

16:17

3. Designing Homepage 2 of 2.mp4

18:03

4. Theme Styling.mp4

07:47

5. Designing About Us Page.mp4

20:29

6. Designing Services Page.mp4

05:47

7. Designing Contact Us Page.mp4

09:25

4. Essential Skills (Beginner level)

1. How to choose and resize Image.mp4

13:34

2.1 parallax images.zip

2. Parallax Effects in Elementor.mp4

07:13

3. How to choose colors.mp4

07:24

4. Article on choosing colors.html

5. Box Shadows in Elementor.mp4

07:15

6. Hover Effects in Elementor.mp4

06:58

7. Entrance Animations in Elementor.mp4

08:31

5. Mobile Rendering (Beginner level)

1. Introduction to Mobile Rendering with Elementor.mp4

03:32

2. Homepage mobile render with Elementor.mp4

16:25

3. Homepage tablet render with Elementor.mp4

07:14

4. About page mobile render with Elementor.mp4

08:05

5. About Page Tablet render with Elementor.mp4

02:48

6. Services Page rendering with Elementor.mp4

04:25

7. Contact Us Page rendering with Elementor.mp4

02:37

8. Theme Render.mp4

02:33

6. Site Settings (Intermediate level)

1. Introduction to the site settings with Elementor.mp4

02:56

2. Global Colors in Elementor.mp4

11:49

3. Global Fonts in Elementor.mp4

04:59

4. Theme Style site settings in Elementor.mp4

06:23

5. Settings in Site Settings.mp4

11:33

7. Elementor Dashboard Settings (Intermediate Level)

1. Settings (Part 1).mp4

07:51

2. Settings (Part 2).mp4

06:45

3. Role Manager.mp4

04:49

4. Elementor Tool Settings.mp4

06:31

5. Maintenance mode using Elementor.mp4

08:49

6. Other Settings.mp4

05:35

8. Elementor Pro (Advanced)

1. Why you need the pro version.mp4

07:44

2.1 Get the pro version.html

2. Get the Pro Version.mp4

05:13

3. Blank Theme.mp4

05:34

4. Creating a custom header in Elementor.mp4

12:47

5. Premade Header Layouts.mp4

04:03

6. Footer.mp4

05:21

7. How to edit previously created HeadersFooters.mp4

03:08

8. Contact Forms.mp4

18:37

9. Popup.mp4

14:34

10. Motion Effects.mp4

05:23

9. eCommerce Crash Course

1. Why eCommerce Course in an Elementor Course.mp4

03:25

2. Installation of eCommerce Plugin.mp4

05:46

3.1 WooCommerce Product Images.zip

3. Adding the first five products.mp4

09:28

4. Basic Settings of WooCommerce.mp4

08:27

5. Demo ordering on the website.mp4

09:43

6. What are Categories.mp4

09:38

10. Elementor Templates (Advanced)

1. What is a Template and How to create a product template.mp4

08:42

2. Designing Product Template.mp4

13:07

3. Dynamic Tags.mp4

07:20

4. Preview Mode.mp4

04:21

5. Display Conditions.mp4

10:21

6. Custom Fields.mp4

17:25

7. Menu Cart.mp4

14:44

8. Header Menu.mp4

09:39

9. Single Vs Archive Template.mp4

03:34

10. Archive Template Design using Elementor.mp4

14:23

11. My Account Page design using Elementor.mp4

12:24

12. My Accounts Dashboard section Design.mp4

09:10

13. Cart Page Design Using Elementor.mp4

09:50

14. Checkout Page Design Using Elementor.mp4

05:56

15. Purchase Summary Design Using Elementor.mp4

05:06

11. Custom Post Types (Advanced)

1. Introduction.mp4

07:51

2. How to create a Custom Post Type.mp4

08:20

3. Custom Fields.mp4

06:40

4. Taxonomies.mp4

04:51

5.1 project images.zip

5. Adding Projects.mp4

05:49

6. Single Template Design Using Elementor.mp4

18:38

7. Archive Template Design Using Elementor.mp4

08:49

Description

Become an Elementor Expert. Learn how to design pages, custom headers & themes with Elementor Page Builder for WordPress

What You'll Learn?

Sections, Columns and Elements in Elementor
How to choose a theme for your site
Elementor Stylings
Margins and Paddings in Elementor
Parallax Effects in Elementor
Box Shadows in Elementor
Hover Effects in Elementor
Entrance Animations in Elementor
Motion Effects (Real time Animations) in Elementor
The Difference between Free and Pro version of Elementor
Mobile & Tablet optimization in Elementor (Responsive Website Creation)
Global Colors & Fonts in Elementor
How to show a maintenance or coming soon Page using Elementor
Custom Header & Footer in Elementor
Elementor Premade Layouts (Kits)
Contact Forms in Elementor
Popup Designing in Elementor
eCommerce Crash Course
Shop Archive Custom Design in Elementor
Single Product Custom Template in Elementor
Custom Post Types' Archive and Single Page Design in Elementor

Who is this for?

WordPress users who do not like the default gutenberg Editor.

Web Designers who want to design their own theme without Programming.

Website owners looking to redesign their previously built website.

What You Need to Know?

A WordPress website either on a web server or on your own computer.

Basic Knowledge of WordPress that includes themes, plugins, and pages only.

Elementor Plugin is required. If you want to create the templates (themes) then pro version is required.

More details

Description
Building a website is like painting a picture, except you can not see what you are painting unless you publish the page and view it on the browser. Thanks to the Elementor Page Builder for WordPress that lets users see the actual live website while they 'paint it'.
The problem with creating a website with WordPress was that until recently the only option to build a website was with a WordPress theme and that is always limited because you have to work within the boundaries of what the developers made. This will oftentimes limit you in terms of features and design options. But, when the elementor was released, it changed the whole story!
Elementor is a visual WordPress website builder that replaces the basic WordPress editor with a live frontend editor, so you can create complex layouts visually, and design your website live, without having to switch between the editor and the preview mode.
After completing this complete Elementor course, you will be able to build beautiful and functional designs without needing to use code or CSS, and without relying on developers for help. The designs that you will learn to create will be responsive by default, which means theyâ€™ll automatically look great on desktops, tablets, and mobile devices.
You will also learn How to use The Elementor Theme Builder, with which you will be able to design your entire theme using Elementorâ€™s interface, including your header, footer, WooCommerce shop pages, 404 pages, and more. You will also learn how to create global settings that let you easily control the design palette for your entire site in just a click.
In addition to designing your theme, you will also learn how to use Elementor Popup Builder to design any type of popup that you can target and trigger according to your needs.
______________________________________

This Complete Elementor course is divided into 3 main modules:

Elementor Beginner: Covers Basics of Elementor that includes sections, columns, elements, and a basic website project.
Elementor Intermediate: Covers extra settings like global colors and fonts that help developers speed up their process and reduce revision hassles.
Elementor Advanced (Requires a Pro Version): Covers Custom theme designs that include headers, single and archive templates, popup builders, Motion Effects, and much more.
Who this course is for:
WordPress users who do not like the default gutenberg Editor.
Web Designers who want to design their own theme without Programming.
Website owners looking to redesign their previously built website.

User Reviews

Rating

average 0

Total votes0

Focused display

Tanzeel Ur Rehman has been working with WordPress since he was 13 years. He spends his whole day, practically every day, experimenting with HTML, CSS, and JavaScript; dabbling with PHP and MySQL; and inhaling a wide variety of potential information through a few hundred RSS feeds. He builds websites that delight and inform.He has a passion for teaching others, especially when it comes to Web Development and WordPress. He is also an SEO expert and when it comes to WordPress, he is the best.Tanzeel is not only in the field of WordPress, Web Designing, and development But he is also a Software engineer, and not only that he can also be called a graphic designer. He is a tech geek, an article composer, and an online teacher.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.