One Page Tutorial

Get Webhosting
Get the Avada Theme
Download The Images I Use In The Tutorial

Here I am again with a brand new WordPress tutorial! We are going to make a beautiful parallax one-page website using the Avada theme. The Avada theme – one of the best WordPress themes – came with an amazing update that provides us with an even greater user experience! Let me walk you through all the steps in order to help you make an amazing WordPress website using the Avada theme!

The Avada theme has a great visual composer called the Fusion Layout Editor. It makes creating web pages so easy! In this tutorial, I will walk you through the process of making a website. How to use containers, columns, and elements. How to import part from an Avada Theme Demo Website and configure it to your wishes. How to clone part of your website. Making a website with the Avada Theme saves you a ton of time!

Get a Domain name and Webhosting: Siteground
Avada Theme:

Tutorial demo website:

Overview of the WordPress tutorial:
00:00 Intro
03:21 Get a Domain and Webhosting
07:09 Install WordPress
09:15 Clean up/organize the backend of your website

13:23 Get the WordPress Enfold Theme
18:04 Install the Avada Theme
19:16 Create your Envato Token
21:17 Download images for the demo website

21:57 Create the pages that you want to have on your website
22:43 Create and assign your menu

Configure the Avada Theme:
26:25 Layout Options
28:05 Configure your logo
30:20 Configure the main menu
33:56 Assign the homepage to the first page people see when they visit the website
34:57 Create a slider using the Fusion Slider
38:09 Configure the sticky menu
44:54 Change the responsive ‘breakpoint’ of the menu
47:51 Footer settings

Creating the One-Page Parallax
48:51 Create the photography area using a text block, import a portfolio grid, create a few portfolio items, create a parallax background, and adjust it to your wishes.

1:18:15 Create your first portfolio item page
1:26:45 Assign a different menu to portfolio pages

1:29:33 Create the ‘Film’ area in the one-page

1:44:23 Create the ‘About Me’ area in the one-page

1:48:52 Create the ‘Portfolio’ area in the one-page

1:55:14 Create the ‘Contact’ area in one page by importing it from a demo website.

2:00:32 Create the ‘Blog’ area in one page and create a few blog posts

2:07:57 Create widgetw for your blogposts

A few more things:
2:15:11 Configure your contact form settings
2:15:55 Some other Avada Them Options settings we did not cover

2:17:13 Create a call to action on the front page

2:24:09 Create the footer widgets

2:28:11 Add Social Media Icons

2:30:00 Change the dates on blog posts and portfolio items and schedule posts.

2:31:15 Follow up tutorial announcements

2:32:28 Thank you for watching and congratulations on your One Page Parallax Website!

3 thoughts on “One Page Tutorial”

  1. Dear Ferdy,
    In your “one page parallax avada website” tutorial you use a tool clicking the icon on top right to select the device in order to show responsive screens appearance in different monitor sizes just in minute 46:17.
    Can you share the name and link of this tool please ?

    Thank you and happy New Year.

Leave a Comment

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