SinglePage WordPress Theme Manual

Installation

1.Installation via Dashboard

  • Log in to the WordPress Dashboard.
  • Go to Appearance->Themes.
  • Click on Install Themes at the top.
  • Click on Add New at the top.
  • Here upload the zip singlepage.zip in upload box and click on upload button.
  • You will see the theme. Click on Install Now to install the theme.

2. Installation via FTP

  • Unzip singlepage.zip or singlepage-pro.zip to your Desktop.
  • Using an FTP client to access your host web server. Go to /wp-content/themes/
  • Upload theme to /wp-content/themes/.
  • Go to Appearance->Themes and activate theme from Dashboard.

Header Settings

1. Upload Logo and Favicon
Go to Appearance > Theme Options > General Options to upload logo and favicon.(The recommended size of the logo is 172*45 px )

20150628223454

2. Header Title &Tagline
Go to Appearance > Header to set your Header title and tagline.

3. Header Image
Go to Appearance > Header to add an Header image by click Add New Image button.(The recommended size is 1920*89 px)

Setup Featured Home Page

1, Created a new page titled “Front Page”, then select template ‘Home Page’ and publish.

2, Go to Administration > Settings > Reading > Front page displays, select the front page which was created in step 1 and save changes.

Front page displays

 

Setup Home Page Sections

SinglePage theme is based on one page theme. Below steps will guide you how to set up one-page home sections.

1. Go to Theme options > Home Page to select any section from below. you can see the options in each section.

singlepage-section-options

2. Featured homepage options

singlepage-theme-homepage-options

3.Setup Home Page Sidebar Menu Styles

There are two styles of home page sidebar menu- style 1 and style 2. You can choose home page sidebar menu style for Desktop, Tablet and Mobile. Style 2 is recommended on the Mobile phone. You can also set whether to show the menu or hide it by selecting open or close.

In your dashboard, go to appearance > theme options > home page > Home Page Sidebar Menu options, then set the menu style options.

singlepage-pro.2.2.9.1

Once you finish setting the home page sidebar menu, it will shows as the picture below.

singlepage-pro.2.2.9.2

4.Setup Section Background for Mobile Devices(Pro)

You can set the background color and background image for Desktop, Tablet and Mobile individually. If you just set the background for Desktop and do not set for Tablet and Mobile, the Tablet and Mobile will display the same background as Desktop.

In your dashboard, go to appearance > theme options > home page >  Section X to set the background.

singlepage-pro.2.2.9.3

 

Setup Home Page Sidebar

Go to Theme options > Home Page > Featured Homepage Sidebar , modify or clear the sidebar content to remove it.

HTML5 Video Background

Go to Appearance > Theme Options > Homepage, there is an HTML5 Video Background Options, unfold it and we will see the pictures like below.

20150505203735

20150505203821

There are three types of videos for you to choose to play in your site, the thing you need to do is just to type in the video url. Make sure your video format is the above format, if not, you need to convert your video to MP4, ogv or webm video format.

Also, you can choose the Video Background Sections you like to display the video for your site.

Full Screen Google Map

Go to Appearance > Theme Options > Homepage, we can see the Full Screen Google Map Options.

Unfold it and it will display as the picture below.

20150506005830

Then type the Address and Zoom, select the Sections you like to display the Map. Once finishing setting, it will show as the following picture.

20150506010146

 

Setup SinglePage Sliders(Pro)

Create singlepage Slider step by step

Singlepage-Slider-1

singlepage-slider-2

singlepage-slider-3

singlepage-slider-4

singlepage-slider-5

singlepage-slider-6

SinglePage Shortcodes(Pro)

singlepage shortcodes

600+ Google Fonts (Pro)

Google fonts for menu, blog content, page content and homepage section content. Google Fonts Preview

singlepage theme Google fonts

Re-order Sections / Delete Sections

1.Re-order Sections

If you want to change the order of the sections you have edited, you can re-order them via Drag & Drop Section Controller.

In your dashboard, go to Appearance > Theme Options > Home Page to re-order the sections by dragging and dropping.

drag&drop

If you find the section content becomes blank and can not be edited after re-ordering the sections, please click the Save Options button in the  lower right corner of the page.

save options

2. Delete Sections

If you want to delete some of the sections you have edited, you can simply delete it by clicking Delete this section button.

In your dashboard, go to Appearance > Theme Options > Home Page > Section X to delete the sections.

delete this section

Multiple Languages with WPML for Homepage

Step 1

Configuring WPML, add languages ( read the WPML documentation ).

Step 2: Add translation

Add translation to languages for front page.

20160925000534

Step 3: Add homepage for languages

Select ‘Home Page’ template for translation and publish it ( French for example ) .

20160925001017

20160925001044

Step 4 : Translate home page.

Go to Appearance > Theme Options, drop-down to select a language ( French for example )

20160925001920

Theme Options > Home Page, add content for each section with this language (section one for example), then save options.

20160925002247

Now, your home page section content has been translated.

20160925002834

20160925002959

Step 5 : Translate menu ( see WPML documentation ).