Applet Orchard

How to Make a Parallax WordPress Website 2017 – AMAZING!

[ad_1]
60% OFF HOSTGATOR COUPON:
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! Demo website: ***GET THIS VIDEO TO 10000 LIKES!***

Free Theme Download:
Free Images Download:

Ultimate Website Resources:
Get a Logo for $5:

In this free parallax website tutorial, I show you 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!

—-
Contents

Introduction 0:00
Overview 5:56

Domain & Hosting 7:53
Use Hostgator Discount Code: HOGANCHUA for up to 60% OFF & $5.99 Domain! Link:

Install WordPress 11:28 (having trouble navigating?
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

Important

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:

Congrats on building your beautiful WordPress website. Hope you guys have enjoyed it as much as I did! Please give the video a big LIKE if you found it useful, it might be two hours long but it took hundreds of hours to create! 🙂

Note: This theme is free to download, use (personal or commercial), it is the full version with no limitations. I have permission from themify to share it with you guys and thousands of people have already built their websites since 2015. But if you enjoy it, you have the option to get support/updates for 1 year here: and can use: HOGAN for 30% Off! (limited time only!) This option is perfect for web developers working with clients or people who want additional help 🙂 If you have any questions, do not hesitate to drop a comment below!
—-

Cheers

Hogan Chua

Posted

in

by

appletorchard

Tags:

Comments

45 responses to “How to Make a Parallax WordPress Website 2017 – AMAZING!”

  1. Hogan Chua Avatar
    Hogan Chua

    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 support@hoganchua.com with your URL, username and password – If you have any installation/builder/customizer not functioning problems.

    Reply
  2. tblkearthsanctuary Avatar
    tblkearthsanctuary

    Hi Hogan! This tutorial was extremely helpful! You are amazing at what you do. I have run into a problem with the gallery on the home page. Above every photo this appears –> Warning: call_user_func_array() expects parameter 1 to be a valid callback, function 'wp_gallery_custom_links' not found or invalid function name in /home/timber31/public_html/wp-includes/class-wp-hook.php on line 298
    Do you know how to remedy this problem? I appreciate any guidance you might have to offer. Thank you.

    Reply
  3. Legacy Kira Avatar
    Legacy Kira

    48:08 i cant find builder!!! how can i get it ??

    Reply
  4. Ben G Avatar
    Ben G

    Hey Hogan,

    Thanks you very much for the tutorial !!!
    I have 6 services (3 up and 3 down) but the 3 down are not lined up properly. One icon is a little higher than the other one and one feature title is lower than the other one. I don't really know why.
    Could you help me ?

    Thanks !

    Reply
  5. Luis Maffet Avatar
    Luis Maffet

    Hi Hogan, I have a little problems, I've been with this themify for months now, and now it happens that the builder is loading and does not allow editing, only the toolbar is opened and loading without being able to edit. Any solution?

    Reply
  6. Paula Mourad Avatar
    Paula Mourad

    Hi @Hogan I want to follow your tutorial in my computer as an exercise. I don't need to have my site up and running. I want it just for myself. For this, I don't need to install anything right? I can just log on to wordpress.com? Thanks.

    Reply
  7. Atef Dannoun Avatar
    Atef Dannoun

    i get this massage The uploaded file exceeds the upload_max_filesize directive in php.ini.

    Reply
  8. alpna manchanda Avatar
    alpna manchanda

    Hi I followed your tutorial, but when it came to turning paragraph text into Heading 1, (at 51:34) the option did not come up. Can you tell me how to sort that out? I am unable to change paragraph text to Headline as the option does not appear.

    Reply
  9. Masafu. Avatar
    Masafu.

    hi Hogan..i am trying to delete a builder(using themify) and every time i click delete it does not function.can you help please? this tutorial is really helping me a lot btw thanks so much.

    Reply
  10. Robert Dawson Avatar
    Robert Dawson

    How do I change the contact page so that my email address fits and shows on a mobile phone http://rldawsonstudios.com

    Reply
  11. Vivah Photo Avatar
    Vivah Photo

    Hey, hogan first of all thanks a lot for helping me to learn a new skill.But right now I have encountered a big problem and I am not able to fix it.
    The issue is in my WordPress panel I can see my website working completely fine…but while I open in other computer site seems to have broken…Plz help me fix it….Where can I send the screenshot of the problem?(I have also posted this query in disscussion section)

    Reply
  12. Luka Mursec Avatar
    Luka Mursec

    One of the best tutorial on how to make a website i have ever seen ! Thank you very much!

    Reply
  13. Erixon Avatar
    Erixon

    Hey there! I did this tutorial but some how all of my posts are showing up with a date stamp on my header. Can anyone please help me get rid of this?
    I have my logo to the top left and after that there are links to my posts! I want to get rid of this! Please help 🙂

    Reply
  14. 1stLaw Avatar
    1stLaw

    I followed every instruction, the only problem I have is the meta Title for my website when you search it in google. It says (Just another wordpress website) when its suppose to be the title of my business.

    Reply
  15. KEROZ Avatar
    KEROZ

    Great tutorial, do you have something with skechtfab plugin?, thanks

    Reply
  16. Zoila Garcia Avatar
    Zoila Garcia

    Thank you for this !!!!! I set up my website over night 🙂 🙂

    Reply
  17. Flo Rian Avatar
    Flo Rian

    Is there a new way to add social links? i tried step by step but they dont appear on my footer

    Reply
  18. Tauseef Ahmed Avatar
    Tauseef Ahmed

    How do you add the email link?

    Reply
  19. Brandon Melillo Avatar
    Brandon Melillo

    Hi Hogan,

    is there a way to use fonts i have downloaded on my computer with wordpress and themify ?

    Reply
  20. Paula Mourad Avatar
    Paula Mourad

    @Hogan Chua For me to follow this tutorial at home, do I need a host/server, or can I install WordPress in my PC? Thanks.

    Reply
  21. Tyler Shaheen Avatar
    Tyler Shaheen

    First off, thank you so much for this incredible video! 
    I've been re-modeling a pre-existing website by using this tutorial and have an issue. Theres a red drop-down container under the menu that opens up "blog" and I can't for the life of me figure out how to get rid of it. Can you please help me? If you need to see what I'm talking about the website is http://www.loveforlallemand.org

    Reply
  22. Amit Karkare Avatar
    Amit Karkare

    Hi Hogan,
    Many thanks for this tutorial. It helped me to build my website.
    I have a query. Can we have some more layout options for the blog? Can you please guide me about it?
    Can you have a look at my website: http://www.dramitkarkare.com
    Once again many thanks for a wonderful channel and thanks in advance

    Reply
  23. sIGHTcs Avatar
    sIGHTcs

    Hi Hogan, in customizer I succesfully manage to edit the mobile menu colors for mobile and tablet view, somehow though… Tablet landscape is not affected by these settings. The custom CSS code in your FAQ does not work either. How can I possibly color the Tablet landscape menu correctly?

    Reply
  24. Amber Signore Avatar
    Amber Signore

    Hi. Would it be possible to follow this step-by-step with the WordPress.com Business version? Or are the interfaces/customization options different on both platforms?

    Reply
  25. Ashay Changwani Avatar
    Ashay Changwani

    Hey, can you give the PSD files of this theme and it's update version?

    Reply
  26. Roei Weiss Avatar
    Roei Weiss

    Hi there, so i've been following your instructions and created the main page. now i'm trying to add a gallery, but i don't like the wordpress default. so i've installed final tiles gallery plugin which generates a code that i had to paste on my home page. the only issue is that it appears on the top of the page without option to move it around in the builder. how can i solve it? thanks!!

    Reply
  27. Lisa End Avatar
    Lisa End

    Thank you so much for the video, you explained everything so well, it helped me a lot!! It's incredible how easy it is to build such a stunning website! I also have a question..is it possible to not show the site logo (in the top left corner) while the header is showing and let it only appear once you start scrolling? As I already have my logo/name in the header I don't want to show it double. Thank you Hogan! 🙂

    Reply
  28. Ivan Bogatyrev Avatar
    Ivan Bogatyrev

    Hello, Could you please say how can I add custom HTML and CSS codes to my website?
    Thank you in advance

    Reply
  29. jimbob290 Avatar
    jimbob290

    I know this video is a little older but I was wondering if someone could help me. When I have the logo for my company displayed in the site identity and logo section, then add the custom link only a tiny snippet of the image activates as a hyperlink to the home page. Any ideas?

    Reply
  30. PORSCHE NIKIA Avatar
    PORSCHE NIKIA

    My themify builder is not on my screen. I got as far the Fotor step and when I went to put in my newly cropped image it is NOT even showing I have a "Themify Builder" option

    Reply
  31. Jerry Dumas Avatar
    Jerry Dumas

    Fatal error: Cannot declare class WP_Filesystem_Direct, because the name is already in use. Only other theme installed is 2017

    Reply
  32. Paul Henriquez Avatar
    Paul Henriquez

    Hello Hogan, amazing content and i´m loving it, i have this question and is that how did you integrated the shop to the page? please answerrr

    Reply
  33. Sahil Kalwit Avatar
    Sahil Kalwit

    Hey Hogan! Hope you're doing great! I was wondering if you could please upload a video on making the website load faster.
    The optimization of the website load time on WordPress seems to be a hurdle. Thanks in advance! Cheers!

    Reply
  34. Rody Haije Avatar
    Rody Haije

    Hee Chua, Your video is very helpful
    When I install the theme, my tekst,logo and social media link is on the left. how do I get it to the middle.
    Besides that everything is great !

    I hope you give a respons
    Itswetz

    Reply
  35. Masafu. Avatar
    Masafu.

    hi hogan chua.thanks for this tutorial.i have one question
    after i am done with all the buliding of the website after choosing a plan..will i be paying for hodting yearly which is a bit cheap or will i be paying the entire plan all over again yearly which is quite expensive ($254)

    Reply
  36. Masafu. Avatar
    Masafu.

    hi hogan chua.thanks for this tutorial.i have one question
    after i am done with all the buliding of the website after choosing a plan..will i be paying for hodting yearly which is a bit cheap or will i be paying the entire plan all over again yearly which is quite expensive ($254)

    Reply
  37. Passport Symphony Avatar
    Passport Symphony

    Hi Hogan, first of all thanks a lot for the video. I recently created a website with the help of this tutorial. I was also wondering if you can you help me with installing the Facebook pixel, because I tried several different approaches but every time the Facebook Pixel helper isn't finding the pixel even after copying the code in my header. Now I guess this theme requires a different approach and I thought you would be the best person to ask for help.

    Reply
  38. Jordan Loomis Avatar
    Jordan Loomis

    My images are coming out blurry when I use the full cover option. Any suggestions on how to fix this? The images are good quality and are not blurry when I've used them elsewhere. Thank you.

    Reply
  39. Petteri Prioteasa Avatar
    Petteri Prioteasa

    excellent tutoral. Thank you very much 🙂

    Reply
  40. Wagner Santos Avatar
    Wagner Santos

    Great video, I'm Brazilian, my English is bad, my works almost everything, in the part that you change the color of the menu and the color of the texts mine does not work, all the texts that I'm going to change do not modify, there is some place that I can edit the css directly, because the visual editor does not work, I click choose the saved color but nothing changes, when I go back there is no color

    Reply
  41. rejuvenator89 Avatar
    rejuvenator89

    How can I make the front page background image parallax work in a way that it doesn't stop midway scrolling? All other parallax websites have the effect continue throughout scrolling. Can this be set the same way?

    Reply
  42. Kai Avatar
    Kai

    40:30 If i adjust the position of the menu nothing will change, however if i reposition the logo or other containers they will move.
    Awesome video -helped me a lot 🙂

    Reply
  43. Rico Griffiths-Taitte Avatar
    Rico Griffiths-Taitte

    Hey Hogan this tutorial really helped me more than other videos on Themify, so thank you. I think that you are a great teacher but I have a quick question. I am looking for a way to add an opt in bar
    under my hero image to my front page. Can you point me in the right direction or do you have a tutorial addressing this? Failing that would I have to consider using thrive themes?

    Reply
  44. Nik Pashbee Avatar
    Nik Pashbee

    Dear Hogan,
    Thank you for your brilliant tutoral full of very clear explanations and tips. Finally I managed to built a very nice website 🙂 However one thing does not work and I can not resolve this issue without your support. And could not find any answers in your FAQ. The problem that it is impossible to chose a Favicon. The link at Themify Settings does not work. I put a link manually, but it still does not work.
    Please, help as the website is ready, only this one minor thing left.
    Kind regards,
    Nik.

    Reply
  45. Rabiya Jaffar Avatar
    Rabiya Jaffar

    Hello hogan! All your tutorials are sooper great! Just amazing works! Can you please help me out with creating a background animation – background move on cursor/mouse movement. Thank you 🙂

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *