How To Create One Page Site

Follow these steps to create one-page websites:

First, you should have a section for each part of the page so you can have proper functionality in this type.

Also, you need to create a header and sticky header. Follow this link for creating header: This link

To create a page, please create a section and by editing the section, go to Class & ID tab, and put a valid ID. This ID can contain all the characters, numbers and underline characters. (Note: do not use # in ID field).

Create sections and contents within. After completing the page and putting the unique IDs to each section, save the page.

You will something like this:

Now go to Appearance > Menus and create a new menu

For creating menu for one page, use Custom Links item

Instead of a URL which starts with http:// put the formula #SectionName. According to the image, use # instead of URL and use the section name for scrolling without any space.

You can put any character without any limit in Link Text field

By clicking on Add to Menu, you can create an item menu for each section you have created on your page

Now you can set your menu for the header you have already created.

Please check this link on how to create header: This link

Please note that if you are using another page rather than One Page, you should set the links that you should put your domain home page link in the URL within Home menu.
For example,
instead of #home
it should be used properly, Please remember that do not do it for all the menus, because it is refereshed by each click.
Another idea is to use Top Bar which you put custom menu, and set the main menu to one page and have other pages such as blog in Top Bar.

lifestyle review

  • how-to-create-one-page-site
  • Overall Score

No Comment.