Single Page Pro

Introduction

Thank you for your purchase of our WordPress theme. This documentation shows the entire process of configuring and managing a WordPress website from start to finish in various sections.

What is WordPress CMS?

WordPress is an open source website creation tool that is built on PHP and MySQL. It is a free content management system (CMS) and a powerful blogging platform. You can use this CMS to create websites and solid online apps. It requires little knowledge or technical ability to manage. WordPress has become the most widely used website development software due to a variety of factors such as its ease of use and flexibility.Learn More

What is a WordPress template

A WordPress template serves as a skin for WordPress-powered websites. A WordPress Template is simple to set up. You can easily change the look of your WordPress website by installing a new template. A WordPress template includes all of the necessary source files, which you can edit and expand as you see fit.

Help and Support

Click here for help and support : SUPPORT

Files structure

The template package you downloaded is divided into several folders. Let's take a look at what's in each folder:

Screenshots : contains template screenshots. Not for production.
Theme : contains WordPress theme files.
single-page-pro.zip: This folder contains all of the files required for the theme.
license.txt : contains license details.
readme.txt : contain information about theme images path and font use and usage scritps.

TC Key Activation

The TC Key Activation procedure is as follows.

As you will get the License Key on your Email, use that key to Activate License.

Follow the following Process to Activate License.

Go to the Dashboard Appearance TC Setup Wizard Enter Key Save Changes

After Entering The Key Activate Licence.

After you Activate Licence,the key will be active and then you can Getstarted with the Theme.

In this way you can activate your Licence Key.

My site was working fine before? Who changed the File Permissions?

Incorrect file permissions may prevent WordPress from creating folders, uploading images, or running certain scripts.

WordPress requires server permissions to manage files and create folders.

Then, select all folders in the root directory and right-click to select 'File Permissions'.
wp-config >> permissions dialog box >> click on checkbox read and write >> Click on the OK button to continue

The same procedure should be followed for the wp-content folder.

Template Installation

The installation of a template is a simple process.

Step 1. Theme Installation

The first step is to log into your WordPress admin area. Then, click on

Go to the menu Appearance Themes

After you have navigated to the themes page, click on the Add New button located at the top of the page.

Click on upload theme button.

Click on Browse Button then select your single-page-pro.zip theme and click on Install Now Button..

WordPress will now install your theme and display a success message, as well as a link to activate or view the live preview.

Step 2. Installation Using FTP

Step 1 - Download single-page-pro.zip file from your My Account ThemesEye.
Step 2 - Extract Zip file.
Step 3 - Upload the non-zipped theme folder into the theme folder using your FTP programme. "/wp-content/themes/" folder on your server.
Step 4 - Go to Dashboard » Appearance » Themes and find Single Page Pro theme from list
Step 5 - Click on Activate to active single-page-pro Posttype theme.

Plugin Installation.

To manually install a WordPress Plugin, download the.zip archive and follow the steps below for Upload plugin installation.

Install Required Plugins:

single-page-pro-posttype plugin, Contact Form 7

Go to Dashboard >> plugin >> Add New >> Upload plugin.

Install and activate by clicking the Install Now button.

Demo Importer

To import content using Theme Wizard, ad here to these procedures.

1) Go to Dashboard >> Getstarted

2) Insert your key.

3) After selecting Setup Wizard, click Start Now.

4) install Plugins.

5) Import the material from your Customizer Elementor-based demo.

How to set up homepage

After activating the theme, you will see the index page with the most recent post. Now you must configure the home page template to display all of the demo sections on your front page.

Setup Home Page

This section will assist you in organising your site's home page and other pages. This will also show you how to set up WordPress Menus, make a Slider, make a Home Page, use Page Templates, and insert shortcodes into pages.

1. Go to Dashboard Pages Add New Page, enter page name and select template as Home Page Template from Page Attribute as shown in below image

2. Publish this Page

3. Go to Dashboard Setting Reading, select home page as a front page

When you're finished, you'll be able to see all of the demo content on the front page.

Top Bar Setting

This part will assist you in setting up the topbar.

Step 1 - Go to Customizing >> Theme Settings >>Top bar.

Final display of top bar section

Setup Social Icon Section

Step 1 - Setup Social Icon Section
Go to Appearance >> Customize >> Theme Settings >> Social Icons.

Social Icon Front Preview

Header Setting

Step 1 - Go to Dashboard >> >> Appearance >> Customize >> Site Identity.
a. You can add logo from Select Logo button for set logo

Step 2 Add a new tab by going to Dashboard >> Pages. To allocate numerous pages to the same section, repeat this process several times.

Here is the procedure to add menu

Step 3 - Go to Dashboard >> Appearance >> Menus.
Step 4 - First create custom menus.

Step 5 - Create a menu like this
(a) - After entering the URL and #sectionID (the # is crucial), select Add to Menu.
(1) - FEATURES : #features
(2) - ABOUT : #about-us
(3) - SERVICES : #services
(4) - PROJECT : #project
(5) - TEAM : #team
(6) - RECORDS : #why-choose-us
(7) - WORKS : #how_we_work
(8) - PLAN: #plans_pricing
(9) - BLOG : #latest_post
(10) - TESTIMONIAL : #testimonials

Step 6 - Following the selection of pages, choose the menu option and press save menu.
Step 7 - Click on Manage Locations as show in below image.

Primary Menu Front Preview
Any menu you select will take you to the corresponding area when you click on it.

Final display of Header

Setup Slider

Follow the instructions below to set up the Slider Section.
Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Slider section.

Final display of Slider

Features Section

For Features Section,

Go to Appearance >> Customize >> Theme Settings >> Features Section..

Final display of Features Section

Setup About Us Section

Follow the steps below to build up the About Section.
Go to Appearance >> Customize >> Theme Settings >> About Section.

Follow the instructions below to set up the video section.
Go to Appearance >> Customize >> Theme Settings >> Video Section.

Put the video's url and background picture here.

Final display of About Us Section

Setup Our Services Section

if you want to continue with this part.

Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Services Section.

Service Section final exhibit.

Setup Recent Projects Section

Continue with this part after that.

Note:You need to activate the "single-page-pro-posttype" Plugin.

Step 1 - Go to Dashboard >> Projects >> Add New.

Step 2 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Project Section.
(a) Select background color
(b) Add Title
(c) Add Subtitle Image

The Recent Projects Section is now complete.

Setup Team Section

if you want to continue with this part.

Note:You need to activate the "single-page-pro-posttype" Plugin.

Step 1 - Go to Dashboard >> Team >> Add New.

Step 2 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Team Section.
(a) Add Title

Final display of Team Section.

Setup Records Section

if you want to continue with this part.

Step 2 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Records Section.
(a) Select Backgroung Image.
(b) Add Title.
(c) Add SubTitle.
(d) Add Record Details.

Final display of Record Section.

Setup How We Work Section

To proceed with this section, adhere to the directions below.

Step 1 - Go to Dashboard >> Appearance >> Customize >> How We Works Section.
Step 2 Select the image on the left, the amount of labour to show, and any supplementary data.

Final display of How We Work Section

Setup Flexible Pricing Plans Section

In order to proceed with this sections.

Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes Settings >>Pricing Plans Section.
Step 2 Select the background image, type the title and subtitle, and select the number of designs to show.

Final display of Flexible Pricing Plans

Setup Latest News Section

if you wish to proceed with this section.

Step 1 - Go to Dashboard >> Posts >> Categories.

Add New Category Blog.

Step 2 - Go to Dashboard >> Posts >> Add New

If wanted, include a title, a description, a blog category, and a featured image. For more details, see the picture below.

Step 3 - Go to Dashboard >> Appearance >> Customize >> Latest Blog section.

To view the stories, type a title and select a category.

Final display of Latest News Section

Setup Our Testimonials Section

if you wish to proceed with this section.

Note:You need to activate the "single-page-pro-posttype" Plugin.

Step 1 - Go to Dashboard >> Testimonials >> Add New.

Step 2 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Testimonial
(a) Select background image
(b) Section Title
(c) Section Sub Title

Final display of Testimonial Section

After that, continue with this section.

Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Sponsor.
(a) Select Number Of Sponsors .
(b) Select Sponsor Images . Refer the below screenshot for more details.

Final display of Sponsor Section

Setup Home Contact Page Sections

Then, carry on with this section.

Note:You need to activate the "Contact Form 7" Plugin.

Step 1 - Go to Dashboard >> Contacts >> Add New.
(a) Select Title .
(b) Add Contact Fields .
(c) Click Save.

(d) Copy Contact Form Shortcode. Refer to the image below for more information.

Step 2 - Go to Dashboard >> Appearance >> Customize >> Home Contact Page.

(a) Select Background Image .

(b) Add Title .

(c) Add Subtitle.

(d) Paste Contact Form Shortcode. Refer to the image below for more information.

Final display of Home Contact Page Section

Setup Footer Sections

After that, continue with this section.

Step 1 - Go to Dashboard >> Appearance >> Widgets.

Custom fields can be added by dragging them to Footer sections. Refer to the below screenshot for more information.

Step 2 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Footer. .

(a) Add Background image

(b) Click Publish

Final display of Footer Section

Setup Copyright Text Sections

Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Copyright Text.

(a) Add Copyright Text

(b) Click Publish

Observe the header area for the footer menus.

Final display of Copyright Text Section

Setup Contact Page

You must first upload and enable the Contact Form 7 plugin in order to set up the contact page.

The contact choice will be visible on the dashboard following installation.

Step 1 - Go to Dashboard >> contact >> add new

Step 2 - Go to Dashboard >> Appearance >> Customize >> Themes Settings >> Contact.

Final display of Contact Page.

Theme Plugins

Using plugins, you can increase and expand the usefulness of WordPress. How to turn on plug-ins If you want these features in your theme, you must enable the plugin. In order to activate the plugin in your theme, follow these steps. The Single Page Pro Posttype component, which will be a.zip file, must first be downloaded from the source.

Team Section -

Step 1 - Go to Dashboard >> Team >> Add New.

Team Section look

Testimonial Section

Step 1 - Go to Dashboard >> Testimonial >> Add New.

Testimonial Section look

Project Section

Step 1 - Go to Dashboard >> Project >> Add New.

Project Section look

Shortcodes

The potent content creation tool known as a shortcode is found at http://codex.wordpress.org/Shortcode. Utilizing shortcodes is simple. Make sure that Visual editing option is selected first.

These are all of the shortcodes that are offered in themes.

Team Shortcode: [single-page-pro-team]

Testimonial Shortcode: [list-testimonials]

Project Shortcode: [single-page-pro-project]

Team Shortcode -

Step 1 - Go to Dashboard >> Page.

(i) Click Add New button

(ii) Add Team Shortcode

(iii) click publish button

Step 2 - Used Team [single-page-pro-team] shortcode in page

After adding shortcode ,Team page look

Testimonial Shortcode

Step 1 - Go to Dashboard >> Page.

(i) Click Add New button

(ii) Add Testimonial Shortcode

(iii) click publish button

Step 2 - Used Testimonial [list-testimonials]shortcode in page

Once the script for testimonials has been added,

Project Shortcode

Step 1 - Go to Dashboard >> Page.

(i) Click Add New button

(ii) Add Project Shortcode

(iii) click publish button

Step 2 - Used Project[single-page-pro-project] shortcode in page

After adding shortcode Project look

Page Templates And Sidebars

Page Templates

Default Template - the default page template with a right sidebar position .

Page with Left Sidebar - a page templates with left sidebar position .

Page with Right Sidebar - a page template with right sidebar position .

Blog Full Width Extend - a blog templates with one column without sidebar .

Blog with Left Sidebar - a blog templates with left sidebar position .

Blog with Right Sidebar - a blog template with right sidebar position .

Contact - the default Contact template with no sidebar position .

Home Page - Template to show home page content .

Setup Navigation

Here is the procedure to add menu

Step 1 - Go to Dashboard >> Appearance >> Menus.

Step 2 - First create custom menus.

Step 3 - Create a menu like this

(a) -After entering the URL and #sectionID (the # is crucial), select Add to Menu.

(1) - FEATURES : #features

(2) - ABOUT : #about-us

(3) - SERVICES : #services

(4) - PROJECT : #project

(5) - TEAM : #team

(6) - RECORDS : #why-choose-us

(7) - WORKS : #how_we_work

(8) - PLAN: #plans_pricing

(9) - BLOG : #latest_post

(10) - TESTIMONIAL : #testimonials