0
0
Full Tutorial on how to create a WordPress Website with Elementor Pro, using the Hello Theme, and adding a Blog and a Shop with WooCommerce.
00:00 Intro
01:07 WordPress Settings
03:11 Plugins to Use
07:46 Elementor Settings
09:31 Load Custom Fonts
12:10 Convert Images to WebP
14:34 Hello Theme
16:25 Elementor Header Template
30:10 Elementor Home Page
32:28 Elementor Hero Banner Section
52:44 Elementor Featured Section
54:25 Elementor Banner and Subscribe Section
01:05:20 Elementor About Section
01:06:05 Elementor Footer Template
01:08:26 Create the WordPress Menu
01:08:50 Add an About Page
01:10:58 Add a Team Page
01:14:45 Menu Styling
01:22:58 Elementor Single Post Template
01:27:11 Elementor Post Archive
01:37:45 WooCommerce
01:44:39 Add Products
01:49:35 Add Variable Products
01:52:48 Elementor Shop Archives Template
02:01:07 Elementor Single Product Template
02:04:29 Modify the Menu
02:07:51 Modify Home Page Styling using Dynamic Tags
2022 Update
— Get Elementor Pro here —-
— Of course, we’re affiliated to them, but it helps to pay for resources to keep creating ace content for you 🙂
— Book an Appointment/Consultation:
— LinkedIn:
— Twitter:
— Facebook:
PS:
PPS: Contact us at info@websquadron.co.uk
PPPS: We only build with…
source
This post was automatic generated with this wp-automatic-plugin
Thanks! You can not imagine how helpful this was. It took me a while to set up my website but I did it, yay! I do really like the Hello Theme and seeing how everything fits together.
so cool!!!!!
Hey my friend! I Very greatfull for watching your tutorials! ❤️😃 Just one doubt: How to remove Google Fonts without Messing up with my already made website? Theres a way to do that without effecting the desing? Thanks!
From a greatfull subscriber! ❤️💎
Awesome video, thanks for the great lesson. How can google fonts no longer has the popular pairing options?
My Hosting Provider Install Cloudflare and LiteSpeed as a cash plugin , Can i install Autoptimize plugin?
Thanks Imran , It was Very useful Tips and helpful Tutorial
Thank you @Web Squadron for this tutorial, it definitely helped to fill in some gaps in my knowledge!
I just have a question: Would you also discourage using Adobe Fonts (with a unique project ID per website)?
Does using Adobe fonts influences the page speed as much as Google Fonts? I find it very easy to use, just create a project in my Adobe account, choose only the fonts and variations I want to use on the website and paste the project ID in the Elementor Integrations settings. Should I stop doing this with my projects and custom add the fonts?
Amazing , just what I was looking for! Thanks!
Hi Imran, brilliant tutorial! I wish I saw this sooner. Thanks.
hello, just a little question. I cant use .webp format on elementor, it returns an error or the image doesnt show, what can I do?
I'm on my 3rd watch of this one. Maybe it will stick now 😆 🤣
You rock, man!
Brilliant! …and funny!
This is brilliant! I wish I had seen this video before I started tinkering with Elementor as a total newbie.
I'm using Autoptimize and WP Fastest Cache as you suggested. But I'm getting a message on the Autoptimize Settings screen that says, "It looks like you have another plugin also doing CSS and/ or JS optimization, which can result in hard to troubleshoot conflicts. For this reason it is recommended to disable this functionality in WP Fastest Cache." Can you tell me which settings to change in WP Fastest Cache to disable CSS and JS optimization?
Hi…. Amazing Video woow thanks
Where can I get the images you have used?
As always Imran, very educational, useable information
and funny too.
https://crocoblock.com/blog/adding-custom-fonts-to-elementor/
I keep promoting that you need to remove GoogleFonts to speed up loading time of your site – but unless you want to have Roboto everywhere – then you need to follow this guide!
Thank you…you're a smart guy
This is incredible! Hope you're well now!
00:00 Intro
01:07 WordPress Settings
03:11 Plugins to Use
07:46 Elementor Settings
09:31 Load Custom Fonts
12:10 Convert Images to WebP
14:34 Hello Theme
16:25 Elementor Header Template
30:10 Elementor Home Page
32:28 Elementor Hero Banner Section
52:44 Elementor Featured Section
54:25 Elementor Banner and Subscribe Section
01:05:20 Elementor About Section
01:06:05 Elementor Footer Template
01:08:26 Create the WordPress Menu
01:08:50 Add an About Page
01:10:58 Add a Team Page
01:14:45 Menu Styling
01:22:58 Elementor Single Post Template
01:27:11 Elementor Post Archive
01:37:45 WooCommerce
01:44:39 Add Products
01:49:35 Add Variable Products
01:52:48 Elementor Shop Archives Template
02:01:07 Elementor Single Product Template
02:04:29 Modify the Menu
02:07:51 Modify Home Page Styling using Dynamic Tags
PS – you may notice the deeper voice – as I was extremely ill whilst shooting this.
Hope that you enjoy this.