Create a One Page Website Using Twenty Seventeen theme

Spread the love
  • 1
  • 1

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.
READ  Wordpress Reference Error is not defined : Fix jQuery is not defined

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.

(Visited 1,204 times, 1 visits today)
  • 2


I write about Multilingual WordPress, SEO, Website Performance. Also, I like answering WordPress question on Quora. When I have the time, I run online sessions to teach WordPress for my personal FB page fans!

non dapibus efficitur. risus. nec dolor Phasellus

Pin It on Pinterest

Do you find this interesting?

Share it with your friends!