1 Intro 0:14
2 Overview of the Tutorial 1:24
3 For who is the tutorial? 0:27
4 4 Goals 0:13
5 Get a domain and webhosting 6:39
6 Install Wordpress 1:40
7 Clean up the Wordpress backend 0:57
8 Change the user information 0:50
9 Create a Site Title 1:35
10 Add pages to your website 2:30
11 Create a menu 3:00
12 Introduction to Wordpress themes 0:47
13 Get The Phlox Pro Theme 6:18
14 Install The Phlox Theme 1:57
15 Add SSL (https://) to your website 1:59
16 Activate Your Website 1:43
17 Select a Static Page As Homepage 0:44
18 Optimize Your Permalinks for Google 0:33
19 Get the free Elementor Page Builder 1:17
20 Fix the White Screen Problem with Elementor 0:42
21 A Short Introduction To Elementor 0:51
22 Import A Complete Website In A Few Clicks 5:36
23 Uninstall A Demo 0:40
24 Add an Icon and a Logo 0:47
25 Download The Image I use in the Tutorial 1:18
26 Optimize your Images for Google 0:42
27 Assign the menu to your website 1:09
28 Remove the Page Title Area 0:20
29 Boxed or a Fullwidth website 0:49
30 Add Social Icons To Your Website 1:59
31 Configure the Header 2:35
32 Configure the menu style 1:10
33 Configure the Menu for a Smartphone 0:49
34 Create A Top header bar 1:09
35 Use Custom CSS to change colors 1:12
36 Configure the Typography 2:01
37 Configure the Footer 2:03
38 Explenation of the structure of Elementor 2:07
39 Bring back the amazing Elementor Handles 1:14
40 The Navigator Explained 0:41
41 Create a Section with a Call To Action Hero 0:20
42 Configure the Default Colors, Fonts and Color Picker 3:40
43 Configure the background of a section 2:46
44 Get Paid Or Free Stock Images 2:41
45 Import and Optimise an Image within Wordpress 2:18
46 Configure the background image of a section 3:19
47 The Shape Divider 1:07
48 Create the content of the section 4:29
49 Add buttons using an inner section 5:17
50 Make your website responsive using Elementor 3:25
51 Create an area with information about your services 3:02
52 Create an Image Gallery 3:54
53 Duplicate area’s 2:02
54 Add a video 2:15
55 The use of padding and margin 2:17
56 Add animations to elements and columns 7:53
57 Import a pre made template from Elementor 0:53
58 Adjust the template 1:52
59 Introduction to all Phlox Pro Elements for Elementor 2:08
60 Create a background and adjust it using Blend Modes and Filters 4:19
61 Use The Phlox Pro Settings to create an absolute position and add a Parallax Effect Within an Image Element 1:37
62 Configure the Modern Heading Element 2:32
63 Use Custom CSS 1:15
64 Add a text about yourself 1:52
65 Make this section responsive 2:14
66 Create an About Our Team Section 7:14
67 Give a complete section an intro animation 1:57
68 Remove the white bar below a page 4:29
69 Install Contact Form 7
70 Get free templates from ferdykorp.com 4:13
71 Use Elementor Blocks to build pages in minutes 4:13
72 What is Elementor Pro? 1:54
73 Import a template for the contact page 2:58
74 Import a pre made template from Phlox Pro 5:35
75 Select the blogpage as the blogpage 0:27
76 Create a blogpost using Gutenberg Blocks 0:19
77 Go back to the Classic Editor of Wordpress 8:24
78 Interesting things in the Gutenberg Editor 3:48
79 Create a blogpost using Elementor 6:54
80 Configure the blogpage and posts with Phlox Pro 11:08
81 Change the date on a post or schedule posts 1:24
82 Configure the Blogpage using Elementor and Phlox Pro 9:48
83 Add Widgets in the Sidebar 4:11
84 Add a Facebook Like Widget 2:18
85 Install the Phlox Portfolio Plugin 0:35
86 Create a Portfolio Item 6:14
87 Export and Import Templates 3:16
88 Create a second Portfolio Item 4:23
89 Configure the Portfolio Page 5:55
90 Show the latest blogposts and portfolio items on your homepage 0:18
91 Create a Footer Area with Widgets 3:20
92 Wrapping Up 1:12
93 Thank you