• Post category:StudyBullet-7
  • Reading time:10 mins read


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

What you will learn

The Difference between 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

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

Motion Effects using Elementor (Live Animations)

eCommerce Crash Course

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.


Get Instant Notification of New Courses on our Telegram channel.


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:

  1. Elementor Beginner: Covers Basics of Elementor that includes sections, columns, elements, and a basic website project.
  2. Elementor Intermediate: Covers extra settings like global colors and fonts that help developers speed up their process and reduce revision hassles.
  3. Elementor Advanced (Requires a Pro Version): Covers Custom theme designs that include headers, single and archive templates, popup builders, Motion Effects, and much more.
English
language

Content

Introduction

Why Elementor
Installing Elementor
How to choose a theme?
Before you Begin

Basics of Elementor (Beginner level)

Introduction to this section
Sections, Columns and Elements
Elementor Basic Stylings
Margins and Paddings
Home Work

Demo Site (Beginner level)

Here is a task for you
Designing Homepage 1 of 2
Designing Homepage 2 of 2
Theme Styling
Designing About Us Page
Designing Services Page
Designing Contact Us Page

Essential Skills (Beginner level)

How to choose and resize Image?
Parallax Effects in Elementor
How to choose colors?
Article on choosing colors
Box Shadows in Elementor
Hover Effects in Elementor
Entrance Animations in Elementor

Mobile Rendering (Beginner level)

Introduction to Mobile Rendering with Elementor
Homepage mobile render with Elementor
Homepage tablet render with Elementor
About page mobile render with Elementor
About Page Tablet render with Elementor
Services Page rendering with Elementor
Contact Us Page rendering with Elementor
Theme Render

Site Settings (Intermediate level)

Introduction to the site settings with Elementor
Global Colors in Elementor
Global Fonts in Elementor
Theme Style site settings in Elementor
Settings in Site Settings

Elementor Dashboard Settings (Intermediate Level)

Settings (Part 1)
Settings (Part 2)
Role Manager
Elementor Tool Settings
Maintenance mode using Elementor
Other Settings

Elementor Pro (Advanced)

Why you need the pro version
Get the Pro Version
Blank Theme
Creating a custom header in Elementor
Premade Header Layouts
Footer
How to edit previously created Headers/Footers
Contact Forms
Popup
Motion Effects

eCommerce Crash Course

Why eCommerce Course in an Elementor Course?
Installation of eCommerce Plugin
Adding the first five products
Basic Settings of WooCommerce
Demo ordering on the website
What are Categories?

Elementor Templates (Advanced)

What is a Template and How to create a product template?
Designing Product Template
Dynamic Tags
Preview Mode
Display Conditions
Custom Fields
Menu Cart
Header Menu
Single Vs Archive Template
Archive Template Design using Elementor
My Account Page design using Elementor
My Account’s Dashboard section Design
Cart Page Design Using Elementor
Checkout Page Design Using Elementor
Purchase Summary Design Using Elementor

Custom Post Types (Advanced)

Introduction
How to create a Custom Post Type?
Custom Fields
Taxonomies
Adding Projects
Single Template Design Using Elementor
Archive Template Design Using Elementor