One Page Design Overview

WordPress

  1. Open the theme at the Home template.

  2. Add several Section controls. These are the section of which the One Page website will consist.

  3. Specify Section ID:

    section-id-home.png

    The Section ID is the anchor to which the page should scroll once you click on the menu item.

  4. Add desired content into the Sections.
    For example, you can add WordPress Widget Area controls using Insert tab. Later you can add any Wordpress widgets into the appropriate widget areas via WP Appearance >> Widgets.

  5. Add the Horizontal Menu control from Insert >> Navigation >> Horizontal Menu if it does not exist.

  6. Add "Smooth Scrolling" extension to the Horizontal Menu. You can also add "Fix on Scroll" extension if needed.

  7. Enable "Scroll Spy" plug-in under the Themler Home tab >> Settings.

  8. Save changes.

  9. Go to WP Admin Panel >> Appearance >> Menus and create a new menu. Use custom links to create it, setting URL links as anchors links, e.g. #home:

    WPMenuItem.png

    Set this menu as the Primary Navigation menu.

[One Page Design Overview](page:4782) ## WordPress 1. Open the theme at the Home template. 2. Add several Section controls. These are the section of which the One Page website will consist. 3. Specify Section ID: !section-id-home.png! The Section ID is the anchor to which the page should scroll once you click on the menu item. 4. Add desired content into the Sections. For example, you can add WordPress Widget Area controls using Insert tab. Later you can add any Wordpress widgets into the appropriate widget areas via WP Appearance >> Widgets. 5. Add the **Horizontal Menu** control from **Insert** >> **Navigation** >> **Horizontal Menu** if it does not exist. 6. Add **"Smooth Scrolling"** extension to the Horizontal Menu. You can also add "Fix on Scroll" extension if needed. 7. Enable **"Scroll Spy"** plug-in under the Themler Home tab >> Settings. 8. Save changes. 9. Go to WP Admin Panel >> Appearance >> Menus and create a new menu. Use custom links to create it, setting URL links as anchors links, e.g. `#home`: !WPMenuItem.png! Set this menu as the Primary Navigation menu.