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.
On this page of the site you can watch the video online Twenty Seventeen Theme: One Page Parallax Scroll Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Kim - WordPress & Computer Tutorials 25 February 2017, share the link with friends and acquaintances, this video has already been watched 15,552 times on youtube and it was liked by 153 viewers. Enjoy your viewing!
