WordPress Elementor Tutorial for Beginners to Intermediate

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 พ.ค. 2020
  • The complete WordPress Elementor Tutorial For Beginners helps you go from no knowledge of using Elementor right the way through to more advanced topics.
    If you're new to Elementor and want to get the best start to working with this amazing WordPress page builder; this compendium is for you!
    I'll take you from the very basics of what Elementor is, how to use it to build your first web pages right the way through to using advanced tools like Advanced Custom Fields and Custom Post Types.
    By the time you've worked your way through all 5 parts, you'll be ready to start building way more advanced, unique WordPress websites and jump start your web design career in style.
    Buy Elementor Pro: ★ jo.my/1s0t2s2
    ==== Full Time Stamps ====
    00:01:15 - Interface Basics
    00:14:25 - Theme Styles Basics
    00:27:59 - Page & Template Basics
    00:40:18 - Building the Homepage
    01:03:41 - Building the Contact Page and Form Basics
    01:09:28 - Introduction to Part 2
    01:10:08 - Installing the Hello Theme
    01:11:13 - Building the Header & Footer Templates
    01:26:44 - Building the Archive Page Template
    01:32:39 - Building the Single Post Template
    01:35:39 - Inline Editing Theme Files
    01:37:33 - Global Widgets
    01:42:41 - Introduction to Part 3
    01:43:29 - Intro to Dynamic Tags & Adding Personalisation
    01:54:21 - Customising the Archive Templates
    01:59:39 - Customising a Single Post Template
    02:01:48 - Dynamic Data Widgets (progress bar)
    02:04:09 - Intro to Part 4
    02:04:41 - Introduction to ACF & Meta Fields
    02:09:13 - Creating Your First Field Group
    02:23:07 - Styling ACF Field Layout
    02:24:48 - Adding Sample Post Data
    02:26:18 - Building the Single Post Template
    02:38:35 - Building a Custom Archive Page
    02:46:09 - Introduction to Part 5
    02:47:19 - The Plugins and CPTUI Intro
    02:49:58 - Creating A Custom Post Type
    02:59:57 - Creating Taxonomies
    03:07:01 - Custom Archive Page
    03:13:24 - Building a Custom Loop With Ele Custom Skin
    03:24:15 - In Closing
    Take your WordPress website and skills to the next level!
    ► THE TOOLS I LOVE ◄
    If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
    ► WORDPRESS VISUAL PAGE BUILDERS ◄
    ★ ELEMENTOR PRO: jo.my/1s0t2s2
    ★ Brizy Pro: bit.ly/2Ji97r8
    ★ WPBakery Page Builder (Formerly VISUAL COMPOSER): bit.ly/2NVbVNP
    ★ DIVI 3 Page Builder: bit.ly/2HiiDcE
    ► WORDPRESS THEMES ◄
    ★ GeneratePress Premium: bit.ly/2Ydn1SE
    ★ OCEANWP: bit.ly/2fRHBr0
    ★ DIVI Theme: bit.ly/2G8JMiA
    ★ Astra Pro: bit.ly/2zruoKn
    ► WORDPRESS TOOLS ◄
    ★ SMART SLIDER 3: bit.ly/2G0G1vB
    ★ CSSHERO: bit.ly/2qbrRl6
    ★ SLIDER REVOLUTION 6 - jo.my/sr6
    ► WORDPRESS PLUGINS ◄
    ★ SEOPress Pro: jo.my/seopress
    ► SUBSCRIBE ◄
    bit.ly/2rX7rhu
    ► LETS CONNECT: ◄
    / wptutz
    SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 85

  • @annette-in-vegas
    @annette-in-vegas ปีที่แล้ว +1

    I started with Elementor Pro about 3 weeks ago and built my first site for a client and launched it also. Along the way I found your channel and have been watching lots of videos. I wasn't looking for a WordPress Elementor tutorial but found this anyway and I'm so glad I did! I'm a third of the way in and I've learned so much already. Your teaching style is straightforward and very clear. Thank you for doing these videos!

  • @khaledmajzoub4711
    @khaledmajzoub4711 4 ปีที่แล้ว +16

    I have to say that you're the best Wordpress & Elementor tutor out there. I learned a lot from you watching your videos during the quarantine and this one is no exception, AMAZING! Thank you and keep it up, we'll continue to support you!

    • @WPTuts
      @WPTuts  4 ปีที่แล้ว +1

      Thank you for taking the time to comment and for your kind words.
      Have a great day. 😁

  • @vamuver
    @vamuver 3 ปีที่แล้ว +2

    Best tutorial EVER! Thanks a lot from Portugal!!!! Saved my life. My wesite was awful.

  • @chrismcmorrow9738
    @chrismcmorrow9738 4 ปีที่แล้ว +1

    Paul, most grateful for your generosity and in-depth insights.

  • @chrismcmorrow9738
    @chrismcmorrow9738 4 ปีที่แล้ว +6

    Hey, Paul... I'm one hour into your course. Can't believe how much stuff I'm learning. AWESOME COURSE. Thank you so much!

    • @WPTuts
      @WPTuts  4 ปีที่แล้ว

      Enjoy!

  • @Sklandarkal
    @Sklandarkal 3 ปีที่แล้ว +2

    The best WordPress tutorials on the Net. Perfect teacher 🙂

  • @TheTiltedOne
    @TheTiltedOne 3 ปีที่แล้ว

    I can't tell you how much I appreciate this. Unbelievable content. Thank you sincerely.

  • @bernardkoech
    @bernardkoech 2 ปีที่แล้ว

    As a novice who has been using beginner's materials, I have learned that there is more to go. Thanks.

  • @wedoebe
    @wedoebe 4 ปีที่แล้ว +1

    This was right on time, as I have been looking at how to get started with update info.

  • @spikeaboo
    @spikeaboo 2 ปีที่แล้ว +1

    I just started watching this after spending a lot of time watching other ones. I learned more in the first five minutes with you than five hours on the other series I was watching. Looking forward to finishing this, Thank you for the clarity

    • @WPTuts
      @WPTuts  2 ปีที่แล้ว

      Great to hear you’ve found this one useful Christine. 😁

  • @petersippel8819
    @petersippel8819 3 ปีที่แล้ว +2

    Saw some other video tutorials from you and they were amazing. This one gives me the best foundation I can imagine, to start with Wordpress, Elementor and dynamic content very quickly. Super professionally presented. Video, Audio cut: all best in class. You're one of very few instructors I can listen to the whole day. Perfect. Thanks a lot for your effort and time. Very much appreciated.

    • @WPTuts
      @WPTuts  3 ปีที่แล้ว

      Wow, thank you Peter. It's great to hear you've enjoyed my content and found it useful. 😁👍

  • @JustAnotherMan
    @JustAnotherMan 2 ปีที่แล้ว

    Absolutely love your videos mate! Seriously surprised how well presented and put together everything is!

  • @cuaran89
    @cuaran89 4 ปีที่แล้ว +2

    Incredible. So much value Paul, so much value!!!!! Thank you so much again.

    • @WPTuts
      @WPTuts  4 ปีที่แล้ว

      My pleasure!

  • @TJKhara
    @TJKhara 3 ปีที่แล้ว +1

    Hi Paul,
    Thank you. I did your whole tutorial and learned a lot. Very well made. Please keep up the good work.
    Best,
    TJ.

  • @smokey8400
    @smokey8400 ปีที่แล้ว

    Great tips and tricks, very basic but easy to follow. Needs chapters to make easier to navigate.

  • @theodorafarah4905
    @theodorafarah4905 4 ปีที่แล้ว +1

    Every single minute in this video is very useful ! Thank You Paul

    • @WPTuts
      @WPTuts  3 ปีที่แล้ว

      Great to hear you've found it useful Theodora :0)

  • @rajeshs3771
    @rajeshs3771 4 ปีที่แล้ว +1

    It’s great for self learners including me. Well structured and perfect narration makes us focused on the content. Really undisputed leader of content in this kind. Hats off to the author Mr.Paul.

    • @WPTuts
      @WPTuts  4 ปีที่แล้ว

      Thank you very much. Great to hear you found the tutorials useful. :0)

  • @gogawow
    @gogawow 4 ปีที่แล้ว +1

    Great tutorial! Extremely useful for beginners as well as for expirienced users. Always can find something interesting specially for you :)
    Thanks, Paul!

    • @WPTuts
      @WPTuts  4 ปีที่แล้ว

      Glad you enjoyed it!

  • @ansarulanis02
    @ansarulanis02 3 ปีที่แล้ว +1

    You're incredible man! The Best elementor tutorial ever. Thanks a lot. 😍

    • @WPTuts
      @WPTuts  3 ปีที่แล้ว

      Thank you :0)

  • @susangemayel-tapper3794
    @susangemayel-tapper3794 4 ปีที่แล้ว +2

    Paul, I'm also a Feng Shui consultant and I want to say moving your desk around so that you have a solid wall behind is the best thing. A solid wall behind your desk provides support and a great view of your opponent, so make sure you can see who is coming through your office door, ideally, your desk should be placed diagonally opposite your office door. Make sure you don't have any windows behind you either. I have a lot of tips and tricks for offices to encourage positive energy that will promote prosperity and abundance, if you are interested just let me know.

  • @coreykretsinger
    @coreykretsinger 4 ปีที่แล้ว +2

    Wow, this must have been a huge amount of work. Thank you!

    • @WPTuts
      @WPTuts  4 ปีที่แล้ว

      You bet it did! Worth it though. 👍

  • @johnboyd8053
    @johnboyd8053 4 ปีที่แล้ว +2

    You are amazing, Paul. Every time I watch one of your tutorials, I learn something new. When I saw the length of this, I thought, I'll just skip through it. But I actually took the time to watch the entire video. I can't imagine all the time & effort it took for you to create this and for that, all I can say is "THANK YOU, PAUL C!"

    • @WPTuts
      @WPTuts  4 ปีที่แล้ว +1

      Wow! That's commitment John. I hope you had a few cold ones while wading through it all. lol 😉

    • @johnboyd8053
      @johnboyd8053 4 ปีที่แล้ว

      @@WPTuts Interesting material with an awesome instructor...it's a win-win. I did have more than one cold soda/pop, whatever you call them in the UK.

  • @gerardpatrick8960
    @gerardpatrick8960 4 ปีที่แล้ว +1

    Wonderful. Thanks so much Paul. Only yesterday I used your tutorial of 2 years ago on Swift Performance Lite improving one of my sites from 18% (???) to 72%. Still not fantastic but a vast improvement. The Swift Performance interface has changed a bit since your tutorial. You video here will be an invaluable resource. I am looking forward to ACF because you talk about it so much and I have no earthly clue about it! Very many thanks once again, Gerard

    • @WPTuts
      @WPTuts  4 ปีที่แล้ว

      Glad it helped Gerard! 😀

  • @LB-bv7np
    @LB-bv7np 4 ปีที่แล้ว +1

    This is, like many other of your videos, an excellent piece of information. I have seen many other tutorials on youTube (either WP or otherwise) and your channel/videos are among the best (and in WP specifically, probably the best). Thank you so much. Best wishes

    • @WPTuts
      @WPTuts  3 ปีที่แล้ว

      Thank you very much L B :0)

  • @kerawelt2008
    @kerawelt2008 4 ปีที่แล้ว +1

    Smashing tutorial ! (As usual...) Thank you !

    • @WPTuts
      @WPTuts  4 ปีที่แล้ว

      Thank you! Cheers!

  • @susangemayel-tapper3794
    @susangemayel-tapper3794 4 ปีที่แล้ว +1

    OMG Paul you are AMAZIN!! Some people, that I will not name, are charging money for this valuable information! Do you have a donate button where we can show our appreciation? Seriously the amount of support you provide this industry is AMAZIN! Thank YOU!

    • @WPTuts
      @WPTuts  4 ปีที่แล้ว

      Hi Susan, thank you for the kind words. :0)
      This was a pretty mammoth undertaking, and still more areas to cover. But, I feel that having one entire video solution that reduces the amount of searching through the channel was an advantage for users. :)
      The easiest place to show support (currently), is through Buy Me A Coffee (www.buymeacoffee.com/wptuts), but there really is no obligation. :)

    • @susangemayel-tapper3794
      @susangemayel-tapper3794 4 ปีที่แล้ว +1

      @@WPTuts NO obligation, it's my pleasure! THANK YOU!

  • @harbourdogNL
    @harbourdogNL 2 ปีที่แล้ว

    This video took a lot of work to put together! Deserves more than 29k views. (You sound Geordie, are you? I ask because my Dad was from Wallsend and you speak very much like he did).

  • @notionzen
    @notionzen 4 ปีที่แล้ว +1

    Woww. Thank you for making such a great video 😍

    • @WPTuts
      @WPTuts  4 ปีที่แล้ว

      My pleasure 😊

  • @ayurveda01
    @ayurveda01 3 ปีที่แล้ว

    Great Tutorial.Thx

  • @CocoBlooms
    @CocoBlooms 4 ปีที่แล้ว +1

    What I struggle with is headers above headers. This needs a total section. But this is very useful - diolch yn fawr.

  • @fagunshah8993
    @fagunshah8993 4 ปีที่แล้ว

    You are the best...thank you

    • @WPTuts
      @WPTuts  4 ปีที่แล้ว +1

      Happy to help

  • @simondewaal1980
    @simondewaal1980 3 ปีที่แล้ว +1

    Good video!

  • @chrismcmorrow9738
    @chrismcmorrow9738 8 หลายเดือนก่อน

    Thanks!

  • @leolima01
    @leolima01 4 ปีที่แล้ว +1

    Wow!!!

  • @gordondesign9752
    @gordondesign9752 3 ปีที่แล้ว +1

    Hi Paul, Thanks for your super high-quality videos - I can't find any link in the description to the Facebook group you mentioned?

    • @WPTuts
      @WPTuts  3 ปีที่แล้ว

      My mistake, you can find it here: wptuts.co.uk/facebook - I look forward to seeing you there. :0)

  • @martinransom3565
    @martinransom3565 2 ปีที่แล้ว +1

    Humble comment : perhaps this fine tutorial needs updating from the 2020 versions. EX : from 16:09 onwards, one gets lost! how do you set theme styles in Elementor 3.52 ?? Thanks for heads up!

  • @ClearRetirementAdvice
    @ClearRetirementAdvice 3 ปีที่แล้ว +1

    Hi WPTuts -- this really is the best tutorial I've seen, partly because of your easy-to-understand style, and partly because you used the Hello Theme. However, Elementor has since had a fairly significant upgrade. Will you be doing this again, incorporating the new features?

    • @WPTuts
      @WPTuts  3 ปีที่แล้ว +1

      I'm not sure if I'll do a complete redo of this video, but will be creating some in depth content on how to use many of the key new features. 🤘

    • @ClearRetirementAdvice
      @ClearRetirementAdvice 3 ปีที่แล้ว +1

      @@WPTuts Sounds great; looking forward to it. Another idea for an easier way to keep this tutorial really useful: in the notes section above, simply state things like "in Elementor 3.0, you can find this section here _________." Or "Here's my tutorial about how Elementor 3.0 addresses ________." Anyway, my 2 cents. Really great tutorial!

  • @StarskYOfficial
    @StarskYOfficial 4 ปีที่แล้ว

    Thank you for this great video! How can I get the content of the "style" page at 14:30? I installed Hello theme and doesn't bring that page.

    • @StarskYOfficial
      @StarskYOfficial 4 ปีที่แล้ว +1

      I figured it out! Just drag the elements and add the sample text, sample form, etc.. Thank you for the video again!

  • @billgrinstead9933
    @billgrinstead9933 4 ปีที่แล้ว +1

    I just discovered Elementor and love it. Paul what’s your opinion on this vs WPBakery? In my opinion Elementor blows it out of the water.

    • @WPTuts
      @WPTuts  4 ปีที่แล้ว +1

      WPBakery who? lol

    • @billgrinstead9933
      @billgrinstead9933 4 ปีที่แล้ว +1

      WPTuts exactly. Ive been fumbling around with wpbakery for about a year, it feels like pulling teeth getting anything done with it. I just found out about Elementor and my god, I can finally create the designs I want, and so simply. Thanks for the vids, perfect timing for me.

    • @WPTuts
      @WPTuts  4 ปีที่แล้ว

      @@billgrinstead9933 my pleasure. 😁

  • @spennysimmo3006
    @spennysimmo3006 4 ปีที่แล้ว

    This is very interesting, thank you. Is there a reason more recently you seem to use ACF and CPT UI more than for example JetEngine? I’ve looked at both and JetEngine seems to be a more integrated and less convoluted solution.

    • @PakaBassPlaya
      @PakaBassPlaya 4 ปีที่แล้ว

      Did you try PODS? In most cases it's all I need, it works very well with Elementor Pro

    • @spennysimmo3006
      @spennysimmo3006 4 ปีที่แล้ว

      Bartosz Pakulski I did but JetEngine seemed more straightforward for relationships.

    • @WPTuts
      @WPTuts  4 ปีที่แล้ว

      From a personal point of view, I think that ACF & CPT UI are platform agnostic. I.e. it doesn't matter if I use Elementor Pro, another page builder or no builder at all. I can harness the tools.
      JetEngine is an incredible tool, but is still limited to working with Elementor or Gutenberg.

    • @spennysimmo3006
      @spennysimmo3006 4 ปีที่แล้ว

      WPTuts That makes sense thanks. I was only thinking from an Elementor point fo view which right now is the only platform I use.

  • @imoinanimo9746
    @imoinanimo9746 ปีที่แล้ว

    Ok. I have made page (with form) in Elementor. How I can publish it??? When I go back to dashoboard and click on the site name it displays blank page.. where is my page with form, created in Elementor??????

  • @marknasri1201
    @marknasri1201 3 ปีที่แล้ว +1

    thanks, great video. i do not see facebook group link above

    • @WPTuts
      @WPTuts  3 ปีที่แล้ว +1

      You can head over here. wptuts.co.uk/facebook 👍

  • @luc1943
    @luc1943 4 ปีที่แล้ว

    Hi, thank you for your splendid tutorial. Question: how do I make a double menu. Let's say I want - on top - a small menu 'Reservation - Cadeaubon - Soliciteer', and below the menu with all the normal 'things' like Intro - Who are we - etc. Please go to www.jumpworld.be to see an example. On the top right you see 'Cadeaubon' and 'Inloggen', and below the (Main) Menu. Looking foreword to see your answer.

  • @martyshmanka
    @martyshmanka 4 ปีที่แล้ว

    Can we download the styles page file (14:22) somwhere?

    • @WPTuts
      @WPTuts  4 ปีที่แล้ว

      Sure. The link is in the description. 👍

    • @martyshmanka
      @martyshmanka 4 ปีที่แล้ว

      @@WPTuts Paul I thought I heard you say that, but I don't know what I am looking for in the description - sorry?

  • @bimanh.saikia6600
    @bimanh.saikia6600 4 ปีที่แล้ว

    Couldn't find the fb group link...

    • @WPTuts
      @WPTuts  4 ปีที่แล้ว

      facebook.com/groups/wpcrue/

    • @bimanh.saikia6600
      @bimanh.saikia6600 4 ปีที่แล้ว +1

      @@WPTuts thanks brother..

  • @silverlanswoodworking
    @silverlanswoodworking 4 ปีที่แล้ว

    free version or pay version id love tuts on only free version no pay what so ever for us starters

    • @WPTuts
      @WPTuts  4 ปีที่แล้ว

      Check out my new weekly series called No Money? No Excuse! Nothing included in those videos has a charge associated with it. :0)

    • @silverlanswoodworking
      @silverlanswoodworking 4 ปีที่แล้ว +1

      @@WPTuts awesome ill check it out i only ever see your pay stuff lol

  • @eurointernational1650
    @eurointernational1650 3 ปีที่แล้ว

    My goodness, you talk too much than actually shows demonstration great video though.

  • @cooltechandmore
    @cooltechandmore 2 ปีที่แล้ว

    They copied off Microsoft Frontpage