How to create a one page site with one click

The One Page Mode setting in all of our WordPress themes is one of the best kept secrets on the internet and we’re spilling the beans!

How to create a one page WordPress site

You might not know it but all of our Premium WordPress themes have the ability to magically transform your site into a one page site with the click of a button… okay, maybe two. This gives you the power to switch between a full blown multi-page site and a simple stripped down one page site in a matter of seconds. No cumbersome 3rd party plugins required either.

To demonstrate exactly what we’re talking about we’ve created a one page site using our CityLogic theme. It’s the exact same setup as our CityLogic demo site but with One Page Mode enabled.

These are the steps required to put your site into One Page Mode:

  1. Navigate to Appearance > Customize > Layout and select “One Page” from the Mode dropdown.
  2. Select the pages you wish to appear on your site’s front page from the “Pages” select box.

And there you have it, in just two simple steps you’ve created a one page site.

The pages you’ve selected to display on your homepage will appear in the same order in which they appear in your navigation menu. To reorder the sections on your homepage simply reorder the items in your navigation menu.

Now let’s go through some of the additional settings we’ve included that will allow you to further customize your one page site…

Zebra Stripe

Enabling this setting will color the background of every 2nd section that displays on your homepage, like the stripes of a zebra. You can set the color that you would like this to be.

Highlight the first menu item

In case you don’t actually want the first menu item in your navigation menu to be highlighted by default when the homepage loads, you can disable this setting.

Display the title of the first section

Likewise if you don’t want the title of the first section on your homepage to display you can disable this setting. This is handy if you wish to have some preamble on your site which doesn’t actually require a section title.

Show a dividing line between sections

If you don’t wish to use the zebra stripe method to show the division between your sections you can enable this setting which will display a more subtle dividing line between them.

And that is One Page Mode in a nutshell! If you haven’t yet upgraded be sure to check out what the Premium upgrades have to offer.

That’s it for now but stay tuned because we’re always adding new features to our themes!

Leave a Reply

Your email address will not be published. Required fields are marked *