4.9 based on 300 reviews

Trusted by 120.000 students and 1 Million+ Subscribers

How To Make A WordPress Website

Deadlights jack lad schooner scallywag dance the hempen jig carouser broadside cable strike colors. Bring a spring upon her cable holystone blow the man down spanker Shiver me timbers to go on account lookout wherry doubloon chase. Belay yo-ho-ho keelhaul squiffy black spot yardarm spyglass sheet transom heave to.

Featured Tools

WordPress is the most powerful website builder on the web. It powers more than 43% of the websites in the world and it is free.

We will create this website from scratch using Elementor Pro. Elementor Pro is a drag-and-drop page builder that makes it easier than ever to create a website. It is a matter of creating a new area, placing some elements in it, and styling them. Throughout this tutorial, we will dive deep into creating beautiful pages using the Elementor Pro page builder. You will get good at this stuff!

I will not just show you which buttons to push, no. We will also talk about the branding of your website. Which colors should you use? Which fonts should you use?

The Elementor Pro Page Builder

If you don’t have a logo yet, I will show you how to create one yourself using a free tool or outsource it so that you can focus on building your website. If you take a look at the header. I will show you how to create this header from scratch. We will make this part transparent, add a top header area, and display another header when you scroll down. You can make use of a simple drop-down menu like this or build a Mega Menu using Elementor. And I will show you how! 😊

Using Elementor Pro, you can assign any area of your website to any place. So I decided to give my homepage this header where the main area is transparent and the top bar has a white background. But for all the other pages I decided to go with a header that has a white background and a top header that has a purple background.

I will show you how to work with animations on your website. When you scroll down, it can look like this. We will make our website more interactive using the transform tools, which can be applied to any element in your website.

Building Your Website Using Elementor Pro

We will use a lot of different Elementor Pro Elements and learn a lot about how to style your elements, so they can go from something like this (FAQ area), to something like this and off course we will make sure that everything we create will be optimised for all devices.

We will create an opt-in area so you can give something away for free in exchange for your email address, so you can build an email list and reach more people.

Timestamps

00:00 Intro
06:57 Get Web Hosting
12:21 Get A Free Domain And Install WordPress

WordPress

17:46 Clean Up And Configure Your Website
22:16 Create A SEO Optimised Site Title
25:13 Themes And Page Builders
27:58 Get Elementor Pro
32:40 Branding Colors
37:10 Create A Logo And Download The Tutorial Images
41:39 Create The Menu

Elementor Pro

47:45 Configure Elementor Pro
01:06:02 Use Global Colors
01:08:47 Choose And Download Local Fonts
01:23:20 Export Your Configure Elementor Pro Website As Template

The Elementor Pro Page Builder

01:26:13 The Basics Of Containers And Elements
01:33:56 The Basics Of Positioning In Elementor Pro
01:54:43 The Website That We Will Create

Building Your Website Using Elementor Pro

01:57:09 Create The Hero
02:16:14 Create A Background For Your Heading Using CSS
02:27:15 Make Your Hero Mobile Responsive
02:33:33 Display Your Unique Selling Points
02:53:21 The Power Of Wrap & Grow
03:11:03 Create Animations On Your Website
03:17:33 Create Hover Animations On Any Element
03:24:26 Create An About Me Container
03:34:21 Display The Latest Posts

Backgrounds In Elementor Pro

03:36:45 Create Background Gradients
03:40:27 Create Background Overlays With SVG’s
03:45:39 Image Backgrounds, Video Backgrounds, Sliders and Overlay Backgrounds
03:51:02 Create An FAQ Container
04:03:27 Create An Opt-In And Link It To Your Email List

More Awesome Elementor Pro Features

04:13:58 Create A Custom Header
04:49:46 Create A Popup Menu
05:00:22 Use Glassmorphism On Your Website
05:08:59 Revisions And History
05:12:15 Create A Custom Footer
05:36:37 Create Blog Posts Templates
06:43:59 Create Advanced Websites, Custom Post Types, And Advanced Custom Fields
08:05:09 Create The 404 Page
08:09:35 Create The Mega Menu
08:37:05 Import The Website For Free
08:42:33 Thank You For Watching

Une réponse

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

More tutorials

How To Make A WordPress Website 3

Deadlights jack lad schooner scallywag dance the hempen jig carouser broadside cable strike colors. Bring a spring upon her cable holystone blow the man down spanker Shiver me timbers to go on account lookout wherry doubloon chase. Belay yo-ho-ho keelhaul squiffy black spot yardarm spyglass sheet transom heave to.

How To Make A WordPress Website 2

Deadlights jack lad schooner scallywag dance the hempen jig carouser broadside cable strike colors. Bring a spring upon her cable holystone blow the man down spanker Shiver me timbers to go on account lookout wherry doubloon chase. Belay yo-ho-ho keelhaul squiffy black spot yardarm spyglass sheet transom heave to.

How To Make A WordPress Website

Deadlights jack lad schooner scallywag dance the hempen jig carouser broadside cable strike colors. Bring a spring upon her cable holystone blow the man down spanker Shiver me timbers to go on account lookout wherry doubloon chase. Belay yo-ho-ho keelhaul squiffy black spot yardarm spyglass sheet transom heave to.