1 Page Website
What is a 1 Page Website?
A 1 Page Website is one where the navigations links scroll down to the desired section, rather than going to a different page. It is basically just a home page.
Setting It Up
First, create your home page.
Containers
Then add some container blocks (Cover, Group, Row, Stack, Section, etc.). Each container will hold the content for a section of the page (Intro, About, Services, Contact, etc.).
Anchors
Each container needs to have an anchor so the when the navigation links are clicked the page knows where to scroll to.
Anchors are added to a block by visiting the block settings in the right sidebar (be sure you have the correct block selected first!) and expanding the Advanced tab and adding some text to the HTML ANCHOR field.
Anchors should be short but relative or descriptive of the page section. For example, intro or hero for the top section, about for the about section, contact for the contact section, and so on. They do not need capitalization and do not contain spaces or special characters. Use dashes for spaces between words.
Example format: about or about-us or about-our-facility
Anchor Links
Now, we need to link to these anchors.
When creating the navigation, we will add Custom Links to the menu. Visit Appearance > Menus and in the left side of the menu screen expand the Custom Links tab. Here you will enter the previously created anchor text with a hash tag in front. For example #about-us. Then, you’ll add the link text, About Us, which will be what displays in the menu. Be sure to save the menu!
