Elementor is the best free page builder for WordPress websites. Since Elementor is getting better and better all the time it is changing all the time. If you want to start to learn how to make websites using Elementor, this video is for you! In this video, I will go through the Basics of Elementor. In the first 2 minutes of the video, I show you what we will cover.
In this Elementor Tutorial for Beginners, you learn what the difference is between a theme and a page builder. Themes take care of your header and footer. The page builder for the content in your website. When you got that covered we will install the amazing free version of Elementor.
Then we will talk about the structure of building pages with Elementor. Elementor contains Sections, in those sections, you can place one or more columns and in those columns, you can add widgets. Sections, Columns, and Elements can be styled, and that gives you so much freedom to create beautiful pages with Elementor. I will walk you through the basics of styling all areas on your page separately.
Then we will create a hero section. The area people will see first when they enter your website. We will take a look at famous websites like Apple.com and learn from their ways of creating the hero section.
We will talk about different background types, like colors, gradients, images, and even videos. We will work with different elements like the heading element, divider, button, image carousel, video, and more. Besides that, I have tutorials about every single element on KZfaq.
We will talk about margin and padding and about negative Margin, so you can style your website better. We will talk about animations like these, and about free plugins that give you even more Elements in Elementor. For instance, the blogpost Elements that come from Essential Addons. Of course, we will talk about making your website responsive for all devices so your website looks amazing on any screen.
We will talk about the Elementor Blocks that help you to create websites even faster. We will import complete pre-made templates and change the look and feel to the styling of our website and we will even import external templates, created by the amazing community around Elementor.
We will style our website even further using shape dividers that can be adjusted to our wishes.
Last but not least, we will talk about global fonts and global colors so we can change the look and feel of our website in 2 clicks instead of changing all the fonts and colors on our website one by one.
After watching this tutorial you will be able to create amazing websites using Elementor.
Overview With Timestamps
00:00 Intro
00:13 Overview of the Elementor Tutorial
03:02 The Difference Between Themes and Page Builders
03:53 Get Elementor For Free
05:10 Open Elementor
05:35 What If Elementor Does Not Load?
Elementor Basics
06:18 Sections, Columns, and Elements
08:08 All Elements Explained
08:22 3 Levels Of Editing
09:12 Add Editing Handles
09:48 Create Your First Section in Elementor
11:41 The Section Background
14:54 How To Check The Result In Elementor
15:32 Change The Width Of Your Elementor Page
19:42 The Column Settings
21:05 Advanced Settings Of Elements
23:42 Duplicate in Elementor
24:08 The Navigator
The Homepage
25:30 Create a Hero in Elementor
26:08 Global Styles
29:14 Add Global Fonts
33:42 Add a Button
35:07 Create Shadows
35:42 Create a Second Button
36:53 Negative Margin in Elementor
39:09 Create a Divider
41:24 Add Animations
43:41 Create 3 Columns
46:30 Negative Margin
50:48 Add a Video Element
51:55 Borders and Border Radius
55:10 Mobile Optimization in Elementor
59:50 Download Free External Elements For Elementor
1:06:08 Add a Fill Section
1:09:21 Import and Adjust Pre Made Elementor Templates
1:13:20 Copy and Paste Styles
1:17:52 Add the Contact Form 7 Plugin
1:20:38 Import Elementor Blocks
1:24:10 Use Shape Dividers in Elementor
1:26:51 Duplicate Areas
1:27:32 Save Sections as Templates
1:28:00 Export Templates
1:28:26 Save Pages as Templates
1:29:09 Change the Global Colors
#Elemetnro #ElementorTutorial