How To Make A WordPress Website With Elementor Pro 2024
HTML-код
- Опубликовано: 13 июн 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 
Хобби
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.
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.
How dare you make such great quality tutorials? 4+ hours of pure gold. Thanks Ferdy👏
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 Mr. Ferdy.
You teach me anything faster and better.
I respect what you bring for free.
Thanks a lot and I mean it.
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 🎉
Thanks Manoz, that means a lot to me! 😊
@@ferdykorpershoek I want to work with you did you run any agency 🌹❓❓
Thank you, Freddy, for your dedication and excellent contributions in sharing knowledge with WordPress learners worldwide. Your hard work is greatly appreciated.😀👍
You are selfless in explaining WordPress. Thank you so much again.
You are welcome ❤️
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
This training saved me, and thank God I came across it the right time. Thanks for all you do.
This is probably the best tutorial on any theme I've ever watched. Great job! Subscribed.
Thanks, I have learnt a lot from your videos.
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. ❤
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!
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
Dude, you SAVED me with this. SAVED ME. Thank you so much man.
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 will watch it completely. This will be amazing.
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.
AMAZING tutorial Ferdy! Thank you for taking the time to create great content.
jesss there's no video tutorial like this one been searching for something that covers everything
you also just got 1 subscriber
You are a lifesaver. Thank you so much for this tutorial, making Elementor and Wordpress feel easy.
Thanks Stefano! That is exactly my goal! Explaining WordPress and Elementor Pro in a way that everyone can learn how to use it 😁
Ferdy❤
Lots of Respect and Love From Pakistan.
DUDE.....THANK YOU for this. You did an amazing job.
I can''t wait!!!
Am using Elementor to build a website, very useful this video!😘😘😘🥰🥰🥰
Thank you Ferdy! I have paid tutorials by you on Udemy but this was enlightening. Thank you!
Loved this tutorial. can't wait to go to your new site and watch the others. THANK YOU!
Fantastic Pro
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
The password does not work; I tried it multiple times: User: Subscriber Pass:changethisasap123
Awesome man (Elementor is een stuk overzichtelijker nu) You have a subscriber!
Another great resources from Ferdy 🎉
Awesome Elementor pro tutorial 😊 thank you sir 😊 I learned something New
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 must have worked really hard on this tutorial. It was so useful. Thanks so much, Ferdy.
Thank you so much again.
i have learnt from u a lot about Elementor
Amazing - it helps me soooo much! Thanks! You are the best!
Thank you 😇 Fredy Elementor Super💥 Star Craftsmen Brother !!!! God Bless !!!
You'r the real guru Love from Pakistan... Pakistan Zindabad😍
Thank you 😊
Awesome this is great! Thank you for the hard work!! I will watch this thanks!
Great Job ! . The content is actionable
Thank you Ferdy
Gracias por tu trabajo. Thanks por your work . Very Nice image also! Greetins from 🇬🇹 (GT)
Thank you and you are welcome 😊😊
Thanks for all the information. Really big help.
The great live content.
Elementor pro +generatePress Pro blog website and Earn money website Please next tutorial Upload sir 2024
Awesome Brother!
The Transition is Dope 😮
Ferdy your guide is the best, you are an excellent teacher!
dankjewel Ferdy. je doet het geweldig!
Thanks Kevin! Succes met je Elekentor Pro website!
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. 💞💞
Amazing, THANKs, really THANKs
Thank I will watch the whole video
Thank you very much for your great work, always
Hi ferdy, i would simply say, your videos are amazing.
Thank you for saying that ❤️
Thanks for one more amazing source of knowledge
you are amazing bro i learn a lot from you thank you so much
Would love to see marketing/SEO , A/B testing, etc
Hallo aus Deutschland. Vielen Dank für eine Mega Videos.
Thanks!
❤ cool job
You're the best
So amazing
best teacher for beginners thanks sir
❤love you thank you
and you so good i dont know where you learned to do an intro like that
Imposible to miss this
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.
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.
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?
Elementor Pro + generatepress pro theme 1000000000% Best Next Tutorial Upload sir
Awesome
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!
How to download images according to the instructions, I filled in the form but when confirming the email there was an error
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
ferdykorp.com/images
@@ferdykorpershoek Thank you very much 🙏
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?
You should expect 5 more parts 😁. In the coming 7 days they will be uploaded 😊
@@ferdykorpershoek OK. Thank you and well done.
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.
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 did you do the transparent header, i can't find where you do it in the video, please someone let me know
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!
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!!!
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 😊
Let's go
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.
This tutorial is the best I have seen so far on elementor.
How did you get to this area in elementor 1:26:54?
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! 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
Can you make a video on how to make a webshop in Wordpress?
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?
Wow
I've watched this 2 times already 😂
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
i don't know why my icon list same as 2:02:30 is Super big when i watch my public website...
So if you don't have a company, you can't download Elementor pro, right?
Does anybody else have trouble with the site identity? Every time I change the logo, site icon, site title, etc. it goes back to the first ones I used. I’ve done it like 10 times and it keeps going back.
1:54:57 is where things ramp up.
where did you find the menu option for creating header page like about us ,contact ..... i can"t find the option
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"
How We can work with you or internship. Did you have any agency. ❓❓❓
I am from Pakistan
Hi Ferdy, do you have tutorials on how to make a high-converting lead generation real estate website? Thank you so much in advance, 😊
Can I help with that
@@Kimberlylauren-dj5fj 😊
Ferdy, did you change the password of template file? I cannot log in by that.
Does 100 websites imply you can have 100 different domains in a single package
Yes it does.
How to get clients
are there any tutorial that explain exactly how to Build Multi Vendor Ecommerce Website on wordpress
I have one but it is 3 years old. I will make a new one!
@@ferdykorpershoek Thank you. I've searched a lot and even the paid courses don't explain it in detail. Thank you in advance
Where are the resources man? Didn't find any link regarding resources
ferdy.com/images