How To Create A Wordpress Website In 2024 | Elementor Flexbox Container Tutorial
Вставка
- Опубліковано 19 тра 2024
- Watch the new tutorial: • How To Create A Wordpr...
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!
Get the best Webhosting: webhosting28.com
Use coupon code "Ferdy" for an extra discount.
Get The Elementor Page Builder: ferdykorp.com/elementor
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:
• Complete WooCommerce T...
Rank Higher In The Google Search Results With RankMath:
• Complete RankMath Tuto...
Create a Blogpost that Makes You Money:
• How to Create A Free B...
Create an Email List Using ConvertKit:
• How To Create an Email...
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 - Навчання та стиль
A lot has changed in 2023. That is why I created a new and more in-depth tutorial full of new features! You can watch it here: ua-cam.com/video/6vwVnpSdNX4/v-deo.html&pp=ygUYd29yZHByZXNzIHR1dG9yaWFsIGZlcmR5
great!
Got it. Thanks!
Excellent
I'll be honest I searched the WHOLE UA-cam 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
I've been following your work for years and years Ferdy. Thanks!! Clear, concise, entertaining, and informative from beginning to end.
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!
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. 🥰
@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.
I have never ever watched a 4h long UA-cam video. Congrats for this catching, helpful and concise tutorial, no questions left open. Thanks mate!
Ferdy! You are amazing. You are too impactful. No minute spent on your videos is wasted. Accept my deepest thanks.
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!
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 :)
309k as of this post 💪🏾
Bro got 1.01M subs by 27/12/2023, 11 months later. That's just crazy!
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🙏🏽
Thank you for making website development real for beginners and novices alike. Please keep them coming.
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!!
You can make thousands blogging!! Dont give up!!
There's no other WordPress/elementor video to watch this year other than this.
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.
Wow! What a nice comment! That makes me happy! Thanks! I am glad you like the tutorial!
@@ferdykorpershoek Great tutorial Ferdy, I am a newbie and learned everything through you in the last few days. Can you please show how to make the columns the same height? Like in the part where you displayed 3 different features...
I have googled it and there are a few solutions including plugins and adding css codes (which might cause problems in updates and on different devices it is said)
I would like to see how you do it and maybe make a tutorial...
Great job on the tutorial.
Thank you for the comment and a lead.
I really like the long-form training as well. I feel left hanging with shorties.
Great tutorial and I'm glad you went long with it. Too often people rush through their tutorials trying to make them short.
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. 🙏
Dankjewel Ferdy voor de fijne uitleg en de tijd dat je er insteekt om anderen te helpen, ik heb veel geleerd dankzij jou!
A good note: From the frozen Alaska South Central north of Anchorage, Ferdy Korpershoek you are good people and a great educator. I love all of your work! You are one of a kind on this UA-cam tutorial land.
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!
I’m not done watching yet but I have learnt a lot already
may God bless you with this tutorial ❤
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!
Thank you for your kind words Moana ☺️
@@ferdykorpershoek how do you get the container widget on your elementor? I have Pro version and i dont see it
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 :)
The best detailed tutorials ever. I'm so happy I found your channel!
Your intelligent, thoughtful approach to this tutorial are, without any exaggeration, SUPERIOR to your 'competitors', BRAVO! Keep up the good work. You have earned another loyal subscriber.
This man …. His video always valuable, you will always learn something you don't find anywhere else. ❤️
Thank you! Goodluck with your Wordpress Website(s)!
True man true.
@@ferdykorpershoek I’m just learning how to use Elementor. If you make you contact a CTA and remove it from the menu, how does that affect your sitemap and does that matter?
@@mmrahul4682rather use prebuilt websites and elementor just for editing
OMGGGG!!! You are a godsend!!! You have no idea how much this helps. I’ve watched several other tuts and your teaching style is the best for me by far. I was getting so discouraged that I’ve been finding reasons to avoid finishing my site lol. Now I feel like I can kick it right in the ass!!! New subbie for sure.
That's nice
Where you able you finish up with your website
When you said the more you watch this the easier it get👏👏👏👏👏It does get easy.May God Bless You
Ferdy, you are an outstanding teacher !
"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."
Wow. Just wow. This tutorial is unbelievable. Zero to hero with this. Was so lost before, THANK YOU!
This is the best video on the subject of creating a website I've ever watched.
Praise for Ferdy. Best tutorials online!
Hi Fredy, I've already watched a few of your videos and learned a lot from them. I recently purchased Elementor Pro and have now switched everything to FlexBox containers. Nevertheless, I was able to implement many tricks from your videos. Thank you for the great work and please keep it up.
Just found out that in the Elementor Navigator you can double click the 'Container' and rename it e.g. Hero or Header etc. Great teaching and voice too. Easy to follow at a nice speed.
Another fantastic tutorial, Ferdy! Your guidance is invaluable, and love how you explain things step by step.
Your a gem in human form, love your work Ferdy.
Exactly what I was waiting for Thank you very much Verdi Great teaching as usual
Wow! Fantastic tutorial. You are so thorough. Thank you so much.
Thank you so much for this video! Although there has been some changes in the tools you use since you posted the video, it was perfectly clear to create my own website. The explanations were clear, detailed and took me step by step to the result. Thanks!
Weeral een super leerrijke video, zeker wat betreft de flexcontainer. Ook de extra CSS tips kan ik best smaken. Dank u Ferdy!👍
Even for expereinced wp and elementor designers these annual updates are an excellent resource. Thanks Ferdy and Happy New Year!
The best website teacher! God bless you Ferdy!
Thank you 😊
This video saved my life. Lengthy but full of value. Thank you so much
You are welcome! Glad to hear that 😊
I'm from Brazil and I'm doing some websites for a extra income. Tour guides and turorials are the best I've found in English or Portuguese. I wish you ALL the best
Thank you Ferdy, I shared this tutorial with a few clients, so that they too have an understanding of the tools we as professionals use to make the wonderful websites. You make it look easy ;) thanks for all your amazing videos, it is inspirational
Thank you man. A friend shared me your video on Elementor AI and I found this too. I believe with this tutorial, I will be a better wordpress developer
THANK YOU! Yours tutorials are brilliant!
Best Coach,Teacher and Mentor keep it up....
I learn something new each time I watch your videos. Thank you so much and keep up the great work with flexbox and elementor. Btw, love your subtle humor too.
❤ Much Respect and Love to you Ferdy!!! I love your work. All the best to you and your family brother!
Ferdy, I love the way you teach, I appropriate your hard work thanks. love to teach from your unique channel.
I watched a lot of training but honestly yours is the best. Thank you for your hard work.
Thank you! I love to hear that since I do my best to provide you with the best tutorials possible! 😁
Fantastisch Ferdy, hartstikke bedankt voor deze informatie, ik liep echt te rommelen tot hier!
Absolutely amazing tutorial Ferdy. Can’t thank you enough for the comprehensive walk through you gave us here. And the personal anecdotes and end of chapter moments were very refreshing and humorous. Thank you once again 🙌🏾
THANK YOU FERDY for the discount code! Saved me a ton!!
Is there anyone that does this stuff better than Ferdy? I don't think so. Thanks man, love the content, love the humour, love the knowledge and congrats on over 1M views of this tutorial.
... such a hot tutorial, the snow is melting here in Switzerland ;-) Thanks a lot!
I watched the video and built my website. many thanks, you are wonderful
I need 3 years to learn all the great simple and exact info we need.. Tq Tq I learn it in 3hours...
Thank you for this amazing tutorial Ferdy ! I hope you bring English version of the Dutch tutorial you've upload recently.☺
Thank you so much for making it so easy to play around describing every single step no matter how small it is. I used to code HTML/CSS back in the 2000 and now I'm so lazy I don't want to go over that once again. I'm enjoying this step by step tutorial and I'm working on it using another tutorial you made about Local. Maybe this time I'll get to make my new website.
This is GOLD, thank you !
I cannot describe to you how happy I am with this content that I am watching . Really, you are a great man and I have benefited a lot from you, Ferdy . My fragrant greetings to you from Egypt | Mohammed Ashry
Ferdy I love your videos. One of my guru friends introduced your videos to me recently.
I love your work 🤩
i'm still pretty much at the beginning of the video, but i don't want to forget to thank you for the work because it has already helped me a lot!
Hi Ferdy, you have made creating websites easy for me. Cheers!
So much value in it. THANKS A LOT!
You deserve more than likes for your videos and your explanation is simple. Thank you very much
Thank you Ferdy, Great Tutorial, really from zero to hero
Fabulous! Thank you for all you do! 🙌🙌🙌
Ty so much for sharing this kind of thing for free. It really helps. Love your stuff.
God bless you bro!
You are doing great job for per beginners like us. What a content. Thank you so much.
Absolutely Amazing content. This is probably the best tutorial I've ever run across for anything. Great organization, production quality is spot on, straight to the point, humor at just the right parts to keep it fun and entertaining and just an overall great presentation. Thanks!
hiii how are you
Im only 17 minutes in and already saved myself alot of money! The next 3 and a half hours this evening are gone hahaha. Great job Ferdy!
Ferdy! Great tutorial on Word Press 2023, reason I used your code for Hostinger , keep it up!
Wooooooooow, what a beautiful design ❤️❤️❤️ I don't know how you do it, but the amount of Work you put in editing is unbelievable, you deserve every Respect on UA-cam. ❤️❤️
Thank you 😊
Thank you for being an eye-opener.
Absolutely incredible! Cant thank you enough!
Thank you for this detailed guide Ferdy. Did not realize that creating websites can be this simple. Great experience!!
Thank you Luka! Goodluck with your WordPress website.
@@ferdykorpershoek Sorry to bother you with such "simple questions" but i see that you never used "inner section" element, nor i can find it in the in my "Elements". Any idea where i can get it?
thank you so much i love your long videos cuz they are enough to undertand all and we dont have to watsh other videos in that subject thank you again
Love the way you present in details... Take love
I enjoy your work! Sending love and prayers to your family and business. Much Success
Thank you for yet another spectacular video
Wow. Thank you so so much for this hugely valuable piece of content!! I love how you're all about the pixel perfection :D It drives me crazy to see elements poorly aligned, happy I'm not the only one and that I finally found a tutorial paying attention to these details.
Excited to get started!
Love this lesson, it is so helpful! Thank you very much!
Excellent work brother. It's really very informative and helpful for a beginner. Thanks.
Amazing Tutorials! Your knowledge is priceless. And your positive attitude is appreciated! Thanks for the help.
Thank you James! Goodluck with your WordPress website! 😊
😂😂😂Congratulations Ferdy Korpershoek, this is such a brilliant video tutorial. It has both value & entertainment. I have created several websites &, whilst it is not my profession, it is a passion. I just love seeing what comes to life. It has been a couple of years since I created my last one & I thought I knew what I had to do & THEN, I hit a roadblock so I went searching for answers. I stumbled upon your LONG tutorial & once I started, it was like watching a great movie or picking up a good book, I just had to continue & you didnt disappoint. I'm only half way through but I can wait to read the next chapter. I'm up to transparent headers & you are making me laugh. My husband is confused that I am building his website & LOL at the same time, it's hard to explain. Thank you & I'm going to spread the word in my little network that you are the go to man.
Thanks for your knowledge! Keep up the excellent job.
Thank you, for your time! Amazing work (Y)!
Amazing tutorial. I needed it. Thank you
Absolutely legendary course. Massive thanks
I love you wow what Amazing Tutorials! Your knowledge is priceless. And your positive attitude is appreciated! Thanks for the help.❤
Ferdy this was such a great tutorial. I understand so much more now, hartelijk bedankt!
Thank you,
I learned website + UI design at the same time,
Bedankt voor uw tijd en moeite!! Superfijn
Exactly what have been waiting for. Thank you so much Ferdy❤️. I can't wait to eat up this video real quick😁. it's gonna be fun
Goodluck Okafor! 😊
Great stuff man, I love your work learning a lot from you.
Thank You. Much Appreciation and Gratitude. This information is Priceless. You are Amazing for sharing this for $free.99.