Learn how to create a website in WordPress – step by step in under 2 hours! Perfect for complete beginners or future web developers.
No skills/special software required! See here the Demo website: http://parallaxdemo.com/

In this free parallax website tutorial, it is shown step by step how to make an amazing parallax WordPress website. It uses a Drag n Drop builder allowing anyone to build and complete their websites in a few hours!


Free Theme Download: https://s3-us-west-2.amazonaws.com/themify/themify-ultra.zip
Free Images Download: https://s3-us-west-2.amazonaws.com/themify/Parallax+Contents.zip

Contents of the tutorial

Introduction 0:00
Overview 5:56

Domain & Hosting 7:53
Use Hostgator Discount Code: BONUSCODE for up to 60% OFF & $5.99 Domain! Link: https://goo.gl/Br7n2o

Install WordPress 11:28 (having trouble navigating? https://youtu.be/5JWgv0nTOEg?t=14m31s)
Configure Basic Settings 13:52
Install Theme 16:27

Add Pages & Custom Menu Links 19:00
Set Static Home Page 23:09
Configure Themify Settings 24:13
(Layouts/Header/Footer/Easy Google Fonts)
Add Social Links 27:57

Logo/Header/Main Nav/Footer Styling 30:22
10 Tips Everyone Needs to Know 33:22

Build Homepage

Row #1 – Hero Image 43:43
Row #2 – Quote 1:01:20
Row# 3 – About 1:04:00
Row# 4 – Services 1:08:40
Row #5 – Gallery 1:12:48
Row #6 – Video 1:16:10
Row #7 – Blog (Add Blog Posts/Widgets & Styling) 1:19:00
Row # 8 – Contact 1:30:25
Row #9 – Map 1:34:10


Set Sticker Header Styling 1:37:00
Set in Row Anchors (Important) 1:37:44
Make Website “SUPER” Mobile Responsive 1:39:38
Add Additional Pages & Built in Layouts 1:42:41

Translating Themes: https://themify.me/docs/translating

Note: This theme is free to download, use (personal or commercial), it is the full version with no limitations!

37 thoughts on “How to Make a Parallax WordPress Website – full video tutorial

  1. If this video helped you in anyway, please subscribe/thumbs up 🙂 it helps me to continue making these videos for you guys! I really appreciate it! Any Questions/Problems – Make sure to check out the FAQ: http://hoganchua.com/faq/
    P.S thumbs up this comment, so people can see it 🙂 Cheers Hogan. Builder/Customizer Not working? Click "Read More"

    Please Re-download theme from description (Ultra version 1.6.3) which is compatible with wordpress 4.7 and Update following these steps: https://themify.me/docs/upgrading#reinstall (settings will remain after re-activation of theme). Hope that helps! 🙂

    Email me at [email protected] with your URL, username and password – If you have any installation/builder/customizer not functioning problems.

  2. Love the Parallax Design and I'm wondering if it can be used as a podcast website? Trying to help my wife, Breena Martinez, who is a professional bikini bodybuilder grow her reach. Thanks Hogan!

  3. This has been a very helpful way to build my website. But there are few changes in the version of themify builder that you are using and that I currently have. So, I am not able to access all the functions as shown in this tutorial. A little more help needed brother. And so far your help has been more than enough. Thank You. Awaiting for your response.

  4. Hi Hogan, great video tutorial, love how you explain and give some basic guidance for design. I bought hosting service from host-gator and start up making my own website. But I have some problem that I face currently, the social links for the footer doesn't show up like the way you showed it on the video. I already followed the steps as you showed it. Please give me some direction on how to fix this, thanks

  5. Hi Hogan, thank you so much for posting this tutorial. It is great and has been an incredibly big help! I am using it right now to create a new website but when I create the first row with an image (48:0050:00 in video) the row appears when the builder is on but when I turn off the builder to get rid of the white space above the row as you instruct, the row with the image does not appear. Whats going on? How can I fix this problem?

    Also, I noticed that Themify has been changed/upgraded since you made your video. Any advice as to how to still follow along in your video since now the layout is different and the steps are no longer exactly the same?

    Thanks again! Two thumbs up!

  6. Hey Hogan, thank you for this amazin video. I used it to create a webpage in german – and would love to have the same page on a different domain in english now. Do you know, if it's possible somehow to duplicate the whole webpage (which I created with the builder), so that I just just translate the words?
    Weird question maybe, but I thought "rather ask instead of doing it all over again" 😀
    Thank you in advance!

  7. Dear Hogan Chua – I am having some specific (WYSIYG!) problems with significant differences between the version of WordPress that you used to explain step-by-step and the latest version of WordPress I have installed using the Themify-Ultra theme that you kindly supplied.

    On my Mac I am using WordPress v5.2.2 with native Apache v2.4, native PHP, and MySQL.

    The Themify Ultra customise page seems to be different than in your video with no ‘Static Front Page Option”.

    If you go to the home pages and delete “Home” in the Home Page Slug box it it does not delete it!

    Can you help? Where can I go from here?

    Your with anticipatory gratitude, Michael

    Michael Gray michaelgray {at] gmail.com

  8. Mr. Hogan Chua, thank you very much for this amazing video. I have been following the instructions to the hilt, but when I add the hero image through row styling, the image does show up when builder is on, but when I save and close the builder, the image disappears. Really tried many times and its not helping. Can you provide any solution on this? Thanks in advance.

  9. Hey Hogan. I've used your tutorial in the past to build a website however for some unknown reason I cannot turn on the builder to start customising. The option is simply greyed out and says "builder is not available on this page" i really hope you can help because i can't figure it out! Cheers brother.

  10. Hi Hogan, thanks for your excellent video. This is exactly what I was looking for. I could build up the web page, but there is one problem. When I click on the links in the menu, the page is always loaded new and scrolling starts from top again. Can you please help?

  11. Hi Hogan. thanks for your great tutorial. I´m working on my 3rd webpage and I got a problem. when installing wordpress with installatron it returns an error regarding the version 5.2.2 as uncopatible. requires php5.6.20 (detected: 5.4.45) and I do not know what to do next. would you help me? thanks

  12. Hi hogan chua, great video!very helpful. Can I ask: I followed your tutorial to change the menu link section, I want the text be black, hover the text will be yellow, and it the tab text will stay yellow when active. It went well on desktop. But on the mobile, when my finger touche/hover over a button on the menu and keep touching without realease, the menu tab color is the defaul red, and if I release my finger, it will become yellow and stay yellow, can you tell me how to fix it?

  13. Hi…Hogan

    You have been helping me a lot. I have to say thank you again and this time I’d like to ask you something that is how can upload my PDF file to link with my click button?


  14. Hi Hogan, great video, thanks for taking the time, I subbed. However I have a question. The video has the download link but this video is pretty old now. I searched for a more up to date link and found that it's pretty expensive to buy it. This is for my uncles business site so I need a site with reasonable speed, will using an old version cause any issues or speed problems? Sorry if I have a fundamental misunderstanding. Thanks a lot

  15. Hey Hogan, this video is amazing, but I do have one question: I wanted to add a section like „news“, as this is a webpage for me as an artist. How can I do this best within parallax?

    Thank you for your response, you‘re awesome!

  16. Hey Hogan, first of all, thanks very much for that awesome tutorial! You're explaining everything damn good. There was not a single moment, where I had to struggle.
    I have a general question about the theme and the usage of it. This theme is a very powerful one, has such a such effects and a bunch of functions. Why is it free and am I allowed to use it for commercial purposes? Thanks in advance.

  17. Hey Hogan! Thank you so much for this tutorial! But I have a problem with my website: in the Builder Preview, all the effects and Padding looks great but as soon as I close the builder it only shoes the elements without the padding :/ I tried to play around but nothing seems to work. As I try to edit again in the builder, it still says 17,5% Padding but I have to click it first until it changes back in the preview – but it’s never saving to the website 🙁

  18. WordPress 5.2.3 with Themify 4.5.8 and Themify Ultra 2.2.1 – The menus and dialogues seem very different in places to your video and we are unable remove the sidebar from pages, either in newly created pages and also using the defaults and creating a page. They are still appearing on newly created pages.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Available for Amazon Prime