MAGEEWP

Themes for WordPress

MAGEEWP

Themes for WordPress

How to Use Alchem Make a Onepage Site – Basic

This guide will teach you how to make a one page site by using “Alchem/Customize”. It is a simple and basic guide. If you are new to Alchem, please read ALCHEM THEME GUIDE firstly.

alchem-pro_homepage-one-page

1. Find the Setting Place

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

2. 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

3. 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.

Front page displays

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”, its format is “section-number”, like “section-1”, “section-2”.

4. Set the Menu

Navagate to “Customize/Menus“, click “Add a Menu”.

menus

Type in the “New menu name” and click “Create Menu”.

menus

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”.

Menus

Take the step above, you could create the section menu item one by one, when you finished it, it will look like below.

Menus

In the “Menu locations“, check the “Primary Menu”.

Menus

When finished, we will see the menu in the preview screen now. But we find the menu is too long and look weird, so we have to delete the last menu item, then it looks well now. Notice if you think you have too much sections in onepage, you could hide it.

onepage

Click “Save & Pubilish” button to save all the customizing, then the one page setting finished. You could look the whole visit effect in the beginning of the guide, the section content will be changed by updating, but the effect almost like this.

save-setting