How to Make a WordPress Website - Elementor

Overview

Learn how to create a Wordpress website from scratch using free tools and images. The course covers setting up web hosting, installing Wordpress, customizing themes with Elementor, adding pages and menus, configuring settings, integrating Google Analytics, and optimizing for SEO. Students will also learn to create blog posts, portfolio items, and a mobile-friendly responsive design. The teaching method includes step-by-step tutorials and demonstrations. This course is suitable for beginners interested in web design and development.

Syllabus

Overview of the tutorial.
The 4 steps to get up and running.
Get a domain name and webhosting.
Install Wordpress.
Clean Up The Wordpress Backend.
Create Pages for your Website.
Create and Configure the Menu.
Configure The Wordpress Settings.
Get the Sydney Theme.
Custome the Phlox Theme.
Get The Images I use in the tutorial.
Download the Images I Use in this Tutorial.
Add Google Analytics to Your Website.
Download Elementor.
Edit the homepage using Elementor.
The basics of Elementor.
Get Free Stock Images from Unsplash or Pexels.
How to Resize, Crop and Optimize images using Wordpress (no Photoshop needed :)).
Add and configure the background of a section in Elementor.
Setup a header area with text and 2 call to actions buttons that animate.
Adjust the header background. Add a gradient overlay..
How to use the shape divider in Elementor .
Configure an Icon Box.
Configure the Image Carousel.
Use padding and margin to style your website.
Duplicate Columns.
Use the Video Element.
an about us section with background and floating text area.
Create a testimonial sections.
Create a section with animating images fullwidth.
Create a section with a text and image about yourself (fullwidth).
Duplicate a section.
Create a section with a video background and contact form.
Add a button with an anchor link (link to a place within the page).
Configure a Image Gallery.
Add a toggle element.
Add a counter.
Configure the progress bar.
How To export pages and sections to a different page or website.
Create a maps element.
Install the portfolio plugin that comes with Phlox.
Create a portfolio item.
Configure the portfolio page.
Configure the portfolio page even more.
Create a blogpost.
Paragraphs and headers within a blog post.
Style your blogpost.
Add images to your blogpost.
Add custom CSS to your post/page/website.
Add a recent post with thumbnails plugin.
Optimize your images for Google (SEO).
Configure the blogpage.
Blogposts and Comments.
Create a gravatar.
Activate the footer area.
Add a Instagram widget.
Add a Facebook widget.
Add a Recent Post Widget.
MOBILE FRIENDLY RESPONSIVE (THIS IS AMAZING ABOUT ELEMENTOR). Optimize your website for tablets and smartphones.
More about Elementor Pro.