Creating a One–Page Style Website

People tend to skip websites within the very first seconds. If the information is chaotic, the UX flows are annoying, the colors are irritating, or the content lacks emotion, you will lose potential customers. In this article we walk you through the process of creating a One-Page Website that fits your business needs.

Creating the page structure

One-Page means nothing more than adding multiple child pages to a parent one. In simple words, the page at the top is called the parent page and the others that go under this one are know as sub-pages. Please keep in mind that you need to start creating and publishing the parent page first. Also, don’t forget to check this page in the Parent field on the right side editor toolbar (under the Page Attributes), and click on the Update button to save the changes.

Creating the menu

Now that you know the reliance between parent pages and child pages, you can go further and create the menu items for the One-Page Style you’re creating. Please follow these particular steps in order to make it happen:

  • Log in into your WordPress Dashboard;
  • Go to Appearance → Customize → Menus;
  • Create a new menu by clicking the Add a Menu button and add an easy to remember name for it;
  • Next, add a menu item for each sub-page. Please read this article about how to properly manage the navigation in WordPress;
  • In the same article you can learn how to display the menu at the top of your page.
  • Now that you’ve done with creating the page hierarchy, simply set the parent page as your front page from Settings → Reading → Front page displays.

FAQs

Can I change the order of the main items form a One-Page?

Yes, you can. We wrote a dedicated article about how to easily manage the navigation of your website. It is quite simple to change the order of the items or to even drop some of them. Please note that changing the menu item’s order will not change the order of your sub-pages — you need to reorder the pages for that.

Where should I display the main menu?

In theory, there are several spots where you can showcase the menu of your website, the header being the standard. In fact, it really depends on your needs, but keep in mind a simple trick: nobody will spend time searching for the About or Menu or Reservations buttons. They need to be out there, very handy for everyone.

This article applies to Osteria, as they share the same underlying structure.

Updated on March 2, 2017

Was this article helpful?