How to Create a WordPress Website with Elementor | Step-By-Step For Beginners!

Подписаться 410 тыс.

Просмотров 19 тыс.

50% 1

Learn how to make an awesome WordPress website using the Elementor page builder plugin with this step-by-step tutorial!
Get a Domain Name & Hosting for Your Website:
createaprowebsite.com/hosting
Get Astra's Pro Theme:
createaprowebsite.com/astra-pro
(I do receive a commission when you use the above links, but it gets you a discount as well. So it's a win-win!)
Follow Along Images:
drive.google.com/uc?export=do...
TIMESTAMPS
------------------------
00:00 - Intro
00:20 - Overview of the Finished Site
00:49 - Overview of the Tutorial
01:37 - Step 1: Get a Domain Name & Web Hosting
03:05 - Hosting Packages
03:41 - Custom Domain
07:17 - Step 2: Install WordPress
09:54 - Step 3: Active New Theme
11:27 - Step 4: Install & Activate Plugins
12:52 - Step 5: Customizing your Website
13:13 - Adding Homepage
14:59 - Editing your Homepage with Elementor
15:37 - Modeling after GM
16:36 - Website Structure
18:13 - Editing Sections
20:38 - Adding Titles/Text
23:46 - Editing Section Background Image/Hero Image
28:10 - Adding a Button
32:43 - Adding Motion Effects
34:27 - Section Shape Dividers
35:44 - Adding Templates
37:29 - Importing Pre-Made Homepage Template
53:02 - Creating a Logo
01:01:31 - Step 6: Create a Contact Form
01:11:53 - Adding WPForms Plugin
01:20:01 - Step 7: Create a Header Menu
01:23:02 - Adding Menu to Header
01:27:34 - Step 8: Edit for Mobile & Tablet
01:31:30 - Final Site Comparison
01:32:03 - Outro: Like & Subscribe!
RELATED BLOG POST
-----------------------------------------
createaprowebsite.com/how-to-...
OTHER HELPFUL VIDEOS
-----------------------------------------
How to Backup Your Website in 5 Minutes:
• How to Backup Your Wor...
How to Create a Business Email for Free
• How to Create A Busine...
How to Secure Your Website From Hackers:
• How to Secure Your Web...
FOLLOW & CONNECT WITH US
--------------------------------------------------
My Website :
createaprowebsite.com
Create a Pro Website Instagram:
/ createaprowebsite
Create a Pro Website Facebook:
/ createaprowebsite
Dale McManus Instagram:
/ dalemcmanus
And don't forget to SUBSCRIBE to Create a Pro Website for more awesome website tutorials:
ru-vid.com?...

Хобби

Опубликовано:

30 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 70

@katiej9702 3 года назад

Definitely the most detailed and helpful tutorials on the internet!

@webexceylon 3 года назад

Elementor is a great plugin for design awesome pages and your video is superb. 👍

@CreateaProWebsite 3 года назад

Thank you!!🙏

@bushra_Malik4 3 года назад

@@CreateaProWebsite Why you upload template in every video?

@giftmukupe1 3 года назад

Bravo guys! That was a sweet 1 and a half hours of pure gold, im ready to do some killer sites already!

@ReussirAlEtranger 3 года назад

Great content! You really master the art of making video tutorials.

@jovitarodrigues3433 3 года назад

This content was gold. Thank you so much.

@samodahansamali6710 3 года назад

Thanks.Very important content.

@pritambasu175 3 года назад

Fantastic. Helpful one.

@patriciastuart8079 3 года назад

Thank you for this wonderful tutorial

@omarkhan7752 3 года назад

This guy is very easy to understand. Good job

@viralspeeches 3 года назад

Beautiful bro

@kushallemjoy8803 3 года назад

it's really an informative video. thank you so much...

@joeypatrick2585 3 года назад

This was beautiful

@vaibhavnagare7285 3 года назад

Nice start with new dude,

@RavitejaPro 3 года назад

Thank you for one more valuable awesome video

@CreateaProWebsite 3 года назад

Thank you, for supporting!!

@iaamsimi 3 года назад

Thank you

@bosshaul1 3 года назад

One Of The Best Videos On Elementor

@TimCBuilders 3 года назад

real nice video. Helps a lot.

@badgood8477 3 года назад

Amazing illustration of Creating a website 🔥🔥..... Thanks for creating this video ❤️❤️..... Please create such videos often...

@darylchristopher 3 года назад

Great Video

@EnricoDellaVolpeTechnology 3 года назад

Excellent video bro, thank you so much. But why in some pages on my website ELEMENTOR FULL WIDTH not working in Astra theme? Just canvas, but the header menu disappear. Can you help me please? Thank you again

@AbiabangYT 3 года назад

thank you so much

@CreateaProWebsite 3 года назад

You're welcome!

@viviansantos6666 3 года назад

Hi. I like your tutorial a lot. I couldn't find any 'Post' widget on my sample site? Can I insert the 'recent post' widget? The 'post' is a PRO otherwise. Thanks for your help.

@Clarkeyyy595 3 года назад

as a new freelancer and just starting up what price would you reccomend to charge people per a site created with wordpress?

@abdulpk 3 года назад

In CAPW Elementor - Levi.json file, in the first section (Hero image), first column background color is #B6B6B6B5. But this shade is not spanned over an entire column. In fact, from the right and bottom, there is a gap. How did you do it?

@tatiana.slovenia 3 года назад

Great video, thank you so much. Can you show how it possible to add UP BUTTON (skroll to top) in Astra Theme.

@marvin1136 3 года назад

Is it allowed to use your template "CAPW Elementor - Levi" for a own website about my company? I really love the design of it! Thank you very much!

@zacharyrinehart3921 3 года назад

Great videos. Would love to see a video about Pinterest. Seems to be an important topic that Dale references frequently, but there's currently not a video on the channel dedicated to it.

@bushrayaqoob2630 3 года назад

Hi dale can you please make a tutorial on how to customize the service Finder theme without any page builder.

@garrickstmichael 3 года назад

Hey thanks for making these videos, your efforts are much appreciated..BTW where exactly is this TEMPLATE you’re using? Don’t see it among your links🤷🏽‍♂️

@cheesewithhenny196 3 года назад

This content is good

@mtayyabrehman6964 3 года назад

wow😊😊

@RealSkyDiver2 2 года назад

There’s no primary header menu so how to change it to full with now?

@krishaunadrake2001 3 года назад

so what if you want to click on a function on the header and you want it to go to a new separate page instead of jumping down to the section???

@orental5996 3 года назад

Please help me! I crested a one page website but I created different pages that i dont want them to appear on the menu BUT I would like that my header will be responsive on that pages but it doesn't work why?!?

@mcwilmanns 3 года назад

Hey I ve been using elementor for my blog posts thanks you your brilliant elementor introduction here on utube. However: I have been having an issue displaying comments forever and just can`t find a way to display comments. The comment widget in elementor seems to be restricted to pro-users.. I only have the options to display "Recent comments" which are comments on ANY post and not on that particular one... All I want is my post, then a box: "Leave your comment", and then something saying "Comments" and displaying all the comments for that particular post. Any ideas how to achieve this? I`m using WP with the Twenty Seventeen theme.

@micheallee5313 3 года назад

I'm trying to edit my text when clicking on pages, but when doing so a white screen pops up, and my contact form is not working as well not sending out emails when people fill out the contact form. I need some serious help bro thanks

@MsDon306 3 года назад

Great work man... but the template that u use, coudnt get it so am stock there.. pls the link for the download

@panteliskasioulis5729 3 года назад

Hey, I know it's not really your thing but I have massive respect for you and I want to ask you for your opinion. So, I will be an international business management bachelor holder mid 2021. And I want to do a masters on Digital Marketing. But the year following my graduation I want to take a gap-year off. What do you suggest I do with no savings and limited experience to gather some money. For example if your answer is to work. What jobs are you suggesting that hire with no experience and pay good. Thanks for your time.

@Babarkhan-ht7dq 3 года назад

How to make a website like indiabix.com in wordpress??? Which plugins they are using?

@RealSkyDiver2 2 года назад

The post grid is missing from the template, that part can’t be followed.

@labeeqabdullah1594 3 года назад

Please keep making videos on elementor coz your content helps us learn

@CreateaProWebsite 3 года назад

We certainly will, always glad to help (:

@AlleyAgent 3 года назад

what is the difference between the hatchling plan and the baby plan on host gator, what does unlimited domain mean?

@spacecheese6404 3 года назад

Basically, you can create unlimited websites on baby plan (you will have to pay for every new domain of course), but with hatchling plan you can only have one website

@ramihelmi5816 Год назад

👌

@iaamsimi 3 года назад

Hi Dale! When some one try to submit the contact form in my website, it shows him that: This page isn't loading JavaScript properly, and the form will not be able to submit., how ccan i fix it please?

@iaamsimi 3 года назад

@Screw Sports Thank you, the peoblem was solved, it was caused by the Asyn Javascript.

@paulsaunders8228 3 года назад

Hi I followed your video up to get the template and i am now stuck where is the template please

@CreateaProWebsite 3 года назад

In the "Follow along images" folder, there is a .json file that is the template. The folder has everything in it.

@TDA55555 3 года назад

Why is it my WP editor looks different from yours?

@MohamedHassan-tc5jv 3 года назад

dude could me give me a path to beacome a wordpress freelancer cuz i have no work and i need to learn wordpress and start selling site's

@rameshbabuguttula822 3 года назад

Hi Dale, I am a regular viewer since 2018. Your videos are amazing. Could you please make a video to "create a Technology Blog (like www.androidauthority.com) in WordPress"? I'm planning to start a Tech Blog. Thank You

@TimCBuilders 3 года назад

just do it! you don't have to say "I'm going to go ahead"

@toomsloom2817 3 года назад

How to create a sticky header in elementor

@spacecheese6404 3 года назад

Simply don't use astra, use elementor theme, because then you can customize header and footer with elementor and do whatever with no limitations

@ralphix6572 3 года назад

It height not heigth no thhhh sound... Sorry it really bugged me

@pallavpaul66 3 года назад

hello sir I'm from India and I'm following your videos.. I want to know how you get that .com domain for free for 1yr???

@alifhasanshah8057 3 года назад

create something new .. there are lot's of tutorial for basic . make something new ....like School management website, Business website, multivendor ecommerce website etc

@CreateaProWebsite 3 года назад

I’ve got some niche website tutorials planned so stay tuned! 😁