This tutorial shows how to effectively use Elementor Pro for your next web design project, focusing on creating a functional and aesthetic website. You will learn to make a website by setting up containers, adding text, and configuring essential elements like menus and footers. This guide is perfect for aspiring web developer or anyone looking to learn web design from scratch.

Time Stamp

00:00:00 Introduction
00:02:37 Why Elementor
00:08:37 Course Goal
00:10:33 Installing Elementor
00:14:54 Choosing a Theme
00:20:38 Installing a Theme
00:23:42 Thinking Containers & Elements
00:37:51 Finding Inspirations
00:46:21 Finding Fonts
00:51:26 Color Palettes
01:00:37 Design Summary
01:01:17 Hex Colors
01:07:40 Images (Images Resources)
01:13:06 Elementor’s Backend Settings
01:28:00 Submissions
01:31:06 Custom Font Installing in Elementor
01:45:36 Custom Icons in Elementor
01:48:44 Custom Code in Elementor
01:51:14 Role Manager in Elementor
01:54:01 Elements Manager
01:56:57 Tools in Elementor
02:03:13 Tempates in Elementor
02:12:28 Pop Ups in Elementor
02:13:41 Theme Builder in Elementor
02:19:05 Floating Elements in Elementor
02:22:00 Kits Library
02:24:33 Interface Layout
02:38:46 Theme Styles
02:46:53 Elementor Page Structure
02:49:53 Adding Containers
02:55:13 Container Direction
03:03:24 Container Boxed v Full Width
03:13:41 Container Alignment Spacing
03:27:44 Container Padding Margin
03:40:09 Container Wrap
03:46:25 Custom Positioning in Containers
03:52:31 Container Styles
04:03:48 The Grid
04:15:55 Basic Elements
04:29:17 General Elements
04:48:08 WordPress Elements
04:49:02 Pro Elements
04:51:35 Reuseable Templates
04:54:14 Import Export of Templates
04:55:39 Global Widgets PRO
05:03:11 Built in Templates
05:07:27 The Theme Builder Display Conditions
05:11:24 Demo Site Setup
05:15:25 Color Scheme
05:17:55 Fonts
05:21:45 Theme Styles
05:27:16 Creating a Header Template
05:36:47 Creating a Footer
05:47:08 Design Homepage
06:03:21 A Note About the Template Editor
06:06:00 Archive Page The Blog
06:18:50 Archive Posts Element Vs Posts Element
06:22:04 Archive page Loop Grid
06:40:41 Other Category Templates
06:44:20 Single Post Template
06:59:58 Blog Post Template
07:06:07 Page Template
07:26:31 Live Search
07:33:34 Search Results Template
07:42:18 The 404 Page
07:48:11 Floating Social Media Bar
07:53:28 Changes to Homepage
07:55:53 Creating a Landing Page FREE PRO
08:07:59 Creating a Popup
08:20:08 SPECIAL Elementor AI Planner
08:36:47 Break Points
08:45:12 CSS Size Units
08:57:28 Font Clamps
09:05:45 Hide Elements
09:08:19 Swapping Columns on Mobile
09:10:08 Container Breakpoints
09:15:01 Responsive Styles
09:20:57 Responsive Advanced
09:27:27 Element Display Conditions PRO
09:34:11 Optimizing the Site
09:56:56 Custom Fields Custom Post Types
10:01:44 Creating Custom Post Types
10:04:54 Creating Custom Fields
10:21:25 Creating-Custom-Post-Type-LATEST
10:24:34 Adding Testimonials
10:30:00 Displaying the Testimonials
10:44:06 Creating the Testimonial Archive Page
10:52:03 Adding Categories For Custom Post Types
10:57:05 Viewport Control of Motion Effects
11:02:30 The Scrolling Effects
11:13:34 Mouse Effects
11:17:49 Sticky
11:20:23 Entrance Animations
11:24:02 Transform
11:28:58 Thanks for Watching

#elementor #wordpress #wordpresstutorial #webdesign