Learn Elementor - WordPress Front-End Development Course

  • Course provided by Udemy
  • Study type: Online
  • Starts: Anytime
  • Price: See latest price on Udemy
Udemy

Course Description

Learn Elementor and unleash a powerful & free page builder for WordPress with this Elementor course. With it, you can drag and drop your way to a powerful website design. Elementor works a little differently from most page builders. For a start, you design live on the front-end of your site, not in the back-end Dashboard.

The free version is a page-builder that comes with dozens of beautiful widgets and templates that you can use to build your web page content with pixel perfect precision. It's an impressive and well-established page-builder.

The Pro version of Elementor will blow you away! If you have ever been frustrated trying to make your WordPress theme look like the demo you saw on the theme's homepage, you are not alone. Most themes require extra plugins and an in-depth knowledge of the support documentation to make it look anything like the one that drew you to it in the first place. With Elementor Pro, you don't need to ever feel that frustration again. Elementor Pro gives you the same drag and drop page builder, but also allows you to create your own WordPress theme, designed exactly as you want it.

This Elementor course covers both the free and paid versions of Elementor.

After a discussion of why you should learn Elementor, you'll install the plugin and a theme. We'll then cover:

  • How to borrow inspiration from other websites, to craft your own unique design. That includes choosing the right fonts and colours for your site.

  • We'll look at the box model and you'll learn how padding and margin can affect placement of elements on the page.

  • We'll take a look at Hex colour codes.

  • We'll go through all of the back-end settings, including how to install custom fonts and icons (for Pro users).

  • You'll become familiar with the front-end Elementor interface as we go through all of the menu and settings.

  • You'll get to know how an Elementor page is structured using sections, columns and elements. At this stage, I'll set you a few design tasks and then go over the solutions in detail.

  • You'll learn how to use templates so that you can create a design element once, and re-use it as many times as you want. You can even export your templates from one site and import them into another.

  • You'll see why global widgets are a powerful asset in your toolbox.

  • For Pro users, we'll look at building an entire theme with Elementor, based on the inspiration we got earlier in the course. We'll see how different templates can be created and used in different areas of the site design. We'll create templates for the site header, footer, blog page, 404 page, single post template & archive page template. Will design the homepage. We'll design a landing page. We'll even design a popup and set the trigger conditions to define when it shows on your site.

  • Elementor offers you some great tools, including motion effects. These can be used to bring movement to your pages, so we'll look at those.

  • How (and why) we can use and integrate advanced custom fields and custom post types into our site design.

  • And finally, we'll look at mobile optimization. This powerful set of tools will allow you to check (and fix) your site design so that it looks great on a desktop, tablet AND mobile phone.


    Elementor was created for every site owner that wants to create beautiful web content. It was created to allow you to design the site YOU want. This course teaches you how to use it!

Who this course is for:

  • WordPress users that are frustrated trying to get a WordPress theme to look good.
  • Any WordPress user who want flexible website design, and total control over the placement of design elements.
  • Any WordPress user that wants to learn Elementor.

Instructor

Wordpress, SEO & Self-Publishing Expert, teacher and author
  • 4.5 Instructor Rating
  • 27,934 Reviews
  • 126,243 Students
  • 30 Courses

I have written and published a number of books that are available on Amazon, including best selling books on Wordpress ("Wordpress for Beginners 2020") and search engine optimization ("SEO 2020"). I also run a website called ezSEONews, where I teach my visitors and newsletter subscribers a number of skills required for running a successful website.

As an ex-schoolteacher, I hope I can make complicated topics simple to understand. I certainly enjoy trying!

Expected Outcomes

  1. Why learning Elementor is a great option if you want a page builder and/or theme creator. The differences between the free & Pro versions of Elementor. Where to get inspiration for your website design, colour & fonts. What the box model is, and why it's so important as you design your site. How to use Elementor as a page builder. How to create a use (and re-use) templates. How to use Elementor Pro to create your own theme. How to use motion effects in your design. How to ensure your site looks great on desktop, tablet and mobile phone. How to use custom fields and custom post types for better website design and easier maintenance. Course content 13 sections • 66 lectures • 6h 27m total length Expand all sections Get Ready... 3 lectures • 10min Introduction Preview 04:29 Why Elementor? Preview 04:29 Course Goals Preview 01:20 Installing Stuff 3 lectures • 16min Installing Elementor 07:32 Choosing a Theme 05:18 Installing Astra 03:18 Designing Your Site 5 lectures • 36min Thinking Sections, Columns & Elements 09:29 Finding Inspiration 10:15 Finding Fonts 06:37 Colour Palettes 08:39 Design Summary 01:05 Essential Skills & Resources 3 lectures • 17min Box Model 09:16 Hex Colours 04:11 Images 03:42 Elementor Backend Settings 7 lectures • 20min Backend Settings 04:27 Custom Fonts (Pro Only) 04:28 Custom Icons (Pro) 02:36 Role Manager 01:58 Tools 04:44 System Info 00:52 Getting Started 01:11 Elementor Interface Settings 6 lectures • 28min Interface Layout 04:48 Hamburger Menu 06:50 Global Colours 03:34 Global Fonts 04:14 Theme Styles 05:52 Dial Pad Menu 02:23 Elementor Page Structure 8 lectures • 1hr 15min Elementor Page Structure 02:11 Sections 17:09 Columns 07:09 Elements 1 of 2 19:26 Elements 2 of 2 11:48 Homework 1 07:20 Homework 2 05:37 Homework 3 04:07 Using Templates 4 lectures • 16min Re-Useable Templates 01:36 Global Widgets 07:45 Import & Export of Templates 01:27 Built-In Templates 04:45 Theme Builder 2 lectures • 9min Building a theme 03:42 Template Display Conditions 05:24 Demo Site 15 lectures • 1hr 41min Create Pages 02:42 Create a Menu 01:21 Creating a Header Template 05:42 Creating a Footer 18:10 Design Homepage 19:17 A Better Parallax 01:11 The Other Pages 03:31 Archive Template 07:03 The Blog 06:29 Single Post Template 04:32 The 404 Page 08:04 Creating a Landing Page 06:57 Creating a Popup Template 10:50 Managing your Templates 02:53 Full Site Editing 01:59 3 more sections Requirements A working knowledge of WordPress. Elementor plugin is required for this course. If you want to design your own theme, then you will need the Pro version. Description Learn Elementor and unleash a powerful & free page builder for WordPress with this Elementor course. With it, you can drag and drop your way to a powerful website design. Elementor works a little differently from most page builders. For a start, you design live on the front-end of your site, not in the back-end Dashboard. The free version is a page-builder that comes with dozens of beautiful widgets and templates that you can use to build your web page content with pixel perfect precision. It's an impressive and well-established page-builder. The Pro version of Elementor will blow you away! If you have ever been frustrated trying to make your WordPress theme look like the demo you saw on the theme's homepage, you are not alone. Most themes require extra plugins and an in-depth knowledge of the support documentation to make it look anything like the one that drew you to it in the first place. With Elementor Pro, you don't need to ever feel that frustration again. Elementor Pro gives you the same drag and drop page builder, but also allows you to create your own WordPress theme, designed exactly as you want it. This Elementor course covers both the free and paid versions of Elementor. After a discussion of why you should learn Elementor, you'll install the plugin and a theme. We'll then cover: How to borrow inspiration from other websites, to craft your own unique design. That includes choosing the right fonts and colours for your site. We'll look at the box model and you'll learn how padding and margin can affect placement of elements on the page. We'll take a look at Hex colour codes. We'll go through all of the back-end settings, including how to install custom fonts and icons (for Pro users). You'll become familiar with the front-end Elementor interface as we go through all of the menu and settings. You'll get to know how an Elementor page is structured using sections, columns and elements. At this stage, I'll set you a few design tasks and then go over the solutions in detail. You'll learn how to use templates so that you can create a design element once, and re-use it as many times as you want. You can even export your templates from one site and import them into another. You'll see why global widgets are a powerful asset in your toolbox. For Pro users, we'll look at building an entire theme with Elementor, based on the inspiration we got earlier in the course. We'll see how different templates can be created and used in different areas of the site design. We'll create templates for the site header, footer, blog page, 404 page, single post template & archive page template. Will design the homepage. We'll design a landing page. We'll even design a popup and set the trigger conditions to define when it shows on your site. Elementor offers you some great tools, including motion effects. These can be used to bring movement to your pages, so we'll look at those. How (and why) we can use and integrate advanced custom fields and custom post types into our site design. And finally, we'll look at mobile optimization. This powerful set of tools will allow you to check (and fix) your site design so that it looks great on a desktop, tablet AND mobile phone. Elementor was created for every site owner that wants to create beautiful web content. It was created to allow you to design the site YOU want. This course teaches you how to use it! Who this course is for: WordPress users that are frustrated trying to get a WordPress theme to look good. Any WordPress user who want flexible website design, and total control over the placement of design elements. Any WordPress user that wants to learn Elementor. Show more Show less Featured review Steve Dougherty 765 courses 22 reviews Rating: 5.0 out of 5 a year ago Andrew makes sure you know the foundations of what you are doing which makes it super helpful and easier to remember the actual site build process. If you were to just teach the build process, then you could build exactly what you were shown - but with the added knowledge of the foundation of that build process, you can then build anything you can think of. Oh, & I'm just on Section 4 so I cannot wait to see what's next. - Steve D. Show more Show less Instructor Andrew Williams Wordpress, SEO & Self-Publishing Expert, teacher and author 4.5 Instructor Rating 27,934 Reviews 126,243 Students 30 Courses I have written and published a number of books that are available on Amazon, including best selling books on Wordpress ("Wordpress for Beginners 2020") and search engine optimization ("SEO 2020"). I also run a website called ezSEONews, where I teach my visitors and newsletter subscribers a number of skills required for running a successful website. As an ex-schoolteacher, I hope I can make complicated topics simple to understand. I certainly enjoy trying! Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'67775fd65f9540d1',m:'1095e9093fd4e815935d2762eb5675ecaea8b397-1627740251-1800-AVsgdBcawGpWEXH1PxgxgN9yBs9977nFL7FtG5KXV+QhiMhJ3rJwDd8tp2EyZwBFVDQ5NHKOOlE0FoSbOSKeJAtfJ4lf2iswO/NdvXv7mAWdcc1sZlcKDlf307f/o3jaDoPvRGejUO4J37U/ASGjwKLVL9ocrhbwvJIS6YEcRSilU4UxhB3eRsy/W/qzwcbP6w==',s:[0x9ef7fd42a9,0xd5091b619b],}})();
  2. The differences between the free & Pro versions of Elementor. Where to get inspiration for your website design, colour & fonts. What the box model is, and why it's so important as you design your site. How to use Elementor as a page builder. How to create a use (and re-use) templates. How to use Elementor Pro to create your own theme. How to use motion effects in your design. How to ensure your site looks great on desktop, tablet and mobile phone. How to use custom fields and custom post types for better website design and easier maintenance. Course content 13 sections • 66 lectures • 6h 27m total length Expand all sections Get Ready... 3 lectures • 10min Introduction Preview 04:29 Why Elementor? Preview 04:29 Course Goals Preview 01:20 Installing Stuff 3 lectures • 16min Installing Elementor 07:32 Choosing a Theme 05:18 Installing Astra 03:18 Designing Your Site 5 lectures • 36min Thinking Sections, Columns & Elements 09:29 Finding Inspiration 10:15 Finding Fonts 06:37 Colour Palettes 08:39 Design Summary 01:05 Essential Skills & Resources 3 lectures • 17min Box Model 09:16 Hex Colours 04:11 Images 03:42 Elementor Backend Settings 7 lectures • 20min Backend Settings 04:27 Custom Fonts (Pro Only) 04:28 Custom Icons (Pro) 02:36 Role Manager 01:58 Tools 04:44 System Info 00:52 Getting Started 01:11 Elementor Interface Settings 6 lectures • 28min Interface Layout 04:48 Hamburger Menu 06:50 Global Colours 03:34 Global Fonts 04:14 Theme Styles 05:52 Dial Pad Menu 02:23 Elementor Page Structure 8 lectures • 1hr 15min Elementor Page Structure 02:11 Sections 17:09 Columns 07:09 Elements 1 of 2 19:26 Elements 2 of 2 11:48 Homework 1 07:20 Homework 2 05:37 Homework 3 04:07 Using Templates 4 lectures • 16min Re-Useable Templates 01:36 Global Widgets 07:45 Import & Export of Templates 01:27 Built-In Templates 04:45 Theme Builder 2 lectures • 9min Building a theme 03:42 Template Display Conditions 05:24 Demo Site 15 lectures • 1hr 41min Create Pages 02:42 Create a Menu 01:21 Creating a Header Template 05:42 Creating a Footer 18:10 Design Homepage 19:17 A Better Parallax 01:11 The Other Pages 03:31 Archive Template 07:03 The Blog 06:29 Single Post Template 04:32 The 404 Page 08:04 Creating a Landing Page 06:57 Creating a Popup Template 10:50 Managing your Templates 02:53 Full Site Editing 01:59 3 more sections Requirements A working knowledge of WordPress. Elementor plugin is required for this course. If you want to design your own theme, then you will need the Pro version. Description Learn Elementor and unleash a powerful & free page builder for WordPress with this Elementor course. With it, you can drag and drop your way to a powerful website design. Elementor works a little differently from most page builders. For a start, you design live on the front-end of your site, not in the back-end Dashboard. The free version is a page-builder that comes with dozens of beautiful widgets and templates that you can use to build your web page content with pixel perfect precision. It's an impressive and well-established page-builder. The Pro version of Elementor will blow you away! If you have ever been frustrated trying to make your WordPress theme look like the demo you saw on the theme's homepage, you are not alone. Most themes require extra plugins and an in-depth knowledge of the support documentation to make it look anything like the one that drew you to it in the first place. With Elementor Pro, you don't need to ever feel that frustration again. Elementor Pro gives you the same drag and drop page builder, but also allows you to create your own WordPress theme, designed exactly as you want it. This Elementor course covers both the free and paid versions of Elementor. After a discussion of why you should learn Elementor, you'll install the plugin and a theme. We'll then cover: How to borrow inspiration from other websites, to craft your own unique design. That includes choosing the right fonts and colours for your site. We'll look at the box model and you'll learn how padding and margin can affect placement of elements on the page. We'll take a look at Hex colour codes. We'll go through all of the back-end settings, including how to install custom fonts and icons (for Pro users). You'll become familiar with the front-end Elementor interface as we go through all of the menu and settings. You'll get to know how an Elementor page is structured using sections, columns and elements. At this stage, I'll set you a few design tasks and then go over the solutions in detail. You'll learn how to use templates so that you can create a design element once, and re-use it as many times as you want. You can even export your templates from one site and import them into another. You'll see why global widgets are a powerful asset in your toolbox. For Pro users, we'll look at building an entire theme with Elementor, based on the inspiration we got earlier in the course. We'll see how different templates can be created and used in different areas of the site design. We'll create templates for the site header, footer, blog page, 404 page, single post template & archive page template. Will design the homepage. We'll design a landing page. We'll even design a popup and set the trigger conditions to define when it shows on your site. Elementor offers you some great tools, including motion effects. These can be used to bring movement to your pages, so we'll look at those. How (and why) we can use and integrate advanced custom fields and custom post types into our site design. And finally, we'll look at mobile optimization. This powerful set of tools will allow you to check (and fix) your site design so that it looks great on a desktop, tablet AND mobile phone. Elementor was created for every site owner that wants to create beautiful web content. It was created to allow you to design the site YOU want. This course teaches you how to use it! Who this course is for: WordPress users that are frustrated trying to get a WordPress theme to look good. Any WordPress user who want flexible website design, and total control over the placement of design elements. Any WordPress user that wants to learn Elementor. Show more Show less Featured review Steve Dougherty 765 courses 22 reviews Rating: 5.0 out of 5 a year ago Andrew makes sure you know the foundations of what you are doing which makes it super helpful and easier to remember the actual site build process. If you were to just teach the build process, then you could build exactly what you were shown - but with the added knowledge of the foundation of that build process, you can then build anything you can think of. Oh, & I'm just on Section 4 so I cannot wait to see what's next. - Steve D. Show more Show less Instructor Andrew Williams Wordpress, SEO & Self-Publishing Expert, teacher and author 4.5 Instructor Rating 27,934 Reviews 126,243 Students 30 Courses I have written and published a number of books that are available on Amazon, including best selling books on Wordpress ("Wordpress for Beginners 2020") and search engine optimization ("SEO 2020"). I also run a website called ezSEONews, where I teach my visitors and newsletter subscribers a number of skills required for running a successful website. As an ex-schoolteacher, I hope I can make complicated topics simple to understand. I certainly enjoy trying! Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'67775fd65f9540d1',m:'1095e9093fd4e815935d2762eb5675ecaea8b397-1627740251-1800-AVsgdBcawGpWEXH1PxgxgN9yBs9977nFL7FtG5KXV+QhiMhJ3rJwDd8tp2EyZwBFVDQ5NHKOOlE0FoSbOSKeJAtfJ4lf2iswO/NdvXv7mAWdcc1sZlcKDlf307f/o3jaDoPvRGejUO4J37U/ASGjwKLVL9ocrhbwvJIS6YEcRSilU4UxhB3eRsy/W/qzwcbP6w==',s:[0x9ef7fd42a9,0xd5091b619b],}})();
  3. Where to get inspiration for your website design, colour & fonts. What the box model is, and why it's so important as you design your site. How to use Elementor as a page builder. How to create a use (and re-use) templates. How to use Elementor Pro to create your own theme. How to use motion effects in your design. How to ensure your site looks great on desktop, tablet and mobile phone. How to use custom fields and custom post types for better website design and easier maintenance. Course content 13 sections • 66 lectures • 6h 27m total length Expand all sections Get Ready... 3 lectures • 10min Introduction Preview 04:29 Why Elementor? Preview 04:29 Course Goals Preview 01:20 Installing Stuff 3 lectures • 16min Installing Elementor 07:32 Choosing a Theme 05:18 Installing Astra 03:18 Designing Your Site 5 lectures • 36min Thinking Sections, Columns & Elements 09:29 Finding Inspiration 10:15 Finding Fonts 06:37 Colour Palettes 08:39 Design Summary 01:05 Essential Skills & Resources 3 lectures • 17min Box Model 09:16 Hex Colours 04:11 Images 03:42 Elementor Backend Settings 7 lectures • 20min Backend Settings 04:27 Custom Fonts (Pro Only) 04:28 Custom Icons (Pro) 02:36 Role Manager 01:58 Tools 04:44 System Info 00:52 Getting Started 01:11 Elementor Interface Settings 6 lectures • 28min Interface Layout 04:48 Hamburger Menu 06:50 Global Colours 03:34 Global Fonts 04:14 Theme Styles 05:52 Dial Pad Menu 02:23 Elementor Page Structure 8 lectures • 1hr 15min Elementor Page Structure 02:11 Sections 17:09 Columns 07:09 Elements 1 of 2 19:26 Elements 2 of 2 11:48 Homework 1 07:20 Homework 2 05:37 Homework 3 04:07 Using Templates 4 lectures • 16min Re-Useable Templates 01:36 Global Widgets 07:45 Import & Export of Templates 01:27 Built-In Templates 04:45 Theme Builder 2 lectures • 9min Building a theme 03:42 Template Display Conditions 05:24 Demo Site 15 lectures • 1hr 41min Create Pages 02:42 Create a Menu 01:21 Creating a Header Template 05:42 Creating a Footer 18:10 Design Homepage 19:17 A Better Parallax 01:11 The Other Pages 03:31 Archive Template 07:03 The Blog 06:29 Single Post Template 04:32 The 404 Page 08:04 Creating a Landing Page 06:57 Creating a Popup Template 10:50 Managing your Templates 02:53 Full Site Editing 01:59 3 more sections Requirements A working knowledge of WordPress. Elementor plugin is required for this course. If you want to design your own theme, then you will need the Pro version. Description Learn Elementor and unleash a powerful & free page builder for WordPress with this Elementor course. With it, you can drag and drop your way to a powerful website design. Elementor works a little differently from most page builders. For a start, you design live on the front-end of your site, not in the back-end Dashboard. The free version is a page-builder that comes with dozens of beautiful widgets and templates that you can use to build your web page content with pixel perfect precision. It's an impressive and well-established page-builder. The Pro version of Elementor will blow you away! If you have ever been frustrated trying to make your WordPress theme look like the demo you saw on the theme's homepage, you are not alone. Most themes require extra plugins and an in-depth knowledge of the support documentation to make it look anything like the one that drew you to it in the first place. With Elementor Pro, you don't need to ever feel that frustration again. Elementor Pro gives you the same drag and drop page builder, but also allows you to create your own WordPress theme, designed exactly as you want it. This Elementor course covers both the free and paid versions of Elementor. After a discussion of why you should learn Elementor, you'll install the plugin and a theme. We'll then cover: How to borrow inspiration from other websites, to craft your own unique design. That includes choosing the right fonts and colours for your site. We'll look at the box model and you'll learn how padding and margin can affect placement of elements on the page. We'll take a look at Hex colour codes. We'll go through all of the back-end settings, including how to install custom fonts and icons (for Pro users). You'll become familiar with the front-end Elementor interface as we go through all of the menu and settings. You'll get to know how an Elementor page is structured using sections, columns and elements. At this stage, I'll set you a few design tasks and then go over the solutions in detail. You'll learn how to use templates so that you can create a design element once, and re-use it as many times as you want. You can even export your templates from one site and import them into another. You'll see why global widgets are a powerful asset in your toolbox. For Pro users, we'll look at building an entire theme with Elementor, based on the inspiration we got earlier in the course. We'll see how different templates can be created and used in different areas of the site design. We'll create templates for the site header, footer, blog page, 404 page, single post template & archive page template. Will design the homepage. We'll design a landing page. We'll even design a popup and set the trigger conditions to define when it shows on your site. Elementor offers you some great tools, including motion effects. These can be used to bring movement to your pages, so we'll look at those. How (and why) we can use and integrate advanced custom fields and custom post types into our site design. And finally, we'll look at mobile optimization. This powerful set of tools will allow you to check (and fix) your site design so that it looks great on a desktop, tablet AND mobile phone. Elementor was created for every site owner that wants to create beautiful web content. It was created to allow you to design the site YOU want. This course teaches you how to use it! Who this course is for: WordPress users that are frustrated trying to get a WordPress theme to look good. Any WordPress user who want flexible website design, and total control over the placement of design elements. Any WordPress user that wants to learn Elementor. Show more Show less Featured review Steve Dougherty 765 courses 22 reviews Rating: 5.0 out of 5 a year ago Andrew makes sure you know the foundations of what you are doing which makes it super helpful and easier to remember the actual site build process. If you were to just teach the build process, then you could build exactly what you were shown - but with the added knowledge of the foundation of that build process, you can then build anything you can think of. Oh, & I'm just on Section 4 so I cannot wait to see what's next. - Steve D. Show more Show less Instructor Andrew Williams Wordpress, SEO & Self-Publishing Expert, teacher and author 4.5 Instructor Rating 27,934 Reviews 126,243 Students 30 Courses I have written and published a number of books that are available on Amazon, including best selling books on Wordpress ("Wordpress for Beginners 2020") and search engine optimization ("SEO 2020"). I also run a website called ezSEONews, where I teach my visitors and newsletter subscribers a number of skills required for running a successful website. As an ex-schoolteacher, I hope I can make complicated topics simple to understand. I certainly enjoy trying! Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'67775fd65f9540d1',m:'1095e9093fd4e815935d2762eb5675ecaea8b397-1627740251-1800-AVsgdBcawGpWEXH1PxgxgN9yBs9977nFL7FtG5KXV+QhiMhJ3rJwDd8tp2EyZwBFVDQ5NHKOOlE0FoSbOSKeJAtfJ4lf2iswO/NdvXv7mAWdcc1sZlcKDlf307f/o3jaDoPvRGejUO4J37U/ASGjwKLVL9ocrhbwvJIS6YEcRSilU4UxhB3eRsy/W/qzwcbP6w==',s:[0x9ef7fd42a9,0xd5091b619b],}})();
  4. What the box model is, and why it's so important as you design your site. How to use Elementor as a page builder. How to create a use (and re-use) templates. How to use Elementor Pro to create your own theme. How to use motion effects in your design. How to ensure your site looks great on desktop, tablet and mobile phone. How to use custom fields and custom post types for better website design and easier maintenance. Course content 13 sections • 66 lectures • 6h 27m total length Expand all sections Get Ready... 3 lectures • 10min Introduction Preview 04:29 Why Elementor? Preview 04:29 Course Goals Preview 01:20 Installing Stuff 3 lectures • 16min Installing Elementor 07:32 Choosing a Theme 05:18 Installing Astra 03:18 Designing Your Site 5 lectures • 36min Thinking Sections, Columns & Elements 09:29 Finding Inspiration 10:15 Finding Fonts 06:37 Colour Palettes 08:39 Design Summary 01:05 Essential Skills & Resources 3 lectures • 17min Box Model 09:16 Hex Colours 04:11 Images 03:42 Elementor Backend Settings 7 lectures • 20min Backend Settings 04:27 Custom Fonts (Pro Only) 04:28 Custom Icons (Pro) 02:36 Role Manager 01:58 Tools 04:44 System Info 00:52 Getting Started 01:11 Elementor Interface Settings 6 lectures • 28min Interface Layout 04:48 Hamburger Menu 06:50 Global Colours 03:34 Global Fonts 04:14 Theme Styles 05:52 Dial Pad Menu 02:23 Elementor Page Structure 8 lectures • 1hr 15min Elementor Page Structure 02:11 Sections 17:09 Columns 07:09 Elements 1 of 2 19:26 Elements 2 of 2 11:48 Homework 1 07:20 Homework 2 05:37 Homework 3 04:07 Using Templates 4 lectures • 16min Re-Useable Templates 01:36 Global Widgets 07:45 Import & Export of Templates 01:27 Built-In Templates 04:45 Theme Builder 2 lectures • 9min Building a theme 03:42 Template Display Conditions 05:24 Demo Site 15 lectures • 1hr 41min Create Pages 02:42 Create a Menu 01:21 Creating a Header Template 05:42 Creating a Footer 18:10 Design Homepage 19:17 A Better Parallax 01:11 The Other Pages 03:31 Archive Template 07:03 The Blog 06:29 Single Post Template 04:32 The 404 Page 08:04 Creating a Landing Page 06:57 Creating a Popup Template 10:50 Managing your Templates 02:53 Full Site Editing 01:59 3 more sections Requirements A working knowledge of WordPress. Elementor plugin is required for this course. If you want to design your own theme, then you will need the Pro version. Description Learn Elementor and unleash a powerful & free page builder for WordPress with this Elementor course. With it, you can drag and drop your way to a powerful website design. Elementor works a little differently from most page builders. For a start, you design live on the front-end of your site, not in the back-end Dashboard. The free version is a page-builder that comes with dozens of beautiful widgets and templates that you can use to build your web page content with pixel perfect precision. It's an impressive and well-established page-builder. The Pro version of Elementor will blow you away! If you have ever been frustrated trying to make your WordPress theme look like the demo you saw on the theme's homepage, you are not alone. Most themes require extra plugins and an in-depth knowledge of the support documentation to make it look anything like the one that drew you to it in the first place. With Elementor Pro, you don't need to ever feel that frustration again. Elementor Pro gives you the same drag and drop page builder, but also allows you to create your own WordPress theme, designed exactly as you want it. This Elementor course covers both the free and paid versions of Elementor. After a discussion of why you should learn Elementor, you'll install the plugin and a theme. We'll then cover: How to borrow inspiration from other websites, to craft your own unique design. That includes choosing the right fonts and colours for your site. We'll look at the box model and you'll learn how padding and margin can affect placement of elements on the page. We'll take a look at Hex colour codes. We'll go through all of the back-end settings, including how to install custom fonts and icons (for Pro users). You'll become familiar with the front-end Elementor interface as we go through all of the menu and settings. You'll get to know how an Elementor page is structured using sections, columns and elements. At this stage, I'll set you a few design tasks and then go over the solutions in detail. You'll learn how to use templates so that you can create a design element once, and re-use it as many times as you want. You can even export your templates from one site and import them into another. You'll see why global widgets are a powerful asset in your toolbox. For Pro users, we'll look at building an entire theme with Elementor, based on the inspiration we got earlier in the course. We'll see how different templates can be created and used in different areas of the site design. We'll create templates for the site header, footer, blog page, 404 page, single post template & archive page template. Will design the homepage. We'll design a landing page. We'll even design a popup and set the trigger conditions to define when it shows on your site. Elementor offers you some great tools, including motion effects. These can be used to bring movement to your pages, so we'll look at those. How (and why) we can use and integrate advanced custom fields and custom post types into our site design. And finally, we'll look at mobile optimization. This powerful set of tools will allow you to check (and fix) your site design so that it looks great on a desktop, tablet AND mobile phone. Elementor was created for every site owner that wants to create beautiful web content. It was created to allow you to design the site YOU want. This course teaches you how to use it! Who this course is for: WordPress users that are frustrated trying to get a WordPress theme to look good. Any WordPress user who want flexible website design, and total control over the placement of design elements. Any WordPress user that wants to learn Elementor. Show more Show less Featured review Steve Dougherty 765 courses 22 reviews Rating: 5.0 out of 5 a year ago Andrew makes sure you know the foundations of what you are doing which makes it super helpful and easier to remember the actual site build process. If you were to just teach the build process, then you could build exactly what you were shown - but with the added knowledge of the foundation of that build process, you can then build anything you can think of. Oh, & I'm just on Section 4 so I cannot wait to see what's next. - Steve D. Show more Show less Instructor Andrew Williams Wordpress, SEO & Self-Publishing Expert, teacher and author 4.5 Instructor Rating 27,934 Reviews 126,243 Students 30 Courses I have written and published a number of books that are available on Amazon, including best selling books on Wordpress ("Wordpress for Beginners 2020") and search engine optimization ("SEO 2020"). I also run a website called ezSEONews, where I teach my visitors and newsletter subscribers a number of skills required for running a successful website. As an ex-schoolteacher, I hope I can make complicated topics simple to understand. I certainly enjoy trying! Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'67775fd65f9540d1',m:'1095e9093fd4e815935d2762eb5675ecaea8b397-1627740251-1800-AVsgdBcawGpWEXH1PxgxgN9yBs9977nFL7FtG5KXV+QhiMhJ3rJwDd8tp2EyZwBFVDQ5NHKOOlE0FoSbOSKeJAtfJ4lf2iswO/NdvXv7mAWdcc1sZlcKDlf307f/o3jaDoPvRGejUO4J37U/ASGjwKLVL9ocrhbwvJIS6YEcRSilU4UxhB3eRsy/W/qzwcbP6w==',s:[0x9ef7fd42a9,0xd5091b619b],}})();
  5. How to use Elementor as a page builder. How to create a use (and re-use) templates. How to use Elementor Pro to create your own theme. How to use motion effects in your design. How to ensure your site looks great on desktop, tablet and mobile phone. How to use custom fields and custom post types for better website design and easier maintenance. Course content 13 sections • 66 lectures • 6h 27m total length Expand all sections Get Ready... 3 lectures • 10min Introduction Preview 04:29 Why Elementor? Preview 04:29 Course Goals Preview 01:20 Installing Stuff 3 lectures • 16min Installing Elementor 07:32 Choosing a Theme 05:18 Installing Astra 03:18 Designing Your Site 5 lectures • 36min Thinking Sections, Columns & Elements 09:29 Finding Inspiration 10:15 Finding Fonts 06:37 Colour Palettes 08:39 Design Summary 01:05 Essential Skills & Resources 3 lectures • 17min Box Model 09:16 Hex Colours 04:11 Images 03:42 Elementor Backend Settings 7 lectures • 20min Backend Settings 04:27 Custom Fonts (Pro Only) 04:28 Custom Icons (Pro) 02:36 Role Manager 01:58 Tools 04:44 System Info 00:52 Getting Started 01:11 Elementor Interface Settings 6 lectures • 28min Interface Layout 04:48 Hamburger Menu 06:50 Global Colours 03:34 Global Fonts 04:14 Theme Styles 05:52 Dial Pad Menu 02:23 Elementor Page Structure 8 lectures • 1hr 15min Elementor Page Structure 02:11 Sections 17:09 Columns 07:09 Elements 1 of 2 19:26 Elements 2 of 2 11:48 Homework 1 07:20 Homework 2 05:37 Homework 3 04:07 Using Templates 4 lectures • 16min Re-Useable Templates 01:36 Global Widgets 07:45 Import & Export of Templates 01:27 Built-In Templates 04:45 Theme Builder 2 lectures • 9min Building a theme 03:42 Template Display Conditions 05:24 Demo Site 15 lectures • 1hr 41min Create Pages 02:42 Create a Menu 01:21 Creating a Header Template 05:42 Creating a Footer 18:10 Design Homepage 19:17 A Better Parallax 01:11 The Other Pages 03:31 Archive Template 07:03 The Blog 06:29 Single Post Template 04:32 The 404 Page 08:04 Creating a Landing Page 06:57 Creating a Popup Template 10:50 Managing your Templates 02:53 Full Site Editing 01:59 3 more sections Requirements A working knowledge of WordPress. Elementor plugin is required for this course. If you want to design your own theme, then you will need the Pro version. Description Learn Elementor and unleash a powerful & free page builder for WordPress with this Elementor course. With it, you can drag and drop your way to a powerful website design. Elementor works a little differently from most page builders. For a start, you design live on the front-end of your site, not in the back-end Dashboard. The free version is a page-builder that comes with dozens of beautiful widgets and templates that you can use to build your web page content with pixel perfect precision. It's an impressive and well-established page-builder. The Pro version of Elementor will blow you away! If you have ever been frustrated trying to make your WordPress theme look like the demo you saw on the theme's homepage, you are not alone. Most themes require extra plugins and an in-depth knowledge of the support documentation to make it look anything like the one that drew you to it in the first place. With Elementor Pro, you don't need to ever feel that frustration again. Elementor Pro gives you the same drag and drop page builder, but also allows you to create your own WordPress theme, designed exactly as you want it. This Elementor course covers both the free and paid versions of Elementor. After a discussion of why you should learn Elementor, you'll install the plugin and a theme. We'll then cover: How to borrow inspiration from other websites, to craft your own unique design. That includes choosing the right fonts and colours for your site. We'll look at the box model and you'll learn how padding and margin can affect placement of elements on the page. We'll take a look at Hex colour codes. We'll go through all of the back-end settings, including how to install custom fonts and icons (for Pro users). You'll become familiar with the front-end Elementor interface as we go through all of the menu and settings. You'll get to know how an Elementor page is structured using sections, columns and elements. At this stage, I'll set you a few design tasks and then go over the solutions in detail. You'll learn how to use templates so that you can create a design element once, and re-use it as many times as you want. You can even export your templates from one site and import them into another. You'll see why global widgets are a powerful asset in your toolbox. For Pro users, we'll look at building an entire theme with Elementor, based on the inspiration we got earlier in the course. We'll see how different templates can be created and used in different areas of the site design. We'll create templates for the site header, footer, blog page, 404 page, single post template & archive page template. Will design the homepage. We'll design a landing page. We'll even design a popup and set the trigger conditions to define when it shows on your site. Elementor offers you some great tools, including motion effects. These can be used to bring movement to your pages, so we'll look at those. How (and why) we can use and integrate advanced custom fields and custom post types into our site design. And finally, we'll look at mobile optimization. This powerful set of tools will allow you to check (and fix) your site design so that it looks great on a desktop, tablet AND mobile phone. Elementor was created for every site owner that wants to create beautiful web content. It was created to allow you to design the site YOU want. This course teaches you how to use it! Who this course is for: WordPress users that are frustrated trying to get a WordPress theme to look good. Any WordPress user who want flexible website design, and total control over the placement of design elements. Any WordPress user that wants to learn Elementor. Show more Show less Featured review Steve Dougherty 765 courses 22 reviews Rating: 5.0 out of 5 a year ago Andrew makes sure you know the foundations of what you are doing which makes it super helpful and easier to remember the actual site build process. If you were to just teach the build process, then you could build exactly what you were shown - but with the added knowledge of the foundation of that build process, you can then build anything you can think of. Oh, & I'm just on Section 4 so I cannot wait to see what's next. - Steve D. Show more Show less Instructor Andrew Williams Wordpress, SEO & Self-Publishing Expert, teacher and author 4.5 Instructor Rating 27,934 Reviews 126,243 Students 30 Courses I have written and published a number of books that are available on Amazon, including best selling books on Wordpress ("Wordpress for Beginners 2020") and search engine optimization ("SEO 2020"). I also run a website called ezSEONews, where I teach my visitors and newsletter subscribers a number of skills required for running a successful website. As an ex-schoolteacher, I hope I can make complicated topics simple to understand. I certainly enjoy trying! Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'67775fd65f9540d1',m:'1095e9093fd4e815935d2762eb5675ecaea8b397-1627740251-1800-AVsgdBcawGpWEXH1PxgxgN9yBs9977nFL7FtG5KXV+QhiMhJ3rJwDd8tp2EyZwBFVDQ5NHKOOlE0FoSbOSKeJAtfJ4lf2iswO/NdvXv7mAWdcc1sZlcKDlf307f/o3jaDoPvRGejUO4J37U/ASGjwKLVL9ocrhbwvJIS6YEcRSilU4UxhB3eRsy/W/qzwcbP6w==',s:[0x9ef7fd42a9,0xd5091b619b],}})();
  6. How to create a use (and re-use) templates. How to use Elementor Pro to create your own theme. How to use motion effects in your design. How to ensure your site looks great on desktop, tablet and mobile phone. How to use custom fields and custom post types for better website design and easier maintenance. Course content 13 sections • 66 lectures • 6h 27m total length Expand all sections Get Ready... 3 lectures • 10min Introduction Preview 04:29 Why Elementor? Preview 04:29 Course Goals Preview 01:20 Installing Stuff 3 lectures • 16min Installing Elementor 07:32 Choosing a Theme 05:18 Installing Astra 03:18 Designing Your Site 5 lectures • 36min Thinking Sections, Columns & Elements 09:29 Finding Inspiration 10:15 Finding Fonts 06:37 Colour Palettes 08:39 Design Summary 01:05 Essential Skills & Resources 3 lectures • 17min Box Model 09:16 Hex Colours 04:11 Images 03:42 Elementor Backend Settings 7 lectures • 20min Backend Settings 04:27 Custom Fonts (Pro Only) 04:28 Custom Icons (Pro) 02:36 Role Manager 01:58 Tools 04:44 System Info 00:52 Getting Started 01:11 Elementor Interface Settings 6 lectures • 28min Interface Layout 04:48 Hamburger Menu 06:50 Global Colours 03:34 Global Fonts 04:14 Theme Styles 05:52 Dial Pad Menu 02:23 Elementor Page Structure 8 lectures • 1hr 15min Elementor Page Structure 02:11 Sections 17:09 Columns 07:09 Elements 1 of 2 19:26 Elements 2 of 2 11:48 Homework 1 07:20 Homework 2 05:37 Homework 3 04:07 Using Templates 4 lectures • 16min Re-Useable Templates 01:36 Global Widgets 07:45 Import & Export of Templates 01:27 Built-In Templates 04:45 Theme Builder 2 lectures • 9min Building a theme 03:42 Template Display Conditions 05:24 Demo Site 15 lectures • 1hr 41min Create Pages 02:42 Create a Menu 01:21 Creating a Header Template 05:42 Creating a Footer 18:10 Design Homepage 19:17 A Better Parallax 01:11 The Other Pages 03:31 Archive Template 07:03 The Blog 06:29 Single Post Template 04:32 The 404 Page 08:04 Creating a Landing Page 06:57 Creating a Popup Template 10:50 Managing your Templates 02:53 Full Site Editing 01:59 3 more sections Requirements A working knowledge of WordPress. Elementor plugin is required for this course. If you want to design your own theme, then you will need the Pro version. Description Learn Elementor and unleash a powerful & free page builder for WordPress with this Elementor course. With it, you can drag and drop your way to a powerful website design. Elementor works a little differently from most page builders. For a start, you design live on the front-end of your site, not in the back-end Dashboard. The free version is a page-builder that comes with dozens of beautiful widgets and templates that you can use to build your web page content with pixel perfect precision. It's an impressive and well-established page-builder. The Pro version of Elementor will blow you away! If you have ever been frustrated trying to make your WordPress theme look like the demo you saw on the theme's homepage, you are not alone. Most themes require extra plugins and an in-depth knowledge of the support documentation to make it look anything like the one that drew you to it in the first place. With Elementor Pro, you don't need to ever feel that frustration again. Elementor Pro gives you the same drag and drop page builder, but also allows you to create your own WordPress theme, designed exactly as you want it. This Elementor course covers both the free and paid versions of Elementor. After a discussion of why you should learn Elementor, you'll install the plugin and a theme. We'll then cover: How to borrow inspiration from other websites, to craft your own unique design. That includes choosing the right fonts and colours for your site. We'll look at the box model and you'll learn how padding and margin can affect placement of elements on the page. We'll take a look at Hex colour codes. We'll go through all of the back-end settings, including how to install custom fonts and icons (for Pro users). You'll become familiar with the front-end Elementor interface as we go through all of the menu and settings. You'll get to know how an Elementor page is structured using sections, columns and elements. At this stage, I'll set you a few design tasks and then go over the solutions in detail. You'll learn how to use templates so that you can create a design element once, and re-use it as many times as you want. You can even export your templates from one site and import them into another. You'll see why global widgets are a powerful asset in your toolbox. For Pro users, we'll look at building an entire theme with Elementor, based on the inspiration we got earlier in the course. We'll see how different templates can be created and used in different areas of the site design. We'll create templates for the site header, footer, blog page, 404 page, single post template & archive page template. Will design the homepage. We'll design a landing page. We'll even design a popup and set the trigger conditions to define when it shows on your site. Elementor offers you some great tools, including motion effects. These can be used to bring movement to your pages, so we'll look at those. How (and why) we can use and integrate advanced custom fields and custom post types into our site design. And finally, we'll look at mobile optimization. This powerful set of tools will allow you to check (and fix) your site design so that it looks great on a desktop, tablet AND mobile phone. Elementor was created for every site owner that wants to create beautiful web content. It was created to allow you to design the site YOU want. This course teaches you how to use it! Who this course is for: WordPress users that are frustrated trying to get a WordPress theme to look good. Any WordPress user who want flexible website design, and total control over the placement of design elements. Any WordPress user that wants to learn Elementor. Show more Show less Featured review Steve Dougherty 765 courses 22 reviews Rating: 5.0 out of 5 a year ago Andrew makes sure you know the foundations of what you are doing which makes it super helpful and easier to remember the actual site build process. If you were to just teach the build process, then you could build exactly what you were shown - but with the added knowledge of the foundation of that build process, you can then build anything you can think of. Oh, & I'm just on Section 4 so I cannot wait to see what's next. - Steve D. Show more Show less Instructor Andrew Williams Wordpress, SEO & Self-Publishing Expert, teacher and author 4.5 Instructor Rating 27,934 Reviews 126,243 Students 30 Courses I have written and published a number of books that are available on Amazon, including best selling books on Wordpress ("Wordpress for Beginners 2020") and search engine optimization ("SEO 2020"). I also run a website called ezSEONews, where I teach my visitors and newsletter subscribers a number of skills required for running a successful website. As an ex-schoolteacher, I hope I can make complicated topics simple to understand. I certainly enjoy trying! Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'67775fd65f9540d1',m:'1095e9093fd4e815935d2762eb5675ecaea8b397-1627740251-1800-AVsgdBcawGpWEXH1PxgxgN9yBs9977nFL7FtG5KXV+QhiMhJ3rJwDd8tp2EyZwBFVDQ5NHKOOlE0FoSbOSKeJAtfJ4lf2iswO/NdvXv7mAWdcc1sZlcKDlf307f/o3jaDoPvRGejUO4J37U/ASGjwKLVL9ocrhbwvJIS6YEcRSilU4UxhB3eRsy/W/qzwcbP6w==',s:[0x9ef7fd42a9,0xd5091b619b],}})();
  7. How to use Elementor Pro to create your own theme. How to use motion effects in your design. How to ensure your site looks great on desktop, tablet and mobile phone. How to use custom fields and custom post types for better website design and easier maintenance. Course content 13 sections • 66 lectures • 6h 27m total length Expand all sections Get Ready... 3 lectures • 10min Introduction Preview 04:29 Why Elementor? Preview 04:29 Course Goals Preview 01:20 Installing Stuff 3 lectures • 16min Installing Elementor 07:32 Choosing a Theme 05:18 Installing Astra 03:18 Designing Your Site 5 lectures • 36min Thinking Sections, Columns & Elements 09:29 Finding Inspiration 10:15 Finding Fonts 06:37 Colour Palettes 08:39 Design Summary 01:05 Essential Skills & Resources 3 lectures • 17min Box Model 09:16 Hex Colours 04:11 Images 03:42 Elementor Backend Settings 7 lectures • 20min Backend Settings 04:27 Custom Fonts (Pro Only) 04:28 Custom Icons (Pro) 02:36 Role Manager 01:58 Tools 04:44 System Info 00:52 Getting Started 01:11 Elementor Interface Settings 6 lectures • 28min Interface Layout 04:48 Hamburger Menu 06:50 Global Colours 03:34 Global Fonts 04:14 Theme Styles 05:52 Dial Pad Menu 02:23 Elementor Page Structure 8 lectures • 1hr 15min Elementor Page Structure 02:11 Sections 17:09 Columns 07:09 Elements 1 of 2 19:26 Elements 2 of 2 11:48 Homework 1 07:20 Homework 2 05:37 Homework 3 04:07 Using Templates 4 lectures • 16min Re-Useable Templates 01:36 Global Widgets 07:45 Import & Export of Templates 01:27 Built-In Templates 04:45 Theme Builder 2 lectures • 9min Building a theme 03:42 Template Display Conditions 05:24 Demo Site 15 lectures • 1hr 41min Create Pages 02:42 Create a Menu 01:21 Creating a Header Template 05:42 Creating a Footer 18:10 Design Homepage 19:17 A Better Parallax 01:11 The Other Pages 03:31 Archive Template 07:03 The Blog 06:29 Single Post Template 04:32 The 404 Page 08:04 Creating a Landing Page 06:57 Creating a Popup Template 10:50 Managing your Templates 02:53 Full Site Editing 01:59 3 more sections Requirements A working knowledge of WordPress. Elementor plugin is required for this course. If you want to design your own theme, then you will need the Pro version. Description Learn Elementor and unleash a powerful & free page builder for WordPress with this Elementor course. With it, you can drag and drop your way to a powerful website design. Elementor works a little differently from most page builders. For a start, you design live on the front-end of your site, not in the back-end Dashboard. The free version is a page-builder that comes with dozens of beautiful widgets and templates that you can use to build your web page content with pixel perfect precision. It's an impressive and well-established page-builder. The Pro version of Elementor will blow you away! If you have ever been frustrated trying to make your WordPress theme look like the demo you saw on the theme's homepage, you are not alone. Most themes require extra plugins and an in-depth knowledge of the support documentation to make it look anything like the one that drew you to it in the first place. With Elementor Pro, you don't need to ever feel that frustration again. Elementor Pro gives you the same drag and drop page builder, but also allows you to create your own WordPress theme, designed exactly as you want it. This Elementor course covers both the free and paid versions of Elementor. After a discussion of why you should learn Elementor, you'll install the plugin and a theme. We'll then cover: How to borrow inspiration from other websites, to craft your own unique design. That includes choosing the right fonts and colours for your site. We'll look at the box model and you'll learn how padding and margin can affect placement of elements on the page. We'll take a look at Hex colour codes. We'll go through all of the back-end settings, including how to install custom fonts and icons (for Pro users). You'll become familiar with the front-end Elementor interface as we go through all of the menu and settings. You'll get to know how an Elementor page is structured using sections, columns and elements. At this stage, I'll set you a few design tasks and then go over the solutions in detail. You'll learn how to use templates so that you can create a design element once, and re-use it as many times as you want. You can even export your templates from one site and import them into another. You'll see why global widgets are a powerful asset in your toolbox. For Pro users, we'll look at building an entire theme with Elementor, based on the inspiration we got earlier in the course. We'll see how different templates can be created and used in different areas of the site design. We'll create templates for the site header, footer, blog page, 404 page, single post template & archive page template. Will design the homepage. We'll design a landing page. We'll even design a popup and set the trigger conditions to define when it shows on your site. Elementor offers you some great tools, including motion effects. These can be used to bring movement to your pages, so we'll look at those. How (and why) we can use and integrate advanced custom fields and custom post types into our site design. And finally, we'll look at mobile optimization. This powerful set of tools will allow you to check (and fix) your site design so that it looks great on a desktop, tablet AND mobile phone. Elementor was created for every site owner that wants to create beautiful web content. It was created to allow you to design the site YOU want. This course teaches you how to use it! Who this course is for: WordPress users that are frustrated trying to get a WordPress theme to look good. Any WordPress user who want flexible website design, and total control over the placement of design elements. Any WordPress user that wants to learn Elementor. Show more Show less Featured review Steve Dougherty 765 courses 22 reviews Rating: 5.0 out of 5 a year ago Andrew makes sure you know the foundations of what you are doing which makes it super helpful and easier to remember the actual site build process. If you were to just teach the build process, then you could build exactly what you were shown - but with the added knowledge of the foundation of that build process, you can then build anything you can think of. Oh, & I'm just on Section 4 so I cannot wait to see what's next. - Steve D. Show more Show less Instructor Andrew Williams Wordpress, SEO & Self-Publishing Expert, teacher and author 4.5 Instructor Rating 27,934 Reviews 126,243 Students 30 Courses I have written and published a number of books that are available on Amazon, including best selling books on Wordpress ("Wordpress for Beginners 2020") and search engine optimization ("SEO 2020"). I also run a website called ezSEONews, where I teach my visitors and newsletter subscribers a number of skills required for running a successful website. As an ex-schoolteacher, I hope I can make complicated topics simple to understand. I certainly enjoy trying! Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'67775fd65f9540d1',m:'1095e9093fd4e815935d2762eb5675ecaea8b397-1627740251-1800-AVsgdBcawGpWEXH1PxgxgN9yBs9977nFL7FtG5KXV+QhiMhJ3rJwDd8tp2EyZwBFVDQ5NHKOOlE0FoSbOSKeJAtfJ4lf2iswO/NdvXv7mAWdcc1sZlcKDlf307f/o3jaDoPvRGejUO4J37U/ASGjwKLVL9ocrhbwvJIS6YEcRSilU4UxhB3eRsy/W/qzwcbP6w==',s:[0x9ef7fd42a9,0xd5091b619b],}})();
  8. How to use motion effects in your design. How to ensure your site looks great on desktop, tablet and mobile phone. How to use custom fields and custom post types for better website design and easier maintenance. Course content 13 sections • 66 lectures • 6h 27m total length Expand all sections Get Ready... 3 lectures • 10min Introduction Preview 04:29 Why Elementor? Preview 04:29 Course Goals Preview 01:20 Installing Stuff 3 lectures • 16min Installing Elementor 07:32 Choosing a Theme 05:18 Installing Astra 03:18 Designing Your Site 5 lectures • 36min Thinking Sections, Columns & Elements 09:29 Finding Inspiration 10:15 Finding Fonts 06:37 Colour Palettes 08:39 Design Summary 01:05 Essential Skills & Resources 3 lectures • 17min Box Model 09:16 Hex Colours 04:11 Images 03:42 Elementor Backend Settings 7 lectures • 20min Backend Settings 04:27 Custom Fonts (Pro Only) 04:28 Custom Icons (Pro) 02:36 Role Manager 01:58 Tools 04:44 System Info 00:52 Getting Started 01:11 Elementor Interface Settings 6 lectures • 28min Interface Layout 04:48 Hamburger Menu 06:50 Global Colours 03:34 Global Fonts 04:14 Theme Styles 05:52 Dial Pad Menu 02:23 Elementor Page Structure 8 lectures • 1hr 15min Elementor Page Structure 02:11 Sections 17:09 Columns 07:09 Elements 1 of 2 19:26 Elements 2 of 2 11:48 Homework 1 07:20 Homework 2 05:37 Homework 3 04:07 Using Templates 4 lectures • 16min Re-Useable Templates 01:36 Global Widgets 07:45 Import & Export of Templates 01:27 Built-In Templates 04:45 Theme Builder 2 lectures • 9min Building a theme 03:42 Template Display Conditions 05:24 Demo Site 15 lectures • 1hr 41min Create Pages 02:42 Create a Menu 01:21 Creating a Header Template 05:42 Creating a Footer 18:10 Design Homepage 19:17 A Better Parallax 01:11 The Other Pages 03:31 Archive Template 07:03 The Blog 06:29 Single Post Template 04:32 The 404 Page 08:04 Creating a Landing Page 06:57 Creating a Popup Template 10:50 Managing your Templates 02:53 Full Site Editing 01:59 3 more sections Requirements A working knowledge of WordPress. Elementor plugin is required for this course. If you want to design your own theme, then you will need the Pro version. Description Learn Elementor and unleash a powerful & free page builder for WordPress with this Elementor course. With it, you can drag and drop your way to a powerful website design. Elementor works a little differently from most page builders. For a start, you design live on the front-end of your site, not in the back-end Dashboard. The free version is a page-builder that comes with dozens of beautiful widgets and templates that you can use to build your web page content with pixel perfect precision. It's an impressive and well-established page-builder. The Pro version of Elementor will blow you away! If you have ever been frustrated trying to make your WordPress theme look like the demo you saw on the theme's homepage, you are not alone. Most themes require extra plugins and an in-depth knowledge of the support documentation to make it look anything like the one that drew you to it in the first place. With Elementor Pro, you don't need to ever feel that frustration again. Elementor Pro gives you the same drag and drop page builder, but also allows you to create your own WordPress theme, designed exactly as you want it. This Elementor course covers both the free and paid versions of Elementor. After a discussion of why you should learn Elementor, you'll install the plugin and a theme. We'll then cover: How to borrow inspiration from other websites, to craft your own unique design. That includes choosing the right fonts and colours for your site. We'll look at the box model and you'll learn how padding and margin can affect placement of elements on the page. We'll take a look at Hex colour codes. We'll go through all of the back-end settings, including how to install custom fonts and icons (for Pro users). You'll become familiar with th