Elementor Pro For Beginners | WordPress Tutorial 2024

Тәжірибелік нұсқаулар және стиль

Learn how to create a WordPress website using Elementor Pro. In this in-depth Elementor Pro tutorial, you will learn how to create websites that can be sold for thousands of dollars.
Get web hosting and a free domain: webhosting42.com
Get Elementor Pro: ferdy.com/elementor
WordPress is the most powerful website builder on the web. It powers more than 43% of the websites in the world and it is free.
We will create this website from scratch using Elementor Pro. Elementor Pro is a drag-and-drop page builder that makes it easier than ever to create a website. It is a matter of creating a new area, placing some elements in it, and styling them. Throughout this tutorial, we will dive deep into creating beautiful pages using the Elementor Pro page builder. You will get good at this stuff!
I will not just show you which buttons to push, no. We will also talk about the branding of your website. Which colors should you use? Which fonts should you use? If you don’t have a logo yet, I will show you how to create one yourself using a free tool or outsource it so that you can focus on building your website.
If you take a look at the header. I will show you how to create this header from scratch. We will make this part transparent, add a top header area, and display another header when you scroll down. You can make use of a simple drop-down menu like this or build a Mega Menu using Elementor. And I will show you how! 😊
Using Elementor Pro, you can assign any area of your website to any place. So I decided to give my homepage this header where the main area is transparent and the top bar has a white background. But for all the other pages I decided to go with a header that has a white background and a top header that has a purple background.
I will show you how to work with animations on your website. When you scroll down, it can look like this. We will make our website more interactive using the transform tools, which can be applied to any element in your website.
We will use a lot of different Elementor Pro Elements and learn a lot about how to style your elements, so they can go from something like this (FAQ area), to something like this and off course we will make sure that everything we create will be optimised for all devices.
We will create an opt-in area so you can give something away for free in exchange for your email address, so you can build an email list and reach more people.
#elementorpro #wordpress #elementor
Just like the header, we can create a custom footer that will be displayed on all pages of your website unless you decide otherwise.
When it comes to SEO, I will show you how to create the right title for your website and place the right information in the right place on your website. And if you want to, you can learn how to write blog posts so you can get more visitors through organic search results. With Elementor Pro, we can create single post templates. In this template, you can place what you want, where you want, and style it the way you want. That is the power of Elementor Pro! In this way, all your blog posts will be displayed exactly the way you want them to be displayed.
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 To Your Email List
More Awesome Elementor Pro Features
04:13:58 Create A Custom Header
04:49:46 Create A Popup Menu
05:00:22 Use Glassmorphism On Your Website
05:08:59 Revisions And History
05:12:15 Create A Custom Footer
05:36:37 Create Blog Posts Templates
06:43:59 Create Advanced Websites, Custom Post Types, And Advanced Custom Fields
08:05:09 Create The 404 Page
08:09:35 Create The Mega Menu
08:37:05 Import The Website For Free
08:42:33 Thank You For Watching

Пікірлер: 79

  • @patrickscreativity5443
    @patrickscreativity5443Ай бұрын

    Honestly i don't know how to thank you enough, i really like your tutorials. You are great, because of you I'm now working as a Web designer

  • @ramziabirsabil5200

    @ramziabirsabil5200

    22 күн бұрын

    Hey ... please can you tell me more how you doit

  • @aerial558
    @aerial558Ай бұрын

    Hi Ferdy, I came across your channel 5 years ago when you started teaching with Elementor you taught me so much and are still the best. I am glad you have decided to do another up-to-date video about Elementor as there have been massive changes and it will give me additional information on how to use the software. This is marathon video and is truly appreciate your time👍

  • @szMs
    @szMsАй бұрын

    Tisztelettel köszönöm a fáradozásodat! Hartelijk dank voor uw inspanningen!

  • @MBAinternetmktg
    @MBAinternetmktgАй бұрын

    Ferdy, this is the best tutorial you have done so far! Thank you!

  • @IHS-WebDesign
    @IHS-WebDesign16 сағат бұрын

    Ferdy mate .. you explain everything well , I am following and repeating your tutorials because I want to learn how to use Elementor

  • @hedayatullahhelmand2815
    @hedayatullahhelmand2815Ай бұрын

    hey ferdy, it's unbelievable how well you do this work. Thanks to your videos I started to create websites for other people and have a nice side income. You really are a real added value on KZread. thank you for all your effort.

  • @ronstuveling
    @ronstuveling24 күн бұрын

    Bedankt voor deze leerzame Tutorial

  • @Bamskki
    @BamskkiАй бұрын

    wow 8 hours. You're a legend! Thank you

  • @ccuny1
    @ccuny1Ай бұрын

    Incredible! Thank you so much.

  • @prosperugochukwu3947
    @prosperugochukwu3947Ай бұрын

    Thank you for sharing this, Ferdy I hope you teach this well

  • @Webbsy
    @WebbsyАй бұрын

    I just watched your other 4hr beginner video for a second time. This seems like the same for the first half, so I just watch the second half lol. Thanks for these excellent tutorials

  • @learnwhispering
    @learnwhisperingАй бұрын

    Ferdy, you set the example. Some theme providers expect you to pay for their theme videos to use their theme you pay for. The E team do make great vids - but you and Rino are my default destination - just want to say thank you and great job (which I know you have been doing for years)..... 💞💞

  • @bretforster
    @bretforsterАй бұрын

    Thanks Ferdy! I really appreciate you doing these great tutorials! It's like Christmas every time I see that you created (and over-delivered on) another great video.

  • @RalphMagliano
    @RalphMagliano25 күн бұрын

    Thank for your humor, knowledge, kindness, generosity and genius. You are a brilliant teacher! Sincere appreciation, Ferdy!

  • @ferdykorpershoek

    @ferdykorpershoek

    25 күн бұрын

    Thank you Ralph for your kind words! That means a lot to me 😊

  • @user-bz4dh7sr6o
    @user-bz4dh7sr6oАй бұрын

    Love From Bangladesh

  • @titan1969
    @titan1969Ай бұрын

    Thank you! You are the best!

  • @worldhuman3k
    @worldhuman3kАй бұрын

    this is such a crazy tutorial. Thank you a lot, Ferdy!

  • @MatthewVickersPhoto
    @MatthewVickersPhotoАй бұрын

    Ferdy this is so cool of you to create this awesome tutorial. I’ve already picked up so many new things and I’m only half way through. Can’t believe you did this and offer it for free. You rock dude!

  • @MBAinternetmktg
    @MBAinternetmktgАй бұрын

    Thanks!

  • @rosines.9606
    @rosines.9606Ай бұрын

    Thanks you❤

  • @sakhelendlotyeni1093
    @sakhelendlotyeni109318 күн бұрын

    Ferdy you are the best, thank you so much.

  • @adhdmed
    @adhdmedАй бұрын

    Thanks for the tutorial

  • @user-fu6ke9lo2z
    @user-fu6ke9lo2zАй бұрын

    I watched everthing, thanks! 😁

  • @MuneerOnlineworking
    @MuneerOnlineworkingАй бұрын

    Thank you sir

  • @tuyetstormy51
    @tuyetstormy5112 күн бұрын

    Freaking GOLD MINE! Thank you so much for this!

  • @00MagicMatt
    @00MagicMattАй бұрын

    You are absolutely incredicle! Thank you so much! It's so hard to find good quality content and up to date. I was just looking at your blocksy tutorial and then I saw this! I will surely be going through this tutorial.

  • @shagorhassan9829
    @shagorhassan9829Ай бұрын

    great content man

  • @cesaralexander247pctech
    @cesaralexander247pctechАй бұрын

    Awesome content Ferdy you are da man!!! Mad respect buddy love your content, very generous information, love all your videos sir God bless you sir!

  • @francisokech
    @francisokechАй бұрын

    Hi Ferdy, just to be sure: You've realized 7 Elementor Pro Tutorials already. So, are they all in this video? Plus, is there additional content in this tutorial that you have not already released? Kindly clarify.

  • @zahid_benu

    @zahid_benu

    Ай бұрын

    You can check it out by yourself as all videos are live always.

  • @slagianmomirovici5749
    @slagianmomirovici574911 күн бұрын

    very good tutorials - learning a lot from it

  • @faisalrizal-tt3pg
    @faisalrizal-tt3pg6 күн бұрын

    Thanks for sharing this very valuable knowledge Ferdy. I have been newly learning Elementor and you video is super helpful! Great video and excellent job!

  • @elibertoaguillon3126
    @elibertoaguillon312626 күн бұрын

    Hi Ferdy, I follow all your videos as they are valuable and instructive. I live in Colombia and I have difficulty with the English language, I would appreciate if you could put this video in translator mode.

  • @sirakzena
    @sirakzenaАй бұрын

    Thank you for this fantastic tutorial. Please create a video on how to use Elementor Ai?

  • @prosperugochukwu3947
    @prosperugochukwu3947Ай бұрын

    Ferry I’m the first to comment and watch

  • @rubywhite312
    @rubywhite312Ай бұрын

    Hi Ferdy, thank you very much for this amazing tutorial. Would it be possible to add subtitles to this video, please?

  • @petsimk
    @petsimk25 күн бұрын

    Great video, no doubt. Thankyou for your effort. But really struggle to understand what happened at 4:36:47. The mobile view draft still looks all messed up but preview is ideal.Clearly the Main Header of the mobile part still needed adjustment. It is a shame that this was not shown.

  • @DonMaloy
    @DonMaloyАй бұрын

    @24:34 How do you change the font for your Site title? What if you want it to appear in search, but also want to use a custom lettering for your Company name?

  • @hasnainawan7396
    @hasnainawan7396Ай бұрын

    Hi Fredy! All videos are related to development but no one is full website including complete setup startup step by step in working order.

  • @Qoute-Nation
    @Qoute-NationАй бұрын

    hey ferdy thank you for your tutorial i really appreciate it. how can i create a blog page from this archive template (CREATE A BLOG POST)? did i miss something in your tutorial? thank you

  • @OlabiyiIsiaqAbiola
    @OlabiyiIsiaqAbiolaАй бұрын

    Hello freddy, thanks alot for the tutorial but i have a question. My question is on domain name and Web hosting, hw can one create upto 100 websites with a single domain name and web hosting plan?

  • @OskarKunKragh
    @OskarKunKraghАй бұрын

    Is it Adobe Clean Font youre using? Please advise where to download it from? Its not a Google Font.

  • @vickygraphix
    @vickygraphixАй бұрын

    hi, I just watched 1st 5 minutes of this video and I found it really amazing. I want to ask a question. I am very new to Wordpress and I just created my website but now I want to learn Wordpress from this video and want to make a new website for myself. How can I delete my previous website? So that I can create a fresh website.

  • @ogunnaikeomotayo1727

    @ogunnaikeomotayo1727

    23 күн бұрын

    I also have issues with this. How I wish there is a solution to this

  • @anneliolsen-ey1sx
    @anneliolsen-ey1sx24 күн бұрын

    Hi. One question! I followed another video from you and installed Tutor LMS. Elementor pro doesnt work and I am asked to change the theme. Will the hello theme work with tutor lms?

  • @vladozuzula3755
    @vladozuzula37559 күн бұрын

    Great tutorial on elementor :-) But the subtitles don't work. Please activate them.

  • @wpatters1229
    @wpatters1229Ай бұрын

    is there a way to create a form and then store the information from the form in a database that can generate an email list?

  • @AnonymousBosch

    @AnonymousBosch

    Ай бұрын

    Google: ‘How to Save Elementor Form Data to a MySQL Database’

  • @markusminix
    @markusminixАй бұрын

    Is there a full course for the free version of Elementor?

  • @DigitaleDemocratie714
    @DigitaleDemocratie714Ай бұрын

    Hoi Ferdy ik heb geprobeerd het elementor template pack van je website te downloaden maar met welke browser ik het ook probeer ik krijg een corrupte file%

  • @johncheng4623
    @johncheng4623Ай бұрын

    Do you have tutorial about how to change the domain name of wordpress? thanks

  • @ferdykorpershoek

    @ferdykorpershoek

    Ай бұрын

    Buy a new domain and transfer your current website and emails to the new domain 😊

  • @johncheng4623

    @johncheng4623

    Ай бұрын

    @@ferdykorpershoek yes, but it is a little difficult to do this in hostinger. And there are more things that need to be done, will you make a video about this? Thanks

  • @emv2280
    @emv228029 күн бұрын

    Does anyone have any advice regarding white space under the footer? What's the best way to remove this? I've tried everything and still can't get it to go away. 😟

  • @user-wb5rz4in8g
    @user-wb5rz4in8gАй бұрын

    kan je misschien een tutorial maken van hoe je een wordpress site van local kan uploaden naar hostinger?

  • @MuneerOnlineworking
    @MuneerOnlineworkingАй бұрын

    Hello Ferdy sir technology bloging website please

  • @tsegishtube
    @tsegishtubeАй бұрын

    Can i get elementor pro freely

  • @troytinsley148
    @troytinsley14813 күн бұрын

    I'd like to jump on the WordPress bandwagon, but I have a question. I understand WordPress is prone to crash because of plug-ins. Is that still the case?

  • @MinosegMegbizhatosag
    @MinosegMegbizhatosagАй бұрын

    Mikor lesz végre felirat???????????????????????????????????????????????????

  • @TheStrategist314
    @TheStrategist314Ай бұрын

    Didn’t wet get this 3 months ago? 🤔

  • @ferdykorpershoek

    @ferdykorpershoek

    Ай бұрын

    No, 3 weeks ago I uploaded a part of the tutorial. This is the complete version.

  • @Ahmad-yi6d

    @Ahmad-yi6d

    Ай бұрын

    ​I have completed the whole tutorial and made replica of this website.

  • @Ahmad-yi6d

    @Ahmad-yi6d

    Ай бұрын

    ​@@ferdykorpershoek Ferdy is it possible if I mail you the link of the website I created and you analyze that website and advise me if there is any mistake or weakness. I am a new comer of developing website, your advises will be great help for newby like me. 🥰❤🥰

  • @draganpetrovic2228
    @draganpetrovic2228Ай бұрын

    Subtitles and Transcript closed 🤭?????

  • @draganpetrovic2228

    @draganpetrovic2228

    Ай бұрын

    This is the best Elementor Pro tutorials.

  • @cooltech6080
    @cooltech6080Ай бұрын

    Dear teacher, if I depend only on this video, will I be qualified to make website in a great way. Second thing, is every tool you used in this video free, because I really don't have way to buy sth online. I really have passion to see your answer. Thanks alot

  • @ferdykorpershoek

    @ferdykorpershoek

    Ай бұрын

    Yes! This video is enough for you to becomr a professional. We make ude of Elementor Pro, which is not free.

  • @cooltech6080

    @cooltech6080

    Ай бұрын

    I really thank you. And I will find a way to buy it. Also, one day, I will comment here that I'm a professional 😊 I hope that.

  • @DavidWarner-xd2oj
    @DavidWarner-xd2ojАй бұрын

    🙌 Thank you, Freddy, for this fantastic Elementor Pro tutorial! Your clear instructions and easy-to-follow steps have been a lifesaver. 🚀 Excited to dive deeper into WordPress with your guidance! Keep up the awesome work! 💯

  • @BenKleinjan
    @BenKleinjanАй бұрын

    Dutch?

  • @ferdykorpershoek

    @ferdykorpershoek

    Ай бұрын

    Jazeker 😊🇳🇱

  • @BenKleinjan

    @BenKleinjan

    Ай бұрын

    @@ferdykorpershoek mooi

  • @sirakzena
    @sirakzenaАй бұрын

    Apologies! I found the video you created.

  • @mehdi9771
    @mehdi9771Ай бұрын

    Please we need tutorials with free tools

  • @MaxVenous
    @MaxVenousАй бұрын

    1:37:51 Hey Ferdy, Please don't do this type of video edit, we want to show full screen where ever mouse goes, or zoom at mouse pointer that would work

  • @MinosegMegbizhatosag
    @MinosegMegbizhatosagАй бұрын

    Felirat??????????????????????????????????

Келесі