How To Make A WordPress Website With Elementor Pro 2024
Тәжірибелік нұсқаулар және стиль
In this in-depth Elementor Pro tutorial, you will learn step-by-step how to create a professional WordPress website from scratch.
Get Web Hosting and a free domain:
webhosting41.com
Get Elementor Pro:
ferdy.com/elementor
Besides creating a stunning website, you will learn more about branding, colors, fonts, web design, and the ins and outs of Elementor Pro.
Elementor Pro is not just a page builder. It is a complete site builder. With Elementor Pro, you can create the homepage, header, footer, blog archive page, single post pages, contact page, and 404 page. Elementor Pro takes care of the complete web-building process.
You can even use Elementor Pro in combination with Custom Post Types (Like Team Members, Tutorials, Movies etc.) and use Advanced Custom Fields (like address, URL, Gallery, Square Feet, Recommended Tools etc.) to gather more information about those post types. Using Elementor Pro you can display the information beautifully in your website.
With Conditional Logic and Display Conditions, you can decide which part of your website should be displayed on any part of your website.
There are advanced backgrounds and popups that can be triggered by clicking a button or scrolling through a certain amount of percentage of your page. The form builder is super advanced. And I am happy and thankful that I was able to create a tutorial that covers all those features!
There is so much to cover about Elementor Pro. That is why I created an outline with timestamps. So you can go to a specific part in the tutorial:
00:00 Intro
06:57 Get Web Hosting
12:21 Get A Free Domain And Install WordPress
WordPress
17:46 Clean Up And Configure Your Website
22:16 Create A SEO Optimised Site Title
25:13 Themes And Page Builders
27:58 Get Elementor Pro
32:40 Branding Colors
37:10 Create A Logo And Download The Tutorial Images
41:39 Create The Menu
Elementor Pro
47:45 Configure Elementor Pro
01:06:02 Use Global Colors
01:08:47 Choose And Download Local Fonts
01:23:20 Export Your Configure Elementor Pro Website As Template
The Elementor Pro Page Builder
01:26:13 The Basics Of Containers And Elements
01:33:56 The Basics Of Positioning In Elementor Pro
01:54:43 The Website That We Will Create
Building Your Website Using Elementor Pro
01:57:09 Create The Hero
02:16:14 Create A Background For Your Heading Using CSS
02:27:15 Make Your Hero Mobile Responsive
02:33:33 Display Your Unique Selling Points
02:53:21 The Power Of Wrap & Grow
03:11:03 Create Animations On Your Website
03:17:33 Create Hover Animations On Any Element
03:24:26 Create An About Me Container
03:34:21 Display The Latest Posts
Backgrounds In Elementor Pro
03:36:45 Create Background Gradients
03:40:27 Create Background Overlays With SVG’s
03:45:39 Image Backgrounds, Video Backgrounds, Sliders and Overlay Backgrounds
03:51:02 Create An FAQ Container
04:03:27 Create An Opt-In And Link It With Your Email List
More Awesome Elementor Pro Features
04:16:43 Create A Custom Header
04:18:14 Create A Popup Menu
04:18:31 Use Glassmorphism On Your Website
04:19:13 Revisions And History
04:22:28 Create A Custom Footer
04:23:27 Create A Mega Menu
04:23:48 Create Blog Posts Templates
04:25:53 Create Advanced Websites Custom Post Types And Advanced Custom Fields
04:29:54 Create The 404 Page
04:34:20 Thank You For Watching
#WordPress #ElementorPro #Elementor
Пікірлер: 168
Finally! A well-needed tutorial. I wish I had found you before. After this tutorial Elementor Pro Is child's play for me. Congrats! You've got 1 Subscriber.
How dare you make such great quality tutorials? 4+ hours of pure gold. Thanks Ferdy👏
Best teacher ever!! You make this 4 hour long video feel like 40 mins!! And kudos to your thoroughness and patience on making this tutorial 🎉
@ferdykorpershoek
2 ай бұрын
Thanks Manoz, that means a lot to me! 😊
@samsoorkhan0
2 ай бұрын
@@ferdykorpershoek I want to work with you did you run any agency 🌹❓❓
You are a great teacher Mr. Ferdy. You teach me anything faster and better. I respect what you bring for free. Thanks a lot and I mean it.
Thank you, Freddy, for your dedication and excellent contributions in sharing knowledge with WordPress learners worldwide. Your hard work is greatly appreciated.😀👍
Thanks, Ferdy! I've been away for a long time, due to a devastating family loss and decided today is the day to get back to web design. Your videos never disappoint. I feel like I never left and love this quick start using your free website. :)
Been following you for a few years now and the quality of your turorials never ceases to amaze me. Thank you so much for all of the time and dedication you put into creating these videos.
Very well done tutorial! Nicely organized, high quality resolution, and an easy to understand teaching style. Thank you Ferdy. A++
You are a great teacher Ferdy, my man. You teach me anything faster than anyone. I respect what you bring for free. Thanks a lot and I mean it. ❤
Thank you so much for this man. I just started building websites and this video has helped me a ton. I will reward your effort by purchasing Elementor Pro through your affiliate link.
This is probably the best tutorial on any theme I've ever watched. Great job! Subscribed.
This training saved me, and thank God I came across it the right time. Thanks for all you do.
I have quite bad adhd and find it difficult to sit through educational videos and give it my full attention. But this video has been very captivating and it's helped me an awful lot. Thanks for sharing your knowledge in an easy to digest demonstration! 🙂
Thanks, I have learnt a lot from your videos.
Dude, you SAVED me with this. SAVED ME. Thank you so much man.
You are selfless in explaining WordPress. Thank you so much again.
@ferdykorpershoek
2 ай бұрын
You are welcome ❤️
Man you have Grown so much, this is like my third You tube account, I used to watch your videos when you use to put thumbnail of yourself in Blue Shirt like 4-5 years ago. And Best Thing about you ? no matter what video it is, pro level, of Newbie You always explain What is Domain, Hosting, what are plugin, you're best man
Best tutorial on youtube.
I am also working on it and will make a full checklist for a website (360+) Like design and development site with 4 plugin only. And responsive tricks and more. You are my inspiration
You are a lifesaver. Thank you so much for this tutorial, making Elementor and Wordpress feel easy.
@ferdykorpershoek
2 ай бұрын
Thanks Stefano! That is exactly my goal! Explaining WordPress and Elementor Pro in a way that everyone can learn how to use it 😁
Thanks. I will watch it completely. This will be amazing.
I had a crew build my website and they used elementor, now I can improve my website watching your tutorial, hence knowing nothing about elementor, only wordpress.
AMAZING tutorial Ferdy! Thank you for taking the time to create great content.
Fantastic Pro
Amazing - it helps me soooo much! Thanks! You are the best!
Loved this tutorial. can't wait to go to your new site and watch the others. THANK YOU!
Thank you Ferdy! I have paid tutorials by you on Udemy but this was enlightening. Thank you!
I can''t wait!!!
Am using Elementor to build a website, very useful this video!😘😘😘🥰🥰🥰
Ferdy❤ Lots of Respect and Love From Pakistan.
DUDE.....THANK YOU for this. You did an amazing job.
You're an absolute legend. Thank you so much for all you've taught me over the years.
Another great resources from Ferdy 🎉
You must have worked really hard on this tutorial. It was so useful. Thanks so much, Ferdy.
The Transition is Dope 😮
jesss there's no video tutorial like this one been searching for something that covers everything you also just got 1 subscriber
You are amazing, Ferdy!
I'm new to designing web pages... I would NEVER have understood all of this if it wasn't for you Ferdy K.... no chance... the learning curve is a bit steep on WP if you want to get down to some details... Thank you so much!
Awesome this is great! Thank you for the hard work!! I will watch this thanks!
Ferdy you are just a divine gift from the internet god to us. You are always my goto along with Rino - the best of the bestest. 💞💞
Thank you so much again. i have learnt from u a lot about Elementor
The great live content.
@rafiqulislam2646
2 ай бұрын
Elementor pro +generatePress Pro blog website and Earn money website Please next tutorial Upload sir 2024
Awesome Elementor pro tutorial 😊 thank you sir 😊 I learned something New
dankjewel Ferdy. je doet het geweldig!
@ferdykorpershoek
2 ай бұрын
Thanks Kevin! Succes met je Elekentor Pro website!
Awesome Brother!
Hallo aus Deutschland. Vielen Dank für eine Mega Videos.
Hey Ferdy, alvast bedankt. I am just starting my first ever website and my journey to be like you in the future. Much love 👊
You're the best
Thank you Ferdy
Gracias por tu trabajo. Thanks por your work . Very Nice image also! Greetins from 🇬🇹 (GT)
@ferdykorpershoek
2 ай бұрын
Thank you and you are welcome 😊😊
Thank you 😇 Fredy Elementor Super💥 Star Craftsmen Brother !!!! God Bless !!!
Geweldige video, erg leerzaam! Top
Thanks!
You'r the real guru Love from Pakistan... Pakistan Zindabad😍
@ferdykorpershoek
2 ай бұрын
Thank you 😊
Thanks for all the information. Really big help.
Thanks for one more amazing source of knowledge
Ferdy, you are a funny guy and make learning fun. Thanks, bro.
Ferdy your guide is the best, you are an excellent teacher!
Amazing, THANKs, really THANKs
Hi ferdy, i would simply say, your videos are amazing.
@ferdykorpershoek
2 ай бұрын
Thank you for saying that ❤️
❤ cool job
Best video on this topic! I don't Pro version, but I'll get it with your affiliate link! I suggest everyone do the same so we can have more videos like this
@ashf8960
Ай бұрын
The password does not work; I tried it multiple times: User: Subscriber Pass:changethisasap123
how did you do the transparent header, i can't find where you do it in the video, please someone let me know
Thank you very much for your great work, always
❤love you thank you
you are amazing bro i learn a lot from you thank you so much
Thank I will watch the whole video
So amazing
Great Job ! . The content is actionable
Awesome man (Elementor is een stuk overzichtelijker nu) You have a subscriber!
Imposible to miss this
best teacher for beginners thanks sir
Awesome
Question for you about hosting, looking to build my first Elementor and the fee is $240/yr for business plan - biggest bonus is image optimizer but most fees are the hosting environment. Why not keep everything under Elementor and use their hosting? Thank you for the video tutorial! So helpful.
Hey Ferdy 👋🏻 There is a slight issue. My Font style specifically the one on hero section (Bold font style) is showing when I am working on elementor while I am editing but it's not showing up on my website.... What should I do?
How to download images according to the instructions, I filled in the form but when confirming the email there was an error
@NhaQuynh-114
2 ай бұрын
Yes mine is the same, at minute 38:11 there is a download link, Register but when confirming it doesn't work, it redirects to Convertkit login
@ferdykorpershoek
2 ай бұрын
ferdykorp.com/images
@NhaQuynh-114
2 ай бұрын
@@ferdykorpershoek Thank you very much 🙏
Hi! Maybe someone can help me 🙏🏻 today I install on my new web site Elemento and Elementor pro (all clean) and want to create a menu BUT I haven't the "customing > menu". How can I solve this? 😢 (I don't want to install a theme I want to start from 0) Thank you in advice
and you so good i dont know where you learned to do an intro like that
Would love to see marketing/SEO , A/B testing, etc
Hi Ferdy, when I click edit with Elementor from the homepage, it gives me 2 choices, 1st choicee is "Go Back", 2nd choice is "Edit Template", what do I do to change that please, Thank You!
Great tutorial!! I'm new to this. I have questions: Did Elementor change something in the Hello theme? I followed your tutorial step by step, but after 45:00, my page had only Archives, no logos, and no menus. Nothing else was shown except “Archives.” When I switch to a different theme, for example, “Twenty Twenty-Four,” logos and menus are displayed. Is there any solution to this issue? Should I change something somewhere in the configuration? Thank you for any help!
Hi Ferdy, thank you for the very good teaching videos. I have build a website for a local community art gallery, and it looks great and works well. There is just one more thing I need to do and I hope you can tell me how. When a painting is sold, I want it to show the word SOLD on the category page as well as the single product page. It only shows OUT OF STOCK on the single product page. Can you please tell me how I can do that?
I downloaded the zip file which contains the practice images. It all seemed to download just fine, but then when I try to open the image files it says that the file type is not supported. I'm not sure what is wrong. I did just try to import the images into wordpress but I receive an error when I try to do the import and the import fails.
Thank you once again Ferdy. May I please ask where and how I can automatically link the promised 'Receive 11 Webiste Tips' when people submit their name and email address. It appears from the video that I do this manually. How would this be done automatically upon sign up.
Thank you very kindly for this long awaited video, Ferdy. You said in the community page that you have recorded 10 hours of video for Elementor Pro. Please, since this video is 4 hours, should we expect a Part 2 of 5 or 6 hours? I can't find comprehensive coverage of advanced custom fields?
@ferdykorpershoek
2 ай бұрын
You should expect 5 more parts 😁. In the coming 7 days they will be uploaded 😊
@francisokech
2 ай бұрын
@@ferdykorpershoek OK. Thank you and well done.
Hi Ferdy, als ik mijn logo upload komt deze niet in de hoek te staan. Ik kan nergens vinden hoe ik de layout hiervan kan aanpassen. Kan jij me hier misschien bij helpen?
i don't know why my icon list same as 2:02:30 is Super big when i watch my public website...
Fredy, I recently completed one of your 5 hrs+ tutorial on Elementor that you had previously posted. Good Stuff! By any chance, have you done any tutorials on integrating google reviews on wordpress websites? If so, please share link. This would be useful.
Elementor Pro + generatepress pro theme 1000000000% Best Next Tutorial Upload sir
Hey Ferdy, Can you do a detailed step by step tutorial on building and customizing a complete website from Envato templates and/or Elementor Template Kits (Free Templates)?
Hey, can you please send me the link for the elementor pro configuration settings?
where did you find the menu option for creating header page like about us ,contact ..... i can"t find the option
@ferdykorpershoek
2 ай бұрын
You need to go to the homepage of your WordPress website and click on the 'Customize' option in the black topbar when you are logged in. Then click on "Menu"
Let's go
36:20 I clapped my hands! 👏
Wow
I feel problem in add Template section in elementor pro. I will be so thankful. If you guide when and where these add new Templates are used
This tutorial is the best I have seen so far on elementor. How did you get to this area in elementor 1:26:54?
@ferdykorpershoek
2 ай бұрын
Thank you Larry ❤️. You need to go to the Elementor settings, features and turn of Nested Elements. If you do use nested elements you can use the accordion element instead 😊
Hi Ferdy, The ACF class that you mentioned in your video has a creation date of 2021, however, in this video it has a 2024 year. Are they both the same or have you not released the 2024 version yet? Oh Yeah... Great Video BTW!!!
@ferdykorpershoek
2 ай бұрын
Hey Dwayne, every day I will upload another tutorial the coming days. One of the tutorials is the ACF tutorial. It is the only video that I yet have to edit and export 😊. I expect to upload it this Tuesday 🔥🚀 ACF has inproved greatly over the years. I can't wait to share how easy it has become to work with ACF and Elementor Pro 😊
Please help me to get the information that the teacher is using.
Can you make a video on how to make a webshop in Wordpress?