Elementor Tutorial by WebYoda


This entry is part 3 of 4 in the series Elementor

Elementor WordPress Tutorial 2020 ~ A Complete Elementor Page Builder For WordPress Tutorial. This is a YouTube video done by WebYoda. The example website is called Your Ultimate Vacation. It was released on Feb 13, 2019.

The website starts out displaying a YouTube video about several vacation destinations. There are several modern features of this website. He walks us through how to get a domain name and hosting with HostGator in the video. The theme he uses is OceanWP.

  • 00:00:00 Step 01 – Introduction
  • 00:00:52 Step 02 – Website Project Overview
  • 00:06:10 Step 03 – Unavoidable Costs
  • 00:06:36 Step 04 – Please Ask Questions
  • 00:06:53 Step 05 – Please Pay It Forward
  • 00:07:05 Step 06 – Let’s Start Our Website
  • 00:07:24 Step 07 – Choose & Purchase Web Hosting
  • 00:15:14 Step 08 – Login To Your Control Panel
  • 00:16:24 Step 09 – Install WordPress Application
  • 00:19:05 Step 10 – Display Your WordPress Website
  • 00:19:50 Step 11 – Change WordPress Password
  • 00:21:20 Step 12 – How To Login To WordPress
  • 00:21:48 Step 13 – WordPress Tutorial Timestamps
  • 00:22:29 Step 14 – Install WordPress Theme
  • 00:24:15 Step 15 – Install WordPress Plugins
  • 00:29:11 Step 16 – How To Update Plugins
  • 00:29:33 Step 17 – How To Update WordPress
  • 00:31:05 Step 18 – About Your Dashboard
  • 00:31:51 Step 19 – Creating Empty Pages
  • 00:36:10 Step 20 – Access Elementor Plugin
  • 00:37:31 Step 21 – Create A Menu
  • 00:39:12 Step 22 – Set Menu Colors
  • 00:42:24 Step 23 – Build A Free Logo
  • 00:46:56 Step 24 – Make Image Transparent
  • 00:57:14 Step 25 – Add Logo To Menu Bar
  • 00:59:11 Step 26 – Choose A Homepage
  • 01:00:08 Step 27 – Set Website Permalinks
  • 01:01:01 Step 28 – Remove Search Icon
  • 01:01:47 Step 29 – Remove Header Spacing
  • 01:02:51 Step 30 – Set Footer Copyright
  • 01:03:35 Step 31 – Build The Homepage
  • 01:05:12 Step 32 – Collecting Website Content
  • 01:06:07 Step 33 – Royalty Free Images And Videos
  • 01:06:47 Step 34 – Add YouTube Background
  • 01:12:02 Step 35 – Add Image Text Combo
  • 01:16:33 Step 36 – Setting Default Fonts
  • 01:27:54 Step 37 – Make Call To Action Areas
  • 01:33:57 Step 38 – Add Accordion Widget
  • 01:41:54 Step 39 – Add Image Carousel
  • 01:45:32 Step 40 – Build Testimonials Section
  • 01:51:41 Step 41 – Add Parallax Background
  • 01:54:23 Step 42 – Using Contact Form 7
  • 01:59:32 Step 43 – Insert Join Our Email Form
  • 02:02:01 Step 44 – Create Website Footer
  • 02:06:30 Step 45 – Create About Us Page
  • 02:07:11 Step 46 – YouTube Segment Background
  • 02:14:27 Step 47 – Create Destination Page
  • 02:27:41 Step 48 – Using Elementor Templates
  • 02:36:34 Step 49 – Create Photo Gallery
  • 02:37:46 Step 50 – How To Set Color Defaults
  • 02:38:19 Step 51 – Add Gallery Page
  • 02:41:13 Step 52 – Create Travel Tips Page
  • 02:41:44 Step 53 – Create Contact Us Page
  • 02:44:29 Step 54 – Using Icon List Widget
  • 02:46:45 Step 55 – Insert Contact Us Form
  • 02:47:25 Step 56 – Using Google Map Widget
  • 02:48:48 Step 57 – Apply Content Animation
  • 02:51:40 Step 58 – Headline Animation Widget
  • 02:53:53 Step 59 – Mobile Friendly Adjustments
  • 02:59:52 Step 60 – You Finished Well Done!
Series Navigation<< Getting Started with ElementorElementor Tutorial One-Page Photographer >>