Twenty Seventeen Theme: One Page Parallax Scroll Tutorial
This is an example if you want to have Twenty Seventeen theme with one page Parallax smooth scrolling feature.
In this video, I show you how you can achieve this with two methods. Using a plugin and a manual method.
I collect the code used in my post: https://www.wpvidz.com/twenty-sevente...
Content
________
0:15 Demo of the result tour
0:56 Why Parallax one page website has many discussions about its SEO (Search Engine Optimization)
2:38 Tour on the site that we want to work with
3:29 Assign pages to 2017 theme's sections
4:42 Static front page setting
**Tutorial how to show menu and sections if you switch you previous theme to Twenty Seventeen theme: • How To Show Menu & Sections - Switching To...
**How to use 2017 theme if you just fresh installed your WordPress website: • How To Use Twenty Seventeen Theme with WP ...
5:19 Assign featured images to pages that are included in "Sections"
6:56 Install and activate the plugin "Page scroll to id": https://wordpress.org/plugins/page-sc...
9:09 Using the menu specifically for the Parallax effect --- Important steps
17:04 Modifying the end location of scrolling
20:35 Adding actual menu links to the important pages that are linked to Parallax menu
Manual Method
****************
Child theme: • How to Create Twenty Seventeen Child Theme...
28:10 Accessing your Child Theme files
28:40 Adding JS script
32: 05 Enqueue the JS script to child theme's functions.php
35:31 Adjusting the position of scroll end
Thank you for watching.