4,9 based on 300 reviews
Trusted by 1500+ businesses and student of all shapes and sizes
Free Course
4,9 based on 300 reviews
Trusted by 1500+ businesses and student of all shapes and sizes

One Page Tutorial

WordPress,WordPress Themes
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: https://ferdykorpershoek.com/avada-theme/

Tutorial demo website: http://avada2017.com

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!

SCROLL TO THE ANSWER

Timestamps

3 thoughts on “One Page Tutorial”

Leave your comment

FERDY.COM
TUTORIALS

Learn step by step how to create a WordPress website for your business, organisation or hobby. Thanks to Ferdy’s video tutorials and simple way of explaining things, you don’t have to hire an expensive web designer and wait months before your website is finished.

With Ferdy’s WordPress tutorials, you are in charge of the progress and you save yourself a ton of money. Don’t have a domain and web hosting yet? No problem. Ferdy shows in you in each tutorial how to get web hosting and a free domain.