Тёмный

How to Use Elementor Pro 2.0 Theme Builder | BEGINNERS GUIDE 

WPTuts
Подписаться 172 тыс.
Просмотров 27 тыс.
50% 1

Elementor Pro 2.0 Theme Builder
****** UPDATE: You no longer need to get the Hello theme from GitHub - It is available via the normal theme panel inside WordPress *******
Probably one of the easiest ways to build your own WordPress theme designs is to use Elementor Pro, the WordPress drag and drop builder. Quickly create archives pages, single pages, headers and footers and so much more, all inside a drag & drop interface.
In this beginners guide, I'll take you through the fundamental tools & skills used in the Elementor Theme Builder to build your own website and core theme pages, quickly and without any technical jargon.
ELEMENTOR PRO: jo.my/1s0t2s2
Hello Theme: elementor.com/...
Take your #WordPress website and skills to the next level!
AFFILIATE DOWNLOADS
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.
Crocoblock: bit.ly/2BD7e6E
Pre Order Brizy Pro NOW: bit.ly/2Ji97r8
OCEANWP: bit.ly/2fRHBr0
ELEMENTOR PRO: jo.my/1s0t2s2
WPBakery Page Builder (Formerly VISUAL COMPOSER): bit.ly/2NVbVNP
DIVI 3 Page Builder: bit.ly/2HiiDcE
DIVI Theme: bit.ly/2G8JMiA
SMART SLIDER 3: bit.ly/2G0G1vB
Astra Pro: bit.ly/2zruoKn
CSSHERO: bit.ly/2qbrRl6
SLIDER REVOLUTION 5 - bit.ly/2NYr8NV
IMPREZA THEME: bit.ly/2mpK9wp
SUBSCRIBE
bit.ly/2rX7rhu
LETS CONNECT:
/ wptutz
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk

Опубликовано:

 

4 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 94   
@WPTuts
@WPTuts 5 лет назад
Looking for a quick start guide to building your own themes with Elementor Pro 2.0's Theme Builder? Funny that as we've just released our new guide to all things Theme Builder related (well, almost!)
@kristafabregas3152
@kristafabregas3152 4 года назад
After helping a client with an Elementor-built site, I'm sold! In the process of moving my own three sites from (ugh slow!) Divi to Hello Elementor + El Pro -- SO much easier than Divi to scratch build to exact needs! Thank you for the detailed, complete, and downright simple explanation. I thought this was the process and you confirmed it for me.
@KaylaAndSamantha
@KaylaAndSamantha 5 лет назад
THIS WAS so HELPFUL!! Thank you. There are a lot of tutorials out there that leave so much out and have always left me with questions but thank you for perfectly explaining this! I struggled for a week and when i came across your video I had my site done in a few hrs. lol THANKS!
@WPTuts
@WPTuts 5 лет назад
Awesome! Great to hear this helped you get your site up and running. 👍
@eleazarixba6701
@eleazarixba6701 4 года назад
Dear Paul, you are really profesional! This tutorial is great, clear, fluid, complete, and useful. Congratulation and keep going!
@MikeRogers16
@MikeRogers16 5 лет назад
What a great tutorial. I have been so confused by different RU-vid videos, but now I think I can get on developing my own website. Thank you very much.
@WPTuts
@WPTuts 5 лет назад
My pleasure Mike. 🤘
@beekeepingfornewbies9442
@beekeepingfornewbies9442 5 лет назад
I've used Divi for a long time and just started working with Elementor. I was playing with templates and didn't quite understand how they worked. This tutorial is a great help. I think I got it now...thanks!
@WPTuts
@WPTuts 5 лет назад
Great to hear this helped and good luck with the transition to Elementor :0)
@robbwebcomics3811
@robbwebcomics3811 5 лет назад
Thank you very much for all your very clear step-by-step explanations ! This video deserves a lot more visibility, you've help me a lot as you did a lot of people. Keep up your good work, it's much needed ! Thank you !
@gregsmithhisler2751
@gregsmithhisler2751 5 лет назад
Short and to the point and incredibly useful. I used to work well into the early morning hours years ago building HTML sites and doing a lot of had coding - the versatility of elementor blows my mind. Thank you!
@WPTuts
@WPTuts 5 лет назад
Me to... WAY too many hours as I recall. 🙄
@CelioAgostinho
@CelioAgostinho 5 лет назад
Much LOVE from Australia. Your voice has a great learning frequency. I have learnt so much just from listening to small bite sizes of the video. Real good content. THANK YOU.
@WPTuts
@WPTuts 5 лет назад
My pleasure and hello AUSTRALIA 😀
@edwardrobson
@edwardrobson 5 лет назад
THIS is the tutorial I've been looking for. I've found the structure of Elementor a bit confusing. This makes it crystal clear. Thank you
@WPTuts
@WPTuts 5 лет назад
That's great to hear. It can get a little overwhelming when you first start creating your own theme files and templates, so I'm glad this has helped clarify things.
@allanyoung7411
@allanyoung7411 4 года назад
Just bought Elementor Pro and working through creating our first theme - have to say this was a great tutorial - easy to listen too, easy to follow and at a great pace. Thanks, now off to look at some more of your Elementor videos.
@WPTuts
@WPTuts 4 года назад
Great to hear this helped out 😁
@keomplays
@keomplays 5 лет назад
Perfect timing! I'm about to start a site using the theme builder and this tutorial has taken the worry out of me. I really appreciate concise, well explained, informative videos like this. Thank you!
@MrLoccis
@MrLoccis 5 лет назад
You have really made it look easy. I think once I start using Elementor Pro, I will definitely start creating my own themes.
@johnboyd8053
@johnboyd8053 5 лет назад
Thank You. I've been looking for a tutorial of the Hello Theme. Great job! My Granddaughter is getting married next year and wanted me to build her a website. I now know what theme I'll be using!!
@WPTuts
@WPTuts 5 лет назад
I hope this helps John, I'm sure your Granddaughter will love her new website too. 😉
@marthandanvictor5237
@marthandanvictor5237 5 лет назад
Great basic guide for an website builder to use in designing website with regards to themes, Good tutorial as there is a bit confusion on the different templates been used which is been clarified great job
@WPTuts
@WPTuts 5 лет назад
Exactly! There are a lot of options and it can certainly seem overwhelming at first. Hopefully this will help simplify the process for those venturing into the theme builder for the first time.
@MohammadAsgharShah
@MohammadAsgharShah 5 лет назад
Very impressive, quick and comprehensive.
@raginggranniessongsite9758
@raginggranniessongsite9758 5 лет назад
Thank you, Paul this was exactly what I needed and when I needed it. Just finished creating all of my templates and can't believe how easy it was with your tutorial.
@WPTuts
@WPTuts 5 лет назад
Great to hear it helped it out. 😁
@BrantK147
@BrantK147 4 года назад
Great tutorial! I love how methodical the explanation is. Thank you so much!
@antonichristian5845
@antonichristian5845 5 лет назад
Great overview of the theme builder!!!! great for new users of elementor and those that want a refresher, cheers Paul!
@WPTuts
@WPTuts 5 лет назад
Exactly my thoughts Antoni. 👍😉
@thepurpleufo
@thepurpleufo 5 лет назад
I have a followup question, but first I have to say what a wonderful job you have done with this tutorial. This is the only time I've seen the Elementor Theme Builder explained in a way that makes sense. You covered everything I need to get started on building a theme, everything ;you did was explained very clearly, *and* I loved the fact that you avoided going off track by getting into meaningless details and adjustments. Perfect. Here's my question: While watching you build this theme, I kept waiting for you to show what we would do with the theme after we have created all the templates. I mean...when I get a theme from the WordPress.org site, the theme is all put together into a Zip file, which I can download to my computer and then install on my website. So, if I follow your instructions here, and build a new theme...how would I "package" the theme and give it to a friend of mine? I can't quite see how that's done. Can you explain that, please? Thank you.
@WPTuts
@WPTuts 5 лет назад
Using Elementor Pro to build your theme isn't the same as more general WordPress theme design. A better way to look at it would be that you're building an Elementor based theme; something that will only work as part of an Elementor Pro install. While you can't 'package' all the files like a traditional WP Theme, you can export all the theme template files created with EPro and then you can simply build a new EPro based site, go to your Theme Builder and choose to import template. I believe you can then upload the individual JSON files or upload a zip with all your JSON files included (don't quote me on the last part, it's been a while since I imported multiple files). I hope that helps.
@thepurpleufo
@thepurpleufo 5 лет назад
@@WPTuts Thanks so much for the excellent explanation. Everything you said makes sense...thanks so much. I love your tutorials. :)
@johnrpomeroy
@johnrpomeroy 5 лет назад
Keom- My thoughts, exactly!! Very well explained and perfect timing!! Thanks soo much!!
@assetguidancegroupllc1901
@assetguidancegroupllc1901 4 года назад
Thanks I was rather stuck there for a minute!
@radvileknabikiene8421
@radvileknabikiene8421 4 года назад
really helpful tutorial. So informative from the beginning to the end.
@onlinesucces9731
@onlinesucces9731 4 года назад
Thank you so much! You are really helping us with this tutorial, and very clear in the way you are explaining things. I appreciate it a lot ! a lot !!!
@WPTuts
@WPTuts 4 года назад
Thank you. Great to hear the tutorial is helping. 😁
@billgrey
@billgrey 5 лет назад
Super, man! I was just wondering about this Hello theme and just how things might work. Thanks!
@WPTuts
@WPTuts 5 лет назад
I hope this helps point you in the right direction Bill. 😀
@magicmacify
@magicmacify 5 лет назад
Tutorial is totally on spot. Thx great job!!!
@oliverkuehle
@oliverkuehle 5 лет назад
best. youtube. tutorial. ever seen. THANK YOU!!!!
@WPTuts
@WPTuts 5 лет назад
Way too kind. 😁
@victoriaruckert8700
@victoriaruckert8700 4 года назад
Thanks for this helpful step by step guide... ;-)
@AllesKiten
@AllesKiten 5 лет назад
This is the most helpful vid I saw up to now. Thank you very much Paul. Speaking little slower would be perfect ...
@john-moes
@john-moes 4 года назад
Thank you for the clear explanation, top tutorial !
@dragonshot3243
@dragonshot3243 5 лет назад
man how did u know I was working on this?? thank you Sir
@WPTuts
@WPTuts 5 лет назад
Yoda mentioned it to me in a dream... lol In all seriousness, I hope it helps explain the topic. 😀
@catherinecrisler847
@catherinecrisler847 4 года назад
I hope you're still monitoring these comments. I need to create archive pages for specific categories of posts. I don't see a way to designate a specific category, i.e. Training, Operator Newsletters, etc. Thank you for the time and care you put into your videos.
@russelldelaporte162
@russelldelaporte162 5 лет назад
An excellent tutorial, thank you!
@kerawelt2008
@kerawelt2008 5 лет назад
That tutorial is great ! Many thanks !
@chriss.182
@chriss.182 4 года назад
Thank you, nice video.
@BillConrad
@BillConrad 4 года назад
Thanks for the tutorial!
@OmarWaleed
@OmarWaleed 5 лет назад
Great tutorial, I make it as a reference to me
@KBlakK
@KBlakK Год назад
This was a great tutorial!!! I guess I was wondering if, once you put all of these Site parts together in Theme Builder, do you, or could you, put them all together to make a complete theme? Or do you just use the parts in theme builder. Like If I was to create an ecommerce site and then I wanted to create a blog site, do I just use what's in theme builder? I guess I'm wondering if there's a way to combine all the elements and save it as a theme file
@ericksongarchitects3840
@ericksongarchitects3840 4 года назад
Perfect thanks!
@thecontinuum4164
@thecontinuum4164 3 года назад
Hey! Thanks for the video. Very helpful. I was wondering, should I ditch Astra Pro to use the Hello Theme? So that the Elementor builder will work more seamlessly?
@webgraphics2706
@webgraphics2706 5 лет назад
wow and wow, you are the best thanks
@incrastic6437
@incrastic6437 4 года назад
Clarifying. Thanks.
@jeffreywhite4091
@jeffreywhite4091 5 лет назад
Thank you for tutorial sir
@WPTuts
@WPTuts 5 лет назад
No problem at all Jeffrey; I hope you found it useful.
@liyakatali5534
@liyakatali5534 4 года назад
One of the best video
@badcatdesign
@badcatdesign 5 лет назад
So with the “Hello” theme in ongoing development and not getting the benefits of auto-updates from WordPress.org theme repo, would it be prudent to suggest still using a child theme on top of “Hello”? For example to add any custom functions etc.
@WPTuts
@WPTuts 5 лет назад
Definitely! If you're making any changes to the core theme, even when you're not relying on a complex theme, it makes total sense to ensure you use a child theme for those edits. 😁
@pellekarlsson152
@pellekarlsson152 4 года назад
Great video! do you know to disable theme menu (using hello theme) I would like choose header template in Elementor
@NeilSnapePhotography
@NeilSnapePhotography 5 лет назад
After watching this I wonder if using Astra (free) is even advantageous or if I should just use Elementor Pro for all templates? Would the css and js pages be lighter and load faster?
@WPTuts
@WPTuts 5 лет назад
Have a look at the recent series of videos I did on the main themes used with Elementor Pro and you may be surprised at some of the results. It should help you decide in what you think is the best course of action for you. 🤘
@ventoroverso
@ventoroverso 5 лет назад
Gooooood work man!
@SoniaBahlQuebec
@SoniaBahlQuebec 5 лет назад
Thank you. Very instructive. Should I create a "child" theme for Hello... so if the Hello theme gets update I don't lose any code done on the original ? Does github have a child theme for Hello ?
@WPTuts
@WPTuts 5 лет назад
Definitely. If you need to make any modifications to the core theme files, it's always best to use a child theme. I don't think there is an option to download a child theme I'm afraid. As far as I know, you'd need to setup your own.
@turgutunal3663
@turgutunal3663 5 лет назад
Thank youu. very useful and clear. But what about "side bars which includes tags-catagories etc.". I also need to learn that. :)
@GinaAnagnostopoulou
@GinaAnagnostopoulou 5 лет назад
Little by little I discover how amazing elementor is. I was just wondering, however, how fast such a website would be, since we have been importing elements from various designs, with many fonts and different styles. Can you please inform me on this issue?
@WPTuts
@WPTuts 5 лет назад
Take a look at the speed test series posted recently on the channel. I test out the 5 main players for Elementor, including the Hello theme. 👍
@scottgeithman193
@scottgeithman193 Год назад
How can I get Elementor Header Template to display only on WooCommerce products and archives in Product Category and all children of that category? So let's say I have a Product Category "Fashion", I want to show a different header on all products and category pages that are in or children of "Fashion" ... so all of these (basically "Fashion" and everything that belongs to "Fashion"): Fashion - Clothing -- Mens Clothing
@laerciocivali
@laerciocivali 5 лет назад
Great video Pall, thanks! By the way, is it possible use a builder like this you´ve refered to, Hello theme, in the same enviroment, in conjuction with another builder already installed, as Generate Press that I often use to, without interference between two websites?
@WPTuts
@WPTuts 5 лет назад
Technically you probably could try running 2+ page builders on a single site, but I would generally recommend against it as it may cause issues with conflicts on either the front end or the back end (or both).
@johndumas4467
@johndumas4467 5 лет назад
May I please, please have a bit of help. I want to create a blog page With Elementor Pro. My problem is that I have Elementor Pro and Anywhere Elementor Pro and I can't figure out how to get WP to display it. I'm not talking about a single post template. Those are easy enough to make and use. I want a page that is going to come up when someone clicks on a Nav link that says Blog. One that I can put say... three rows of four columns, that when they click on "Read More" they are taken to the single post template. I made a nice one and styled it using cards in Elementor just creating a page in WP and assigning it to be the post page in WP and the themes customize section. Nothing came up when I clicked on the Blog link. Not even the themes blog page. It was just blank, except for the custom sidebar I made using AE. Very confusing to me. Ya know... videos are great and I learn from then all the time, but DAMN... is there no one that has made any Elementor cheat pages? You know... like this... Build a custom sidebar 1. bla bla bla. 2. bla bla bla. That is really what would help me and I am sure others as well. Thank you for your time, John
@johnosborne7502
@johnosborne7502 5 лет назад
I have a large number of images, have just come across Wicked Folders having previously been using WP Media Folder, following your Toolset Video, (in them you did mention there would be more that the current 2...still waiting) So my environment is Elementor Pro 2.4.7 and Toolset (Which I discovered the hard way does not currently support Galleries...), can you recommend/suggest some "Media Manager" plugins and or approaches? On a Good/Bad day I may be creating 50 posts, each with maybe 40 images, I went with the Hello theme, as per this video, to reduce the number of different image sizes (other themes create) as they were upsetting Hostgator. Thanks
@angelyque
@angelyque 5 лет назад
Hi, is this compatible with IsleMag theme? Can I change anything about the theme? Thanks
@englishcoursebesiktas2787
@englishcoursebesiktas2787 4 года назад
Can a site with Elementor FREE use templates created with Elementor PRO?
@BillionExpert
@BillionExpert 5 лет назад
I tried to downloaded to the hello theme, it downloaded, but it was an empty zip file
@2minutechannel233
@2minutechannel233 5 лет назад
Hi, I am using Genesis and elementor theme builder. I have a confusion. Is it necessary to use child theme with genesis and why? why i can use theme builder directly on genesis? Please if I need a child theme tell me very lightweight child theme so it does not affect my seo.
@WPTuts
@WPTuts 5 лет назад
If you have no intention of editing ANY of the Genesis files, then the need for a child theme is irrelevant. However, if you intend to make edits to the css file, any core files or the fuctions.php file, then using a child theme means you can update the main theme without any concerns for your edits being overwritten. I've never used Genesis, so I'm not up to speed on how you access child themes, but a very quick search revealed this (www.studiopress.com/sample/) which may work for you. As for SEO, using a child theme isn't going to affect that.
@2minutechannel233
@2minutechannel233 5 лет назад
@@WPTuts Thank you for your response. One more question I have for you. Is this hello theme friendly with SEO? and how does it affect on google ranking?
@cavitywall888
@cavitywall888 4 года назад
Encouraging. But slowing down would be so helpful. The talking speed today is too fast. Life is abundant enough to allow a more relaxing pace. Thanks.
@WPTuts
@WPTuts 4 года назад
If the video was a little quick, you can use the speed controls directly inside RU-vid to play back the video at .75 speed. :)
@jasonbeard
@jasonbeard 5 лет назад
Very Good, best so far. No-one has created nearly full vid like that in Hello Theme. Do you have one for the Hello theme for Side bar Widgets like this: prntscr.com/mr38dp ? Or we need to use plugins for Wigets? Cheers.
@Quizzical106
@Quizzical106 5 лет назад
Lost me at minute 1
@WPTuts
@WPTuts 4 года назад
Can't please everyone I guess. 😕 Any particular reason for that?
Далее
How To Use Elementor Without Theme (Pro)
24:49
Просмотров 46 тыс.
13 Things To Remove From Your Website Immediately
12:33
Advanced Custom Fields & Elementor Pro Beginners Guide
42:26
How to Make a WordPress Website with Elementor in 2024
1:19:17