How to Use Elementor: Build an Awesome WordPress Website

Name: How to Use Elementor: Build an Awesome WordPress Website
Rating: 4.6 (94 reviews)

Using Elementor page builder in WordPress, where no code is needed

Created byJon Wolfgang Miller

Last updated 4/2026

English

English [Auto],

What you'll learn

How to make a first Wordpress website
How to build a website without using code
The importance of website flow and visual balance
How to make a website work on desktop, tablet and mobile

Course content

6 sections • 17 lectures • 3h 35m total length

Introduction1:54
Learn to build a WordPress website with the Elementor page builder, using the free version to create a striking hero section and engaging animations while boosting your design skills.
Class Project1:08
Create a full single-page WordPress site with Elementor, featuring a hero section, an image slider information section, two animated about sections, and a header and footer.

Elementor & Wordpress Set Up11:43
Set up a WordPress site by choosing free hosting with Wasmer, install and activate Elementor, create a WordPress admin account, and apply the Hello Elementor theme with essential settings.
Elementor 101 - Menus5:09
Learn how to create and edit a WordPress page with Elementor, navigate the updated menu and structure tools, use free widgets, and preview responsive layouts across desktop, tablet, and mobile.

Opening Hero22:31
learn to build a hero section in elementor for a WordPress website by using containers and a centered logo over a fixed background image at 100 vh with color overlay.
Information Section13:43
Design an Elementor hero with an introduction, build a section (text left, image right), optimize breathing space, and set heading typography with Anton in gold plus global colors and fonts.
Elementor Global Settings10:25
Configure global colors and typography with Elementor site settings. Set primary and secondary colors, adjust text colors, and apply Roboto body and Anton headings for consistent site-wide typography.
Image Slider Gallery24:49
Build an image slider gallery in Elementor for a WordPress site, featuring an image carousel with three columns and aligned typography.
Animated About Section22:20
Build an engaging two-column about section in Elementor with a full-width container, a right full-bleed image, and left text, using color, spacing, typography, and subtle animations.
Creative Animated Text24:25
Learn to build 1140px sections in Elementor using flexbox, with image left and text right, and animate letters for zero two to zero four, including records and live shows.
Customer Testimonials4:42
Learn to add customer testimonials with the Elementor widget, build a three-column grid, adjust margins and spacing, and customize each testimonial’s image, name, and title for a polished section.

Responsive: Tablet17:34
Master tablet responsiveness in Elementor by adjusting desktop-to-tablet-to-mobile edits, including padding, container widths, logo size, typography, and grid gaps, then preview across devices with the Mobile Simulator extension.
Set up for Mobile18:56
Learn how to optimize mobile layouts in Elementor by stacking elements, duplicating containers, hiding items on mobile, and adjusting padding, typography, and alignment for a responsive header and social icons.

Requirements

Be super creative :)
Website research, being able to pick out what works

Description

The internet is a massive part of our lives; we cannot go through a whole day without using our mobile phones or looking at websites on our laptops.

We must build a website if we run a business or need to show off our creative skills. But where do we start? How can we be super creative and super unique? In this class, I will teach you how to use the Elementor page builder in WordPress, and then you can make your excellent one-page site.

As a professional graphic designer, I will explain how to use Elementor.

Here is what you will learn:

WordPress setup
How to use the Elementor page builder
Using the latest setup - Flexbox container and grid
Global Settings
Text animation
Image sliders
How to make your own impressive personal one-page website
Responsive design to make sure it works on mobile and tablet

This course is perfect for:

Beginners - If you have never used WordPress or built a website, this will talk you through the site-building basics and show you how to take those into your beautiful style.
Experienced website designers - For those comfortable with WordPress, this will show you the best page builder for being super creative so you can impress anyone who visits.

For free hosting, head over to Wasmer and set up Elementor that way. 2 other free hosting services that may work better for you are Infinity and GoogieHost.

Credits

Music - Inspiring Technology by AleXZavesa Icons8
Extra film footage - Samuel Hesketh

Who this course is for:

Website Beginners

How to Use Elementor: Build an Awesome WordPress Website

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 3min

Elementor Set-up and Menus2 lectures • 17min

Build Your Own Awesome Site7 lectures • 2hr 3min

Header and Footer2 lectures • 32min

Mobile and Tablet Responsive2 lectures • 37min

A Live Website2 lectures • 4min

Requirements

Description

Who this course is for: