How To Create A Wordpress Website In 2024 | Elementor Flexbox Container Tutorial

Learn how to make a WordPress website using Elementor. A Free page builder with the brand new Flexbox Container builder. 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 an extra discount.

Timestamps:
00:00 Intro
04:01 Get A Free Domain and Webhosting
08:40 Install WordPress

13:28 Clean Up And Configure Your WordPress Website
17:20 Create A SEO Friendly Site Title
21:42 Branding: Colors

26:10 Get The Blocksy Theme
29:19 Make or Outsource and Upload Your Logo
33:07 Create A Menu With Pages
41:55 Insert Your Branding Colors Into Your Website

45:41 Configure Your Blocksy Theme Header
52:22 Branding: Fonts
57:09 A Nice CSS Trick
01:03:23 Make Your Header Sticky
01:06:58 Create A Call To Action In The Header

01:10:49 Install And Configure Elementor
01:18:26 Create A Transparent Header
01:25:18 Optimise Your Header On All Devices

01:29:43 Introduction To The Elementor Flexbox Container
01:54:44 Padding and Margin
02:01:43 Create Shape Dividers
02:03:32 More Elementor Flexbox Features
02:14:25 Link Any Text To A Global Color
02:39:55 Create Animations In Elementor
02:44:12 Optimise Your Elementor Page For All Devices
02:53:46 Create The About Page
03:04:45 Make Use Of Third-Party Elementor Plugins
03:15:44 Make A Page In Elementor Using Copy and Paste

03:33:09 Create The Contact Page
03:42:13 Create A Footer On Your WordPress Website
03:54:38 Create A Portfolio and A Blogpost
03:56:24 Follow-Up Tutorials

Follow Up Tutorials

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. WordPress is the most powerful website builder on the web. It powers more than 43% of all websites on the internet. And it is free!

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 use global branding colors on our website, so if you want to change colors, they will change on the whole website. So with a few clicks, you can change the look and feel of your website.

With the header, you can create something like this, but also like this, or this. You can make your whole header sticky or just a part of it. And you can make parts of your header transparent like this or this. And when you scroll, you can add a different logo. And it is all really simple to set it up like this.

I will also show you how to create all these pages from scratch. This is what my homepage looks like, but with the skills I teach you in this tutorial, you can also make a homepage like this, or this, or this.

And, of course, the website we will make will be optimized for all devices. Desktops, tablets, and smartphones.

And 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 #flexbox

[reemasingh]

I'll be honest I searched the WHOLE YOUTUBE for a good tutorial or any course which will teach everything about WordPress and found nothing useful and then I came across your channel. This is such an informative channel. You're the best

[JonLombana]

I know absolutely NOTHING about WordPress or Elementor... in fact, I still use Microsoft Word 2010 every day of my life and occasionally Microsoft Paint (to save screenshots😂) I know what you're all thinking right now (''what on earth is this guy doing here'') well, all I want to say is that my friend Ferdy WILL REACH 300k SUBSCRIBERS THIS YEAR!! That is worth a huge congrats in advanced! Happy new year amigo :)

[wtccreatives]

@Ferdy... I wanted to take a moment to thank you for the content you have provided and that you make sure to label your videos for your Dutch audience so that those of us who don't speak Dutch are not caught off guard. Keep up the great work and I hope your 2023 is amazing.

[rubertsmit]

I love how this course is not only a great instructional video on wordpress, it also gives some awesome insights on organic SEO marketing and design in general. Well done Ferdy!

[Don-qehn]

I've been following your work for years and years Ferdy. Thanks!! Clear, concise, entertaining, and informative from beginning to end.

[charliepenart]

Hi, Ferdy! I just finished building most of my website thanks to this amazing tutorial. I have learnt SO much!! This is my first-ever website and your way of explaining is just so clear and concise that I had virtually no problems building my pages! I have just got to the end of this 4-hour tutorial and next I will be taking a look at your tutorial for creating a blog. Thanks again!!

[chrissteele]

Great tutorial and I'm glad you went long with it. Too often people rush through their tutorials trying to make them short. But there is a lot of information that is skipped over in doing so. I love that you didn't follow that model. This tutorial is refreshingly in-depth with clear explanations and examples, and is one of the best you've done. You just keep getting better. A big huge thank you.

[lisaroese]

Brilliant tutorial! Ferdy explains so efficiently and so well, he is amazingly generous with all the information he shares, has a great sense of humor and seems like a really down to earth person. I am older and not very computer literate, it took ages but I managed to get through the entire video and create a website I'm proud of. It feels really empowering to be able to design and control my my own site. Thank you, thank you, thank you Ferdie, I'll be following this tutorial up with lots of others on your list. 🥰

[alistoicakovacs]

Ferdy brother, you're amazing! Thank you so much for all your effort and input! The effort you put in your videos is really amazing! Lots and lots of useful information and also the way you're teaching is great! Grateful that there are people like you out there. 🤞🏽
Thank you🙏🏽

[reggiejshaw]

Hey I'm having some trouble with the home page of my website - every other page I can edit with elementor but not the homepage? Does anyone know to resolve this?

[trendingglobal-localissues]

Ferdy! You are amazing. You are too impactful. No minute spent on your videos is wasted. Accept my deepest thanks.

[ARod]

Ferdy starting out 2023 with a bang! Can't wait to go through this. Thank you for all you do Ferdy! Keep up the phenomenal work amigo!

[boulalahonolulu]

I have never ever watched a 4h long YouTube video. Congrats for this catching, helpful and concise tutorial, no questions left open. Thanks mate!

[rodlens]

This man …. His video always valuable, you will always learn something you don't find anywhere else. ❤️

[davidbliss]

Thank you for making website development real for beginners and novices alike. Please keep them coming.

[moanaliva]

You keep your viewer engaged in your content. Very important. Been following you for a few years since I've learned about Elementor early on. This video came at the right time. Thank you & keep them coming sir!

[tolunayofficial]

Thanks to you for making this video. I created my website just like I wanted in my head. Thank you for making this 4 hours long video. Every seccond of it so precious. And your ability to show the nuances and tricks so professionaly... I thank you so much for helping me in this journey :)

[mom-and-son]

1) i appreciate your jokes haha, they made me laugh which I needed b/c I’m so stressed about this website. Which leads me to 2) I’ve been trying for SEVERAL DAYS (ENTIRE days) to understand themes and how to build my website. I THANK YOU SO MUCH!! For this step by step tutorial! I was able to follow you (for the most part, I’m building a blog website of a regular website. Figured out the difference in these days of trying different themes and ppl’s videos who weren’t really helping b/c they weren’t going step by step or explaining what they were doing.) Sidenote: I agree with you about this theme, it was hands down the easiest one for me to work with.
I can’t thank you enough!

[geosnorky]

Thanks Ferdy for making this tutorial, so much value and knowledge right here!!! It has helped me so much and I believe it will assist many other people designing their websites and make great things happen. 🙏

[CodexWP]

"This video is a game changer! I was struggling with setting up my WordPress website, but after watching this tutorial, I was able to create a professional-looking website with ease. The demonstration of Elementor Flexbox Container was especially helpful. I highly recommend this video to anyone looking to build a WordPress website. Thank you for sharing your expertise and making this process so much easier."