US $19.97

Live Web Design: Introduction to Elementor

——   Created by Brian White

Share this course:

1h 53m
Lesson time
Skill levels

More about this course

How to quickly make and maintain a WordPress site for your organization or church by using the Elementor system.

Give yourself an edge in the world of website design by learning to design and build websites with Elementor and Elementor Pro. This workshop / class walks through most of the aspects of building a WordPress site with Elementor / Elementor Pro broken into bite size chunks. From User Experience and Site Maps, to Design Systems and Templating, you'll quickly learn how to design and build a website at the same time.  Brian uses a real non-profit client for this workshop / class to show how to build a project from start to finish. Learn how to make consistent spacing decisions, mobile friendly pages, and more. OH! Don't forget we are not using code the entire time!

I've broken the workshop into chunks to help with your progress through the class. Please reach out with questions and I'll do my best to answer them quickly. You will need to have WordPress installed and fired up with Elementor and Elementor Pro plugins installed. You can do the class without Elementor Pro but it is recommended. 

This class dives into these breakout sessions:

1. Introduction to Elementor

2. Sitemap, structure, WordPress Configuration, and plugins.

3. Theme, child theme, security, and SEO.

4. Design Systems, global styling, page blocks, and design.

5. Sections, columns, widgets, and spacing.

6. Brand colors, and custom fonts.

7. Page templates, header and footer templates.

8. Homepage build at 1200x, mobile design, and 404 page.

9. Blog Posts and blog templating. 

10. Sermons / Podcasts, and plugins.

11. Elementor showcase and class project.

Additional topics covered throughout the videos:

  • Coming soon page
  • Hello / Hello Child Themes
  • Layout, Style, Advanced tabs
  • Mobile Responsive Design
  • Styles / Style Page
  • Facebook integration
  • Single Blog Page Template
  • Animation / Motion 
  • and more. 

The course project

Build your own Elementor site and post a screenshot of the pages and styling. I'm excited to see what you all come up with! Start simple and try a website design with only a few pages at first to speed up your process and get the skills in your design tool belt. 

Use a template like below to show off your class project.  

10 Lessons

15 mins
5 mins
Hello Theme
24 mins
Sections Columns
6 mins
Elementor Pro
9 mins
Colors & Styles
18 mins
Page Templates Header Footer
20 mins
Homepage speed mobile 404
8 mins
Blog Posts
6 mins
Sermons Podcasts
8 mins
Elementor showcase and end

About the instructor

Brian  White
Brian White
  • 5 courses

Brian is the creative director of Brian White Design in Lawrence. He directs the studio’s strategic and creative growth while also serving as senior designer …

Read more
This course is included in Arbington Premium
$15/month gets you access to every course. Start your 14 day trial today. ☝️

Class benefits

  • Certificate of Completion
  • 30 day satisfaction guarantee
  • 24/7 streaming access
  • Project included
  • Direct teacher access
  • 1h 53m of on-demand video
  • Have a coupon?
  • Checkout