Create a One Page Website Using Twenty Seventeen theme

Twenty Seventeen is a great theme that’s why it has +1 million active installs. Thanks to the front page sections, you can build beautiful business websites and include up to 4 pages in your homepage. Previously, we showed how to control the number of the homepage sections in this short guide.

Create a One Page Website Using Twenty Seventeen theme

In this post, we’re going to show you how to create an outstanding scrollable one page website using Twenty Seventeen theme. To make it easier for you, we have created a simple child theme called ‘SeventeenColt’.

one page website using Twenty Seventeen theme

1- Install and Activate SeventeenColt

SeventeenColt is a free child theme. Download it from this link and install it as any other theme.

2- Create Menu Items

You need to do this carefully to make sure that your menu items will work perfectly. As you may know, to create the jump links (scrollable links) a CSS ID is needed so that the link can jump to it. SeventeenColt creates an ID for every section using the page’s slug.
Assuming you already created the pages that will be used for your front page sections, the slug is the user-friendly URL of every page.

Go to Appearance -> Menus and create a new menu and add the links as following:

  1. Click ‘Custom Links’
  2. In URL, add /#page-slug. Note the / and #. For example, if you have a ‘Contact Us’ page, you may have to add /#contact-us
  3. In Link Text, add the text you want to be displayed in the menu. You can use the page title.
  4. Add a custom link for every section of your front page sections.
  5. Save your menu and make sure that you assing it to ‘Top Menu’ location.

That’s all. Your homepage will scroll nicely when you click any menu item. I hope you find this short guide helpful. If you have any question, please feel free to use the comments section below.

Hopefully you'll come back soon!
Get More Stuff
WordPress Multilingual, Performance, SEO, Reviews and HOT Deals. One email per week!
Stay Updated
Give it a try, you can unsubscribe anytime.
Close
GET MORE STUFF
IN YOUR INBOX
WordPress Multilingual, Performance, SEO, Reviews and HOT Deals. One email per week!
Stay Updated
Give it a try, you can unsubscribe anytime.
Share This

Do you find this interesting?

Share it with your friends!

a25816464c1613af5ba7a647f40cbb69ppppppppppppppppppppppp