Register Now


Lost Password

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.

Add question


Register Now

Thank you for registering with WPTricks

How To Make A WordPress Website 2019 | Beginners

Learn how to make a WordPress website in 2019:

Learn from scratch how to create an amazing and professional WordPress website using Elementor and the Phlox Pro theme. In this video I show you step by step how it is done. You wil learn how to install WordPress in a few clicks, create a page using Elementor, import free templates and Phlox Pro templates, how to create blogposts using Gutenberg and Elementor, how to create Portfolio items and how to configure the blogpage and portfolio page. Dozens of people say that they started making websites for a living after watching my video’s.

If you like this video, please like it and feel free to subscribe for more upcoming videos!
This is the website we will make:

Here is an overview of what we will cover with timestamps:

00:00:00 Intro
00:00:15 Overview of the Tutorial
00:01:40 For who is the tutorial?
00:02:08 4 Goals

Let’s get started
00:02:22 Get a domain and webhosting
00:09:02 Install WordPress
00:10:43 Clean up the WordPress backend
00:11:41 Change the user information
00:12:32 Create a Site Title

Create The Website
00:14:08 Add pages to your website
00:16:39 Create a menu
00:19:40 Introduction to WordPress themes
00:20:28 Get The Phlox Pro Theme
00:26:47 Install The Phlox Theme
00:28:45 Add SSL ( to your website
00:30:45 Activate Your Website
00:32:29 Select a Static Page As Homepage
00:33:14 Optimize Your Permalinks for Google
00:33:48 Get the free Elementor Page Builder
00:35:06 Fix the White Screen Problem with Elementor
00:35:49 A Short Introduction To Elementor

Import a Phlox Pro Demo
00:36:41 Import A Complete Website In A Few Clicks
00:42:18 Uninstall A Demo

Customise The Theme
00:42:59 Add an Icon and a Logo
00:43:47 Download The Image I use in the Tutorial
00:45:06 Optimize your Images for Google
00:45:49 Assign the menu to your website
00:46:59 Remove the Page Title Area
00:47:20 Boxed or a Fullwidth website
00:48:10 Add Social Icons To Your Website
00:50:10 Configure the Header
00:52:46 Configure the menu style
00:53:57 Configure the Menu for a Smartphone
00:54:47 Create A Top header bar
00:55:57 Use Custom CSS to change colors
00:57:10 Configure the Typography
00:59:12 Configure the Footer

The Elementor Page Builder
01:01:16 Explenation of the structure of Elementor
01:03:24 Bring back the amazing Elementor Handles
01:04:39 The Navigator Explained
01:05:21 Create a Section with a Call To Action Hero
01:05:42 Configure the Default Colors, Fonts and Color Picker
01:09:23 Configure the background of a section
01:12:10 Get Paid Or Free Stock Images
01:14:52 Import and Optimise an Image within WordPress
01:17:11 Configure the background image of a section
01:20:31 The Shape Divider
01:21:39 Create the content of the section
01:26:09 Add buttons using an inner section
01:31:27 Make your website responsive using Elementor
01:34:53 Create an area with information about your services
01:37:56 Create an Image Gallery
01:41:51 Duplicate area’s
01:43:54 Add a video
01:46:10 The use of padding and margin
01:48:28 Add animations to elements and columns

Import Demo’s
01:56:22 Import a pre made template from Elementor
01:57:16 Adjust the template

Phlox Pro
01:59:09 Introduction to all Phlox Pro Elements for Elementor
02:01:18 Create a background and adjust it using Blend Modes and Filters
02:05:38 Use The Phlox Pro Settings to create an absolute position and add a Parallax Effect Within an Image Element
02:07:16 Configure the Modern Heading Element
02:09:49 Use Custom CSS
02:11:05 Add a text about yourself
02:12:58 Make this section responsive
02:15:13 Create an About Our Team Section
02:22:28 Give a complete section an intro animation
02:24:26 Remove the white bar below a page
02:28:56 Install Contact Form 7

More Templates
02:25:22 Get free templates from
02:29:36 Use Elementor Blocks to build pages in minutes
02:33:50 What is Elementor Pro?
02:35:45 Import a template for the contact page
02:38:44 Import a pre made template from Phlox Pro

02:44:20 Select the blogpage as the blogpage
02:44:48 Create a blogpost using Gutenberg Blocks
02:45:08 Go back to the Classic Editor of WordPress
02:53:33 Interesting things in the Gutenberg Editor
02:57:22 Create a blogpost using Elementor
03:04:17 Configure the blogpage and posts with Phlox Pro
03:15:26 Change the date on a post or schedule posts
03:16:51 Configure the Blogpage using Elementor and Phlox Pro
03:26:40 Add Widgets in the Sidebar
03:30:52 Add a Facebook Like Widget

03:33:11 Install the Phlox Portfolio Plugin
03:33:47 Create a Portfolio Item
03:40:02 Export and Import Templates
03:43:19 Create a second Portfolio Item
03:47:43 Configure the Portfolio Page

Wrapping Up
03:53:39 Show the latest blogposts and portfolio items on your homepage
03:53:58 Create a Footer Area with Widgets
03:57:19 Wrapping Up
03:58:32 Thank you

Comments ( 27 )

  1. You are the man Ferdy K! You inspired me to start my new channel to help small business grow by leveraging digital activities. I have learned so much from you, you have been a huge influence in my growth. Thank you and keep up the amazing content!

  2. Hello Ferdy,

    Many thanks for this great tutorial. Your work is highly appreciated!

    I have a question regarding the footer area with the link to the privacy policy on a blogpost. It‘s in conflict with the regular blogposts. Any suggestions for an alternative solution (to show the privacy policy)?

  3. Great video Ferdy! what's best size of featured images I don't have 1920X1080px shall I use 16:9 ? my images are 1600X1400px

  4. Hey Ferdy I'm coming to the party late lol. Just bought Phlox pro using your link. It was a bit more that $29 all in all including tax it was $49. Can I ask you is Phlox pro on a par with Astra Pro? Thank you. You're videos are great really enjoying watching your tutorials.

  5. Very very interesting and informative video. Dear ferdy Bro keep it up. God bless you

  6. Please make one tutorial for a dynamic page or a blog. Not a static page. Same theme. Thank you

  7. Ferdy, I need to tell you that I went through hell with PHLOX installation. It is still not installed properly. The whole team of people is working on it. It was flawed and bad. Yes, you've made the same video in 2017 and this is for a static page. I would love to see a video for a dynamic page or a blog. I was totally contemplating suicide when my theme crashed seven times.

  8. Ferdy, It took me a while to grasp some things. Static page is for a web page and active page is for blogs. I am interested in designing a blog. This video is no different from the 2017 one. It is a good video. I used it to design my first blog for monetization. What I need a tutorial on is how to link content of other blogs into my blog. There is no such tutorial on the market. Can you please make a video on that ? Thank you

  9. Another sales pitch that is intended to sell rather than help.

  10. Hi, Fred. really Thanks. This video help me a lot.

    I bought Newspaper 9 after watching your tutorial video and I bought Elementor pro and Phlox too. Because It's easier than Newspaper to make my website with your tutorial, I think.

    I have a question, I love the page template on newspaper 9, Can I use it on Phlox with Elementor pro or Newspaper9 theme is working with Elementor pro. is It possible?

    Actually This is first time to make Website and Homepage. I'm not a web designer. I just want my website for my business. please tell me the easy way. Thank you

  11. You are looking Handsome….!!!!

  12. Oh I wish I found this video first, I purchased Elementor Pro and Phlox core, will this matter?

  13. Hello Ferdy
    Which website builder do you recommend? Divi or Elementor? I create my first WordPress website and watch your tutorials. You have videos for both website builder and I want to choose one of them.

    I do several websites (my shop, for 2 clubs, and for the 2 shops of my wife). So I'll be busy next month.

    In order to be able to make a better decision, I ask you for a recommendation. Or do you have a video for this question?

    Thanks, Ferdy, I'm excited about your videos. They are detailed and at the same time highly efficient. World class !!!

  14. Does anyone know if Astra Pro and Elementor Pro work well together? Or is Just plain Astra and Elomentor a better option for WordPress?

  15. Hi Ferdy! Which camera and lens did you use at the intro of this video?

  16. Hey guys, is there a way how change appearance of that arrow in this video in nav bar pointing down next to "services" tab ? Thank you!

  17. hi
    how can i remove my https . i have no ssl certificate.

  18. I have learned WordPress tutorial from you. I am the beginners.But quickly understand for you are wordpress tutorial videos.I have inspired for you.Thank you Ferdy for your support.

  19. Thank you so much,thanks lot

  20. Hello Ferdy, do you use plugin for mega menus on your site ?

  21. who is having the same problem with installing Phlox Pro Features?

  22. Better and cheap themes I got them from ZIWA TEMPLATES-

  23. G'day Ferdy. I purchased Phlox Pro and now in my Dashboard on the left
    hand side menu I have over 20 more products/items. Is there a way to
    reduce this by taking out the ones I don't want?

  24. If I buy that theme can I use it on Multiple domains?

  25. Ferdy Thank you so much for your tutorial. I want to do an on line bible study or blog or magazine using elementor. Do you have any recommendations on a theme or template? thanks Steve

Leave a reply