How To Make A Wordpress Website 2020 Elementor Pagebuilder

Tags: Elementor

Learn how to create a designers portfolio website with Elementor from an Adobe Xd design

Last updated 2022-01-10 | 4.8

- How to transform a design to real webpages
- How to create a complete website from scratch in Wordpress
- How to add Web animations to any element

What you'll learn

How to transform a design to real webpages
How to create a complete website from scratch in Wordpress
How to add Web animations to any element
How to choose colors
fonts etc.
Wordpress Basics & Important plugins

* Requirements

* No
* this is a basic course for people with 0 experience.

Description

Is it possible to built a website as a complete beginner without any experience?

The problem
The problem with creating websites is that there are so many elements you need to understand. There is the design part and the technical part that you will need to understand to make it work. This is the reason why most people don't even start with their first website.


What is the solution?

Luckily times have changed and things are becoming easier these days. Nowadays, it's possible to create a website using a drag and drop system that is usable for all skill levels. The only thing you have to do is prepare a few things in Wordpress and spend a few hours watching the course. Then you will know all you need to create a basic website.


Is it really free?

In this course I will only use free tools to build all the pages. The only thing that you can pay for is your own domain-name. If you already have on then you can skip this step and if you don't have one yet then I will show you how to acquire one.


The opportunity
Learning how to create websites comes with huge opportunities. You will be able to create your own website (like I do in this course) or create websites for other people or businesses. This makes website creation a hugely profitable skill. Companies are willing to spend thousands of dollars for each website.


Why is this course different?

This is where I think I can stand out. Because most courses just use templates that they didn't design themselves. This means that they can create the pages fast, but it won't stand in the real world. In the real world you will often times get a design from somebody else (or better: create your own) which you need to transform. If you don't know how to do this in a pixel perfect way, you will probably not get a lot of work. Then you just know the "tricks", but not the real work. That's why I focus on the real deal in this course.


Step by step
In this course we are not going to rush and make a quick website without thinking about what we are creating. There is enough of that on the internet. I am going to show you a real project where I'm going to transform an Adobe XD design into a real website. This means that I will show you all the steps, from the first title to the last button.

Once we progress in the course (and you've seen the same techniques over and over) we will slowly start increasing the speed so will also be able to speed up your skills by watching this course.

Reviews from others
"I watch your videos and I get inspired every time because of your work/design." - Sam
"Your channel has inspired me to start designing myself." - Jordy
"I can't wait until the next video. I am following you for 4 years already and I've learned how to design this way :)" - Floor

Buy without any risk
If you really don't like my course, then that's not a problem. You can just ask your money back with the 30-Day Money-Back Guarantee that this website offers. This makes it possible for everybody to hop on the course.

Sign up for the course and you can start right away!

Who this course is for:

  • Designers
  • Developers
  • Creative people

Course content

6 sections • 30 lectures

What you will need to know Preview 03:22

Choosing a good domain-name Preview 10:55

Installing Wordpress on a hosting and domain Preview 04:46

Wordpress Basics & Cleaning it up Preview 09:00

Installing Elementor and creating our Menu Preview 05:49

Installing the Free Theme Preview 04:21

Download the exercise files Preview 01:32

Download the files here: https://www.dropbox.com/s/arrva0fqp93i3u6/Course%20Elementor%20Rino%20-%20Exercise%20website%20files.zip?dl=0

Picking free fonts and colors with Adobe Kuler. Save this! Preview 05:52

Free fonts via: https://fonts.google.com/

Free colors via https://color.adobe.com/

Preparing Elementor Global fonts Preview 05:40

Exploring the Elementor widgets + editor Preview 08:28

Building our Video Header Background Preview 13:24

Floating Services bar Preview 15:18

Checkbox text section Preview 06:50

Animated Image section Preview 08:51

Client section Preview 08:06

Number Animation section Preview 07:49

Testimonials section Preview 08:23

The call to action with a button Preview 12:16

Building the Footer Preview 07:30

Mobile and Tablet page design Preview 22:16

Customizing the menu Preview 11:50

The portfolio page with portfolio items Preview 17:36

The About page header with 3 section column Preview 08:57

Finish About page Preview 15:57

The Contact page Preview 10:20

Adding your Fav Icon Preview 02:24

Installing backups Preview 05:36

Making the Wordpress login experience nicer Preview 06:11

If you didn't catch it. The plugin is called: White Label CMS. Search for this (with the spaces) inside of the WP plugin section.

Putting the website live Preview 05:28

EXTRA: What Elementor Pro can offer you on top of Elementor Free Preview 18:02