Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-03-30 12:40:45
30-Day Money-Back Guarantee
Development No-Code Development Elementor

Learn Elementor - WordPress Front-End Development Course

Elementor page builder gives you total control to design and create the site you've always wanted, without restrictions.
Bestseller
Rating: 4.6 out of 54.6 (677 ratings)
3,434 students
Created by Andrew Williams
Last updated 2/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • 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

  • Preview04:29
  • Preview04:29
  • Preview01:20

  • Installing Elementor
    07:32
  • Choosing a Theme
    05:18
  • Installing Astra
    03:18

  • Thinking Sections, Columns & Elements
    09:29
  • Finding Inspiration
    10:15
  • Finding Fonts
    06:37
  • Colour Palettes
    08:39
  • Design Summary
    01:05

  • Box Model
    09:16
  • Hex Colours
    04:11
  • Images
    03:42

  • 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

  • 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
    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

  • Re-Useable Templates
    01:36
  • Global Widgets
    07:45
  • Import & Export of Templates
    01:27
  • Built-In Templates
    04:45

  • Building a theme
    03:42
  • Template Display Conditions
    05:24

  • 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

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.

Featured review

Steve Dougherty
Steve Dougherty
765 courses
22 reviews
Rating: 5.0 out of 5a 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.

Instructor

Andrew Williams
Wordpress, SEO & Self-Publishing Expert, teacher and author
Andrew Williams
  • 4.6 Instructor Rating
  • 25,851 Reviews
  • 118,904 Students
  • 29 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! 

  • Udemy for 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
  • Featured courses
Udemy
© 2021 Udemy, Inc.