Elementor 3.0 New Theme Builder - Build WordPress Sites Fast

Name: Elementor 3.0 New Theme Builder - Build WordPress Sites Fast
Rating: 4.5 (25 reviews)

Learn How to Create Dynamic WordPress Websites Using Elementor Page Builder With the New Theme Builder & Global Settings

Created byDanijel Rose

Last updated 3/2021

English

What you'll learn

Learn How to Combine Theme Style & Global Settings (Colors & Fonts)
Learn How to Set up an Easy to Manage Website (Design System)
Use Elementor Templates and Template Kits
Turn Static Content Into Dynamic Content by Using Custom Fields
Difference Between WordPress and Elementor Settings
Use Elementor Theme Builder

Course content

5 sections • 34 lectures • 3h 47m total length

Introduction & Course Content2:39
Explore WordPress and Elementor basics, install and leverage an Elementor template kit to rapidly build a site, customize global fonts, colors, and theme settings using the theme builder.
Elementor Requirements1:12
Learn the Elementor requirements for WordPress, including a modern browser (Chrome or Firefox) due to Edge drag-and-drop issues, an active WordPress installation, and hosting with webspace and a domain.
WordPress Test Site Setup and Elementor Installation (FREE)5:02
Presenting the test site setup and installing of Elementor free and PRO.
Affiliate Link to Elementor PRO: https://elementor.com/pricing/?ref=1569
Thank you very much for your support!
Important Elementor Settings (FREE)3:59
Some important first steps in Elementor after the installation.
Article about DOM optimized output:
https://docs.elementor.com/article/673-what-is-the-optimized-dom
Create a Coming Soon Site With Elementor (FREE)4:38
How to create a Coming Soon site in Elementor?
How to exit Elementor Editor and return to Dashboard?
How to change the Page Layout Template to Elementor Canvas?
Best WordPress Themes for Elementor (FREE)4:02
Quiz 1: Elementor Themes
Astra vs. Hello -Why You Should NOT Use Hello Elementor Theme With Theme Builder6:41
Missing schema markup in Hello Theme: https://github.com/elementor/elementor/issues/3990
WordPress vs. WordPress Theme vs. Elementor (FREE)8:17
Difference between WordPress Templates and WordPress Theme? (04:30)
Quiz 2: Differences Between a WordPress Theme and the Theme Builder?
Elementor (Theme Builder) vs. WordPress Editor / WordPress Theme4:22
Compare Elementor theme builder with the WordPress editor and theme to keep markup clean and fast. Use the WordPress editor for standard pages and Elementor for key pages.

Module Overview and Introduction to Elementor Template Kits2:15
Learn to use an Elementor template kit to build a multi-page WordPress site, with home, about, course and lessons templates plus header, footer, and pop-up menu.
Difference Between Static and Dynamic Pages in Elementor (FREE)4:39
Create Static Pages (Homepage, About, Contact & 404) with Elementor Template Kit6:21
Create static pages for your WordPress site with the Elementor template kit, including home, about, contact, course landing, and 404 pages, then import, publish, and configure the theme builder.
Create a Header Including the Menu by Using Elementor Header Template and Popups6:18
Learn to build a header with a menu and popups using the Elementor header template, create and assign a menu, and replace the Astra header with a custom Elementor header.
Why It Is a Bad Idea to Include Your Contact Form Into Popups?3:11
What Is a Single Post Template?3:01
Create a Single Post Template2:46
Create a single post template for the lessons page by inserting a template from the Elementor template kit, apply it to posts, and preview the sample post.
Create a Footer With Elementor3:37

Module Overview and Definition of the Design System? (FREE)1:33
Discover how version 3.0's design system creates a single source of truth for fonts, colors, and layouts, with global settings guiding elemental designs and theme style distinctions.
Bonus-Tip: How to Define Colors for Your Website? (FREE)3:26
Helpful links:
https://coolors.co/
Design System - Global Colors (FREE)3:25
Design System - Global Fonts (FREE)6:58
Set up global fonts in the design system using the Monserrat family, configuring primary, secondary, and body typography with defined sizes and weights for consistent styling.
Theme Style Settings vs. Global Colors & Fonts (FREE)9:49
Support Article on Elementor Site:
https://elementor.com/help/how-elementors-theme-style-and-design-system-options-work-together/
Using Theme Style & Global Colors & Fonts on Existing Elementor Template (FREE)22:53
How to open browser developer tools in Elementor Editor?
Using the Navigator (12:12)

Module Overview and Setting the Content Width (FREE)3:13
Extend WordPress with custom fields to create templates, including a second single post template, and understand page, single post, and single page templates; set content width to 1280 pixels.
Adding a Personal Touch to the Elementor Templates (FREE)16:32
Tool for removing background of your images: https://photoscissors.com/
Cool Design Trick: Using Elementor Section as Image Overlay for Videos (FREE)3:46
Learn how to use an elemental section as an image overlay for a YouTube video, creating a screenshot overlay with border radius.
Adding Custom Fields to the WordPress Content (Lesson Page)8:19
Explore adding custom fields to a WordPress lesson post using built-in features and dynamic fields for duration and lesson number, without plugins, enhancing the lesson page with video content.
Great Plugins to Extend WordPress & Tips for Online Course Site Structure (FREE)6:25
Explore essential WordPress plugins, including Advanced Custom Fields, Custom Post Type UI, and Jet Engine, to create custom post types, fields, and relations for a structured online course site.
Single Template vs. Page Saved as Template - Part 119:01
Explore dynamic vs static course pages in Elementor, using a single post template with dynamic fields and custom post types to create a more scalable online course site.
Single Template vs. Page Saved as Template - Part 220:57
Turn a WordPress page into a dynamic course page with Elementor. Use custom fields, dynamic titles, and post widgets; compare single post templates with simple pages and apply category conditions.
Create Listings for Dynamic Content Such as Courses and Lessons11:08
What Is a Single Page Template?
Single Post Template vs. Single Page Template vs. Page saved as Template6:33

Requirements

You need a computer with an internet connection and a browser
Some basic WordPress knowledge is useful but not required

Description

In this course, you will learn how to build in a fast way all pages of your WordPress website thanks to Elementor Templates. I will show you how you can set up a Design System in Elementor to manage all of your global settings (global colors and global fonts) in one single place. You will also see how you can turn your static pages into dynamic content using custom fields and the new Theme Builder functionality.

Why you should take this course

UP TO DATE content - we are using Elementor 3.0 with the NEW Theme Builder and Global Settings
Don't just create a simple website - make it dynamic and save time while adding new content to your site!
Udemy Bestseller instructor with over 10 years of WordPress experience
Great "value/spent time - ratio" (no unnecessary waiting time)
Many helpful tips!

What you will learn

How to create website pages fast using Elementor Templates and the new Theme Builder
The difference between WordPress, Theme, and Elementor settings
How to create your own Theme Builder Templates
How to make your site dynamic
How to set up your website to easily maintain the website content

This is what other people say about me and my courses:

(Translated from German)

"One of the best courses I have taken at Udemy so far. The "WordPress course from WPC with the No. 1 Page Builder ELEMENTOR!" is perfectly structured, informative, and explained understandably (even for an absolute beginner like me). Furthermore, Danijel answers open questions very quickly."

"I haven't finished the course yet, but I already rate it as excellent, as it gives a lot of small tips on the 'side', especially about the things you are looking for in vain in Elementor."

"The best of courses and similar tutorials I have ever experienced. WordPress and Elementor presented in an appealing and competent way. This course in German is unique. Absolute recommendation. I hope more courses will follow."

"I already knew a lot about Elementor. Nevertheless, I learned some new things that were unknown to me so far. Also very pleasant in the presentation. Very good!"

Who this course is for:

Anyone who wants to learn how to make a functional, dynamic, and beautiful website
Small business owners who need a professional website for their business
Anyone who wants to start its own web design business and create awesome websites for clients

Elementor 3.0 New Theme Builder - Build WordPress Sites Fast

What you'll learn

Explore related topics

Course content

Module 1: Introduction & WordPress vs. Elementor9 lectures • 41min

Module 2: Using an Elementor Template Kit to Create All Website Pages in Minutes8 lectures • 32min

Module 3: Design System & Theme Style - Manage Global Styling in Elementor6 lectures • 48min

Module 4: Tweaking Elementor Templates and Making your Elementor Site Dynamic9 lectures • 1hr 36min

Module 5: Conclusion & Thank you2 lectures • 11min

Requirements

Description

Who this course is for: