Ultimate Guide To Building A Free Wordpress Website In 2024 | Step-by-step Tutorial

preview_player
Показать описание
Learn how to make a WordPress website using Elementor. The best free Page Builder For WordPress. Thanks to this WordPress tutorial, you don't have to spend thousands of dollars on a web designer. Now, you can make a professional website yourself!

Use coupon code "Ferdy" for 10% extra discount.

Get The Elementor Page Builder:

Timestamps:
00:00 Intro
04:01 Get A Free Domain and Web Hosting
09:27 Install WordPress

14:51 Clean Up And Configure Your WordPress Website
19:21 Create A SEO Friendly Site Title
21:49 Branding: Colors
27:36 Download The Images I Use In The Tutorial

28:51 Get The Blocksy Theme
31:56 Make or Outsource and Upload Your Logo
36:46 Create A Menu With Pages
44:54 Insert Your Branding Colors Into Your Website
48:37 Branding: Fonts
55:33 Use CSS

01:02:14 Configure Your Blocksy Theme Header
01:11:00 Optimize Your Header For All Devices
01:15:47 Make Your Header Sticky
01:19:34 Make Your Header Transparent

01:24:39 Install And Configure Elementor
01:28:03 Setup Elementor For Productivity
01:30:44 Setup The Default Container Padding
01:38:58 The Basics Of Containers And Elements
01:46:45 The Navigator
01:47:52 Elementor Keyboard Shortcuts
01:49:16 Positioning Basics In Elementor

The Homepage
02:05:11 Create The Hero With 2 CTA’s
02:11:05 How To Get Free Stock Images Images
02:28:04 Link Any Text To Your Global Colors
02:32:47 How To Animate Anything In Elementor
02:34:42 Optimize Your Content For All Devices
02:36:17 The Default Padding Options
02:43:14 Create A 3 Column Container
02:51:45 Use a Negative Margin In Elementor
03:04:06 Create An Image Carousel
03:07:52 The Default Padding Options
03:16:07 Change The Order Of Elements For Other Devices
03:17:24 An Introduction to the Wrap Feature
03:24:17 More Design Options Within Elementor
03:37:56 Create Some Counter Statistics
03:43:57 Create A Call To Action Template

The About Page
03:48:20 Create A Hero Title Template
03:51:17 Next Level Design Tricks
03:56:18 Let ChatGPT Create A Text For You
04:04:19 Use External Elementor Plugins To Add New Features

The Other Pages
04:16:57 Create Web Pages Faster With Copying And Pasting
04:31:04 Create The Single Services Pages
04:38:03 Create The Contact Page

04:51:27 Create The Footer
05:09:02 Create A Portfolio
05:10:23 Create Blogposts And The Blog Page
05:12:32 Change The Colors In Your Website
05:15:13 Add A Cookie Notice Message
05:16:10 More Elementor Tutorials
05:17:27 Follow-Up Tutorials

Follow-Up Tutorials:
Start With Affiliate Marketing And Generate Passive Income:

Sell Products On Your Website Using WooCommerce:

Rank Higher In The Google Search Results With RankMath:

Create a Blogpost that Makes You Money:

Create an Email List Using ConvertKit:

I will show you how to get your .com domain name for free if you don't have one.

Then, we will install WordPress. Then, we will create this website from scratch using a free WordPress theme and a free page builder called Elementor. We will not just build a website. No, I will also talk about branding and choosing the right colors for your website. I will show you which fonts to use and how to create or outsource a logo.

Elementor is a fantastic free page builder that enables you to create your pages using a simple drag-and-drop method. Using the Elementor Flexbox Container, it is easy to build your website. And if you want to change something? Just click and change the content. That is how easy it is.

We will create a header that can be sticky and transparent. I will also show you how to create all these pages from scratch. The website we will make will be optimized for all devices. Desktops, tablets, and smartphones.

If you want to, you can learn how to create blog posts on your website so you can be found through organic search results, which can bring you more potential clients.

You can create a portfolio page and showcase your work. We will discuss creating the right title for your website and finding high-quality images. External plugins give your website more functionalities, like extra Elementor elements and a contact form so people can reach out to you. We will save parts of our website so we can use them repeatedly. Or copy and paste parts of your website with a few clicks.

When you watch this tutorial, you can create a professional website and even consider making websites for others and generating an extra income source. Tons of people who follow my tutorials have thanked me because they are now full-time web designers.

I get a commission from every sale, but you don't pay more money! That makes it possible for me to make those in-depth WordPress tutorials for free.

#wordpresstutorial #elementortutorial #wordpress
Рекомендации по теме
Комментарии
Автор

This is by far the best and most complete tutorial you can find on you tube about WordPress. Thank you brother for releasing this for free!!!

biniyambelaynehdemisse
Автор

After trying and failing with two other tutorials I clicked on this and I do not regret it! Thank you for your time and effort with making this video. You're a legend!

HelloMiddle
Автор

Last year, Elementor changed, and I learned a ton of new features within Elementor that help you create websites in a better way. That is why I used the same layout as last year and added so many great features to this tutorial! Let me name a few additions:
01. Working with Elementor’s The Top Navigation Bar
02. Using Global Container Padding
03. The Grow Feature (Love it!)
04. The Wrap Feature
05. The Transform (On Hover) Feature
And more! You will learn how to work faster and make lighter websites. Enjoy the tutorial, and thanks for all the support. And for the people who notice. Yes, I used the same intro as last year. That video went viral, so on the one hand, I don’t want to change the winning concept, and on the other hand, I lost my voice last week and wanted to upload the video today . Using the same intro means that the viewers will be surprised with even more great features than I showed in the intro. 😊

ferdycom
Автор

I have to tell you... I looked over your video because it was so long. After watching three, one and a half hour videos, I wish I would have watched this one first! You absolutely thought of every single thing that could go wrong, happen, need to be changed or added... Everything! Kudos to you for this absolutely great WordPress tutorial. I highly recommend this to everyone looking to use WordPress for the first time ! Thanks !

roberttaylor
Автор

I watched his 2022 video on How to make a website. And trust me I learned a lot in just few days and now I can create amazing websites. I am here again to see if there is something new to learn. This guy is amazing, the way he teaches....Loved it Fr!

salmanwaheed
Автор

I'm A huge procrastinator but I've finally build it, it took me 4 months of putting in about 30 min a day lol
thanks man, really appreciate this great tutorial

stayahead
Автор

The fact that this is free is wild. I had to rebuild my website from 0 because the previous theme took too long to load and it was affecting my website speed. Thank you for this tutorial 🙏

jessicatda
Автор

Ferdy is an amazing teacher. A perfect blend of humor and learning!

olisaigwilo
Автор

Ferdy, you're contributing big time to keeping me out of a job I really hated for almost 15 years. Thx to you I am able to get my Website going without having to pay someone thousands of €€€. So a heartfelt DANK U WEL from a fellow german neighbour.

rzcpoyb
Автор

This is the best WP tutorials I've ever watched . It's not confusing or boring, unlike the rest I've watched. Also in other tutorials were using Starter Templates which is erroring but you teach how to download it from the web. Thank you!

shabvl
Автор

انا اشكرك, لقد كانت هذه افضل دورة تعليمية لورد برس , اتمنا ان تستمر, احببتك

jzypssw
Автор

Can tell this guy is an expert by the way he utilizes so many of WP's features to make each step as efficient as possible. Learned more from this than any other tutorial. Thank you!

EN-szfb
Автор

i am front end developer, mostly i develop websites by writing code, but after watching i realized that for small and medium websites, wordpress and elementor are the best. this tutorial is the best one in youtube. thank you very much

telugusupervideos
Автор

Ferdy. First, THANK YOU!!! I have been subscribed since I found you the first time and you helped me build my first wordpress website with elementor. You are an amazing teacher and for someone like me, who just doesn't have the money to have a website built for me, but has the creative ability and technical knowledge to learn how, your tutorials are invaluable. Your teaching method is simple and precise and the added "boring" parts are the details that really make it complete, so keep being boring!
Thank you so much for the time and effort that you put into the videos and instructions, you really are a master and are changing people's lives in a positive way. You da man!!!

the_stixXx
Автор

I just finished this entire video! I'm diving into the WordPress world for my clients and this video was a LAFESAVER! Now I'm going to search the rest of your videos to see what plugins I need. Thank you so much!

adeleesmall
Автор

I'm just starting learning wordPress a few days before and i found all what i need in this course, thank you so much

cooltv
Автор

Dear Ferdy I'm one of your followers since 2021 for the last thre years and every video and content you're sharing is much more helpful for that I'm great full. From web building to adsense from blogging to seo all video you're posting I just followed and implemented in my way in to my website and today I earned more than 5K€ + every month for that you deserve my gratitude.
Sincerely
Hasen Muhamedhusen from Ethiopia

HasenTube
Автор

Extremely helpful tutorial. All the points were laid out properly. He didn't miss any single detail. Really grateful that I found out your video.

shubhamrathod
Автор

Thank you for this tutorial! I really appreciate that you took the time to go through each part step by step. I had previously tried to start using Elementor and got so overwhelmed that I quit--this tutorial made it so I could approach it without that happening again😅.
I did appreciate the moments where the screen zoomed in at an angle--more visually interesting and a lot easier to read text at that zoom.

samasargent
Автор

You're incredible! A 5-hour video tutorial - LOL. I thought the 3-hour videos were awesome. Now 5 hours? I can't wait for your 24-hour video! Keep up the great work. You are definitely motivated. Thank you for all you do for us.

JayDouglas