How To Make A WordPress Website With Elementor Pro 2024
Вставка
- Опубліковано 19 тра 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 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! 🙂
How dare you make such great quality tutorials? 4+ hours of pure gold. Thanks Ferdy👏
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 ❤️
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.
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. ❤
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 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
Thanks, I have learnt a lot from your videos.
Dude, you SAVED me with this. SAVED ME. Thank you so much man.
Thanks. I will watch it completely. This will be amazing.
Ferdy❤
Lots of Respect and Love From Pakistan.
Fantastic Pro
Am using Elementor to build a website, very useful this video!😘😘😘🥰🥰🥰
AMAZING tutorial Ferdy! Thank you for taking the time to create great content.
Awesome Elementor pro tutorial 😊 thank you sir 😊 I learned something New
Thank you 😇 Fredy Elementor Super💥 Star Craftsmen Brother !!!! God Bless !!!
Thank you Ferdy! I have paid tutorials by you on Udemy but this was enlightening. Thank you!
DUDE.....THANK YOU for this. You did an amazing job.
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 😁
Another great resources from Ferdy 🎉
Thank you so much again.
i have learnt from u a lot about Elementor
You must have worked really hard on this tutorial. It was so useful. Thanks so much, Ferdy.
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'r the real guru Love from Pakistan... Pakistan Zindabad😍
Thank you 😊
Gracias por tu trabajo. Thanks por your work . Very Nice image also! Greetins from 🇬🇹 (GT)
Thank you and you are welcome 😊😊
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. 💞💞
Awesome this is great! Thank you for the hard work!! I will watch this thanks!
Amazing - it helps me soooo much! Thanks! You are the best!
The Transition is Dope 😮
Thank you Ferdy
Awesome man (Elementor is een stuk overzichtelijker nu) You have a subscriber!
The great live content.
Elementor pro +generatePress Pro blog website and Earn money website Please next tutorial Upload sir 2024
Thank I will watch the whole video
I can''t wait!!!
Awesome Brother!
Hallo aus Deutschland. Vielen Dank für eine Mega Videos.
Hi ferdy, i would simply say, your videos are amazing.
Thank you for saying that ❤️
Amazing, THANKs, really THANKs
Thank you very much for your great work, always
you are amazing bro i learn a lot from you thank you so much
Thanks for one more amazing source of knowledge
You're the best
So amazing
dankjewel Ferdy. je doet het geweldig!
Thanks Kevin! Succes met je Elekentor Pro website!
Thanks for all the information. Really big help.
Would love to see marketing/SEO , A/B testing, etc
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.
Thanks!
❤ cool job
❤love you thank you
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?
Imposible to miss this
Elementor Pro + generatepress pro theme 1000000000% Best Next Tutorial Upload sir
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!
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?
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 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 😊
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 🙏
Can you make a video on how to make a webshop in Wordpress?
how did you do the transparent header, i can't find where you do it in the video, please someone let me know
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
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?
Let's go
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 😊
Wow
Wow, another amazing tutorial!!.... But hey, I never ever give a FUCK when something is legal or not. I take it, use it, that's it. And it always works perfectly for me, whatever it is. I'm talking about fonts now :)))
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"
Ferdy, did you change the password of template file? I cannot log in by that.
I've watched this 2 times already 😂
1:54:57 is where things ramp up.
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
Does 100 websites imply you can have 100 different domains in a single package
Yes it does.
Where are the resources man? Didn't find any link regarding resources
ferdy.com/images
We need a mega menu video
I worked on it yesterday, even though I lost my voice. Let's see if I can upload it this week 😊
@@ferdykorpershoek hey man take care of yourself loving your videos but please don't let that wear you out 💪
Whaha! You are right! I lost my voice, worked 18 hours in one day last week to finish this video and I am working right now 🙊. I will take a 2 week break 😊
@@ferdykorpershoek good luck man
@@ferdykorpershoek why not Sir.
resouce and web sites link pls provid
ferdykorp.com/images
make all links bro
Hi
Hey!
I'm genuinely curious, why are you creating a how to build with elementor every 4 months?
It has been more than 3 years that I made a tutorial featering Elementor PRO. The WordPress tutorial from January was featering the free version of Elementor 😊
Thanks Champ
You are welcome Alex 😊
I can''t wait!!!
Enjoy the WordPress Elementor Pro tutorial! 😊