Learn how to create a WordPress website from scratch using the free Elementor Page Builder and free Blocksy theme. Making a website has never been easier and in this video, I show you step by step how to create a professional WordPress website.
In this tutorial, we will work with the brand new flexbox container that comes with Elementor. I will also explain a lot about what (and what not) to say on your website in order to turn visitors into clients.
We will get a domain name and Webhosting, install WordPress, configure WordPress, download the Blocksy theme and Elementor page builder, create a fantastic header, create pages and a menu with submenu, create the homepage and other pages, optimize all the pages for all devices, create a portfolio with portfolio items / case studies, create blogposts and a blog page, optimize our website for. the search results, create a footer and much more.
Get A Domain And Webhosting (70% discount):
https://webhosting11.com
Download the Blocksy Theme:
https://ferdykorp.com/blocksy
Download Elementor:
https://ferdykorp.com/elementor
Timestamps:
00:00 Intro
07:37 Get A Domain name And Webhosting
10:10 Choose A Domain Name
WordPress
13:34 Install WordPress
17:17 The Frontend And Backend Of Your WordPress Website
19:03 Configure Your WordPress Website
The Blocksy Theme
25:48 Download The Blocksy Theme
29:48 Create A Menu With Pages
37:34 Create A Header Using The Blocksy Theme
42:33 Global Colors
45:56 Give Your Website A Site Title
Elementor
48:58 Download Elementor
51:27 The Basics Of Elementor
Create Your Homepage In WordPress And Elementor
01:01:23 Create The Hero
01:04:43 Global Fonts In Elementor
01:17:49 The Shape Divider
01:18:45 Entrance Animations
01:21:50 Mobile Responsiveness
01:25:24 Adjust an Elementor Element
01:29:27 Containers In Containers (Flexbox)
01:36:29 Adjust Images In WordPress
01:41:12 Adjust the Width Of Your Website
01:43:14 Duplicate Containers and Adjust The Look and Feel
01:49:39 Hide On Mobile, Tablet, Or Desktop
01:59:59 Create A Form In Your WordPress Website
Blocksy Header
02:10:43 Adjust Colors
02:11:51 Configure Your Blocksy Header
02:15:32 Make Your Header Sticky
02:18:07 Make Your Header Transparent
02:22:25 Mobile Header
Elementor
02:28:32 Be More Efficient In Elementor
02:43:28 Save Your Design As A Template
02:46:34 Download My Pages For Free
02:47:46 Import Elementor Templates
Portfolio / Case Studies
02:49:37 Create a Portfolio
Blog
02:50:58 Create Posts And A Blog Archive
The Homepage
02:53:12 Add Case Studies and Blogposts To Your Homepage
The Footer
03:01:04 Create The Footer Using The Blocksy Theme
Follow Up
03:14:39 What’s Next?
WooCommerce Tutorial:
https://www.youtube.com/watch?v=Txg-PrWRdzs
RankMath Tutorial:
https://www.youtube.com/watch?v=CE4NkhMdABM
ConvertKit Tutorial:
https://www.youtube.com/watch?v=qf7ir4uLuzM
Elementor Pro Tutorial:
https://www.youtube.com/watch?v=1JS9wFvYUag
Follow me on Instagram:
https://instagram.com/ferdykorpershoek
Follow me on Facebook:
https://facebook.com/ferdykorpershoek
source
Honestly speaking…. Truth to be told this tutorial blow my mind…. Really grateful for this…. Much love 😍
Get more done with the Command Palette
Enjoy a refreshed design and more commands to find what you're looking for, perform tasks efficiently, and save time as you create.
Is the elementor still free in 2024?
Are there downloadable demos for the Blocksy theme?
great work thank you Ferdy
Thanks You My favorite Teacher and Brother
Thank you Ferdy for this amazing video.
Just from this video i can create an amazing simple website and make money for my up keep
Thank you Ferdy❤
Hello! Where can I find the video with the blog tutorial that goes along with this one? Thanks!
weet iemand hoe je die link wegghaalt, van die menu items. Als ik erop click moet er geen page open.
I have learned a lot from this tutorial 🧡 but I don't understand how to create a case study and service page why you skip making these pages can you share that video ?
Hi Ferdy, thanks for the meaningful tutorial. I have a problem while following your tutorial which is why I cant preview the Main Menu in edit page while doing editing?
i need help with bolg and cases study when he say click here or or the link in the description i could'nt find it i found just one video wich is 4 years old that i can't make the same changes because nearly every thing is changed
hey there can any one help me to find the link of how to make blogs and study cases videos, thank you.
I always looooove watching your vids, greatly informational and helpful but I also love watching you just have fun doing it… The ultimate goal 🥰 Thank you always Ferdy😊
Hi Ferdy, i have purchase the Blocksy , just listening to ur tutorial , Thank you buddy
Thank you for such amazing and complete tutorial! All of your content is of great quality! Thank you for your effort! 😄
Good morning🎉🎉
❤
Please ferry, I need your assistance to show me by explaining how to promote a product on Amazon associate with my Facebook, websites with my wordpress. I have Amazon account. Just to know how to place a product.
@all hi i couldn't find blog and case studies tutorial link . Can anyone help me find it
very useful
I don’t know why each time I change the theme the previous one is still there – if I delete Astra would the starter template delete too ? It still seems to be there you see
Is green and orange a good colour for a website
I’m so glad I found you ! So well structured !
Thanks very much Ferdy! You are awesome!! Blessings on you 🙏
Amazing tutorial, and I'm not mad at you. I was a bit confused, I still am, but I can tell you're not gate keeping, and I thank you for that. I know I'll figure it out if I persevere with your tutorials.
Hi thank you so much for everything, can you please teach how to create news blogs with live updates scroll, that has picture too. example newses pro template in WordPress. I f you wish can you please teach how to build similar website from scratch
Watching this video now and I'm loving it. You're the man!
Awesome tutorial, that's what i was searching for, thank you
Thank you for the amazing video's, I learn a lot:). I have one question. If I use elementor container for the header, and I have elementor fullwidth checked and the container is also fullwidth. Then I still have a small white space around the header. I don't want that. Do I have a setting wrong somewhere?
As ever a great tutorial. Just one question, in tablet and mobile the background of the drop down menu is too wide and too tall, how can this be adjusted?
hello ! I love watching this tutorial and few of the other ones you've done… great job ! My question is for the community : am I the only one who can't customize Blocksy theme ? When I click "Customize", I get a message "There has been a critical error on this website." and I was wondering if it's a "popular" problem. Thank you !
Awesome!Thank you so much Ferdy
This is great tutorial. Thanks for your effort. I am facing a problem. In a single post page, the featured image is not getting displayed in mobile. Any help or suggestion would be appreciated.
Ferdy you are the best, a great effort and a big heart, I appreciate it, Thank you very much from Tunisia.😍
A "free domain name" feels like a bad idea. What has legal ownership of the domain name if it's "free" to you?
Why not purchase a domain name from one source and then purchase hosting from another source?
Answers and advise are appreciated.