MAGEEWP

Themes for WordPress

MAGEEWP

Themes for WordPress

Alchem – Make a Onepage Site

This guide will teach you how to make a one page site by using Alchem. In the first place, you need know the setting place. Alchem options are now in the Dashboard/Appearance/Customize, click it you will see that in the left side of front end. alchem-options

1. Make Default Front Page Displays

In order to show Alchem default homepage, you need create a new page, for example named “Home”. Notice when you create the page, you don’t need write any content, but you need select “Page Attributes/Template” to “Front Page”.

page template

Then navigate to “dashboard/settings/reading/Front page displays”, check the “A static page (select below)”, select the “Front page” to “Home” which we just created. Save changes and the Alchem homepage will display.

Front page displays

2. Set the Front Page Section

Navagate to “Customize/Home Page“, you will see each prebuilt section of the homepage. Compare Alchem Free version, Pro version has more prebuilt section, and only pro version has the “Sections Order” option.

Click in each section to set it depend on your need. The setting is simple and obvious, if you still have some question you could read the ALCHEM THEME GUIDE. Only one thing you should notice – the “Section ID“.

section-id

Section ID” is the key in making the onepage site. You could change it depend on your need, but don’t make two sections have the same ID. In this guide, we just use the default “Section ID”, from “secion-1” to “secion-7”, the theme has more sections, but for teaching, we just use 7 sections.

3. Set the Menu

Navagate to “Customize/Menus“, click “Add a Menu”, type in the “New menu name” and click “Create Menu”.

In the menu editing option, click “Add Items”, choose the “Custom Links”.

In the URL, type in “#section-id“. Don’t forget the “#“! Notice the menu only work on the onepage site, it would not work if you are on other pages. You could add your page url before the “#section-id”, like “http://your-page-url/#section-id”, but it will not have the onepage scroll effect. Onepage or not onepage, you can’t have your cake and eat it too.

In the “Link Text”, type the menu item name you like.

Click the “Add to Menu”.

Custom-Links Take the step above, you could create the section menu item one by one, when you finished it, in the “Menu locations“, check the “Primary Menu”, save all the customizing, then the one page setting finished. Custom-Links