Playback starts YouTube’s embedded player (privacy-enhanced mode).
Elementor Complete Tutorial 2020 - Build a Full Website with Elementor
ChannelWeb MonkeyChapters
Description from the creator
In today's mega tutorial, I am going to show you how to use Elementor page builder plugin to build a full website blog. This blog is titled 'the lone nomad' and is basically a travel blog highlighting the adventures of a solo traveler around the world.
I am going to first of all show you how to use the free version of Elementor to build the blog and then in the second chapter, I will use the pro version to further enhance the functionality and design of the blog. Even though we built a blog in this tutorial, you can use the same techniques and skills to build ANY type of blog on any other topic.
Buy Elementor Pro - be.elementor.com/visit/?bta=2834&brand=elem…
Buy Siteground Web Hosting - siteground.com/go/you_tube
Follow me on Facebook - facebook.com/thewebmonkeyonline/
Follow me on Instagram - instagram.com/travels_of_xander/
Visit my blog - thewebmonkeyonline.com/
Buy Siteground Web Hosting - siteground.com/go/you_tube
TIME STAMPS
00:00 - Start
5:24 - Intro to Web Hosting
9:05 - Creating a Temporary Domain & Installing WordPress
11:46 - Creating a Sub Domain
14:30 - First Things First
19:46 - Elementor Setup
27:28 - Elements & Structure
32:01 - The History Tool
34:19 - Adding our First Section
48:40 - Displaying the Posts Grid
53:26 - About Us Section & Instagram
1:04:39 - Switching WordPress Themes
1:16:17 - Spacing
1:23:08 - Creating the Header
1:38:34 - Adding the Social Media Icons
1:42:19 - Creating the Footer
1:53:28 - Adding the Subscription Form
2:02:56 - Working with the Slideshow Element
2:09:10 - Building the Blog Page
2:14:55 - Building the About Us Page
2:24:18 - Adding Testimonials
2:28:13 - Quiz
2:34:00 - Elementor & WooCommerce
2:48:33 - Animations
2:51:57 - Responsive Design Part 1
3:02:52 - Responsive Design Part 2
3:09:53 - Recap
3:14:35 - End of Part 1
3:16:00 - Intro to Elementor Pro
3:17:19 - Recreating the Footer
3:21:19 - Recreating the Header
3:27:25 - Creating the Blog Post Template
3:38:15 - Creating the Contact Us Section
3:47:31 - Creating the Archive Template
3:52:47 - Introduction to Pro Elements
3:56:00 - Elementor Popups
3:57:50 - Intro to Pro Animation
4:05:22 - Final Thoughts
4:08:58 - Conclusion
For business inquiries, product reviews or partnerships, please send an email to [email protected] you find this video useful and want to say thanks by buying me a cup of tea? Please send your donation via Paypal to [email protected]. Thanks.
I am going to first of all show you how to use the free version of Elementor to build the blog and then in the second chapter, I will use the pro version to further enhance the functionality and design of the blog. Even though we built a blog in this tutorial, you can use the same techniques and skills to build ANY type of blog on any other topic.
Buy Elementor Pro - be.elementor.com/visit/?bta=2834&brand=elem…
Buy Siteground Web Hosting - siteground.com/go/you_tube
Follow me on Facebook - facebook.com/thewebmonkeyonline/
Follow me on Instagram - instagram.com/travels_of_xander/
Visit my blog - thewebmonkeyonline.com/
Buy Siteground Web Hosting - siteground.com/go/you_tube
TIME STAMPS
00:00 - Start
5:24 - Intro to Web Hosting
9:05 - Creating a Temporary Domain & Installing WordPress
11:46 - Creating a Sub Domain
14:30 - First Things First
19:46 - Elementor Setup
27:28 - Elements & Structure
32:01 - The History Tool
34:19 - Adding our First Section
48:40 - Displaying the Posts Grid
53:26 - About Us Section & Instagram
1:04:39 - Switching WordPress Themes
1:16:17 - Spacing
1:23:08 - Creating the Header
1:38:34 - Adding the Social Media Icons
1:42:19 - Creating the Footer
1:53:28 - Adding the Subscription Form
2:02:56 - Working with the Slideshow Element
2:09:10 - Building the Blog Page
2:14:55 - Building the About Us Page
2:24:18 - Adding Testimonials
2:28:13 - Quiz
2:34:00 - Elementor & WooCommerce
2:48:33 - Animations
2:51:57 - Responsive Design Part 1
3:02:52 - Responsive Design Part 2
3:09:53 - Recap
3:14:35 - End of Part 1
3:16:00 - Intro to Elementor Pro
3:17:19 - Recreating the Footer
3:21:19 - Recreating the Header
3:27:25 - Creating the Blog Post Template
3:38:15 - Creating the Contact Us Section
3:47:31 - Creating the Archive Template
3:52:47 - Introduction to Pro Elements
3:56:00 - Elementor Popups
3:57:50 - Intro to Pro Animation
4:05:22 - Final Thoughts
4:08:58 - Conclusion
For business inquiries, product reviews or partnerships, please send an email to [email protected] you find this video useful and want to say thanks by buying me a cup of tea? Please send your donation via Paypal to [email protected]. Thanks.
About this tutorial
Web Monkey published this 4:11:06 video tutorial on January 28, 2020. It has been watched 145,816 times on YouTube.
- Channel
- Web Monkey
- Category
- Education
- Duration
- 4:11:06
- Published
- January 28, 2020
- Views
- 145,816
- Likes
- 2,123
Tags
Share
This tutorial in other languages
- FRElementor Complete Tutorial 2020 - Construire un site Web complet avec Elementor
- ESElementor completo tutorial 2020 - Construir un sitio web completo con Elementor
- PTElementor completa Tutorial 2020 - construir um site inteiro com Elementor
- ITElementor tutorial completo 2020 - Costruire un sito web completo con Elementor
- DEElementor komplette Tutorial 2020 - Erstellen Sie eine Komplette Website mit Elementor
- NLElementor Compleet Tutorial 2020 - Build a Volledige Website met Elementor
- RUФакир Полная Учебник 2020 - Построить полный сайт с Факир
- PLElementor Kompletna Tutorial 2020 - Budowa Full WWW z Elementor
- JAElementor完全なチュートリアル2020 - Elementorとの完全なウェブサイトを構築します
- ARElementor كاملة دروس 2020 - بناء موقع كامل مع Elementor
- HIElementor संपूर्ण प्रशिक्षण सामग्री 2020 - बिल्ड Elementor के साथ एक पूर्ण वेबसाइट
- IDElementor Lengkap Tutorial 2020 - Membangun Website penuh dengan Elementor