One Page WordPress Website Tutorial & WordPress Parallax Website Tutorial using the Divi Theme HD
In this tutorial we are going to create a one page WordPress website. As a bonus we going to use the parallax effect and create a WordPress Parallax Website tutorial. Get The Divi Theme (affiliate link): http://www.elegantthemes.com/affiliates/idevaffiliate.php?id=26271&tid1=yt&tid2=one-page Creating a one page website can be a great option. If your product or service is simple it can be a great way to deliver your message to your viewers. You can even link with in your one page website to specific sections. This will allow you to create a website menu or to create external links that will go to a specific part of the webpage. Watch the video or check the index below to see specifically how to do that. This tutorial features a WordPress parallax website. In this specific example the parallax effect is used to give the appearance that the images are changing on the screen of the phone. I saw this and thought it was a pretty neat effect so I wanted to share with you how to do this. You can also use this tutorial to create a standard WordPress parallax website by simply using your own images and alternating between parallax and non parallax sections on your own website. Video Index: 4:04 How to make a full height section 8:28 Setting a custom color palette in Divi 9:19 Adding the first parallax section 11:20 Using the Divi wireframe view 12:38 Using the blurb module to create a bullet list 15:38 How the parallax effect works on this website 17:08 Using a specialty section 17:16 Placing two buttons side by side 22:29 Placing images side by side 25:33 Creating a gradient background in the Divi theme 29:09 Customizing a section of your webpage for mobile devices 32:00 Creating a one page website 32:14 Adding dot navigation to your website 32:51 Setting creating links with in a webpage 35:05 Making your menu link to different places on the same page 35:54 Making a menu for a one page website. Where to find free images for your website: http://www.realwebsitehints.com/free-images-to-use-on-your-next-website-project/ Download the image files so that you can follow along with this tutorial series. http://demo-one-page-website-files.s3.amazonaws.com/One%20Page%20Website%20Files.zip