Solar Power Pro wordpress theme Documentation

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.

  • Solar Power 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

key

After Entering The Key Activate Licence.

key2

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

key3

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

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

themeinstall1

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

themeupload

Click on upload theme button.

theme1

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

themeupload1

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 solar-power-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 Solar Power Pro theme from list
  • Step 5 - Click on Activate to active solar-power-pro Posttype theme.
  • Active 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:

solar-power-pro-posttype plugin, Contact Form 7

  • Go to Dashboard >> plugin >> Add New >> Upload plugin.
  • Active Theme

  • Install and activate by clicking the Install Now button.

  • Active Theme

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.


Color/Font Pallette

The procedure of changing the colour or font is very simple. These choices are available in all customizer sections. It is a full image that demonstrates the font and colour palette. You can change the colour and font of the headings, paragraphs, and buttons with a single look or click.

Depending on the amount of options available in each section, there is an option to change the colour scheme for the headings, title/text, paragraph, button text, and button background.

Active ThemeActive Theme

How to set up homepage

Section Ordering

How to Reorder and Arrange Section

To reorder an area simply means to arrange it according to our needs. Drag the section to the top or bottom as necessary to continue with this part. Your front view will alter in accordance with customizer values when you drag any section to the top or bottom.

You can reorder sections by simply dragging and dropping the choices into the desired order.

to continue with Section Ordering.

Step 1 - Go to Appearance >>Theme Settings >> Section Ordering
Final Step in Menu

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

home-page-template

2.   Publish this Page

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

set-front-page

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

Top Bar Settings

Setup Topbar

This section will help you to arrange topbar.

Go to Customizing Theme Settings Top Bar

sethomepage

Final display of top bar section

menusetup

Setup Social Icons Section

1 - Setup Social Icon Section

Go to Appearance Customize Theme Settings Social Icons

menusetup

Social Icon Front Preview

menusetup

Header Setting

  • Step 1 - Go to Dashboard >> >> Appearance >> Customize >> Site Identity

  • a. You can add logo from Select Logo button for set logo

  • Active Theme

  • Step 2 - Go to Dashboard >> Pages >> Add New If you want to add an image, create a new page and assign it to that section. You can repeat this process to create multiple pages in the same section.

  • Active Theme

  • Step 3 - Go to Dashboard >> Appearance >> Menus.

  • Step 4 - Click on create a new menu as show in below image.

  • Step 5 - Enter menu name and click on Create Menu as shown in below image.

  • Create a Menu

  • Step 6 - Choose Pages such as Latest Blog, Pages, and About Us from the left side and click on Add to Menu button as show in below image

  • Step 7 - After selecting the pages, go to the menu location and click on save menu.

  • Step 8 - Click on Manage Locations as show in below image.

  • Final Step in Menu
  • Primary Menu Front Preview


  • Final Step in Menu
  • Final display of Header

  • Final display of header

Setup Slider

  • In order to configure the Slider Section, follow the steps below,

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Slider section

  • Create New Slider

    Create New Slider

    Final display of Slider

    Final display of header

About Video Section

  • Follow the instructions below to set up the About Video Section.

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> About Video section.

  • Final Step in Menu

    Setting Options : Include slider display enable/disable settings. You can activate or disable this section using this setting. This environment is crucial. If you want this section to show on your website, leave the option enabled; if you don't, pick the disable option, and this section will no longer be visible on your website.

    Final display of About Video Section

    Final display ofBanner1 Section

Setup About Us Section

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes section >> About Us Section

  • Step 2 - Manage Background

  • (a) Add Background Image

  • (b) Add Title

  • (c) Select Image

  • (d) Add button Link

  • set Banner1 section

    Final display of About Us Section

    Final display ofBanner1 Section

Setup Video Section

  • Follow the instructions below to set up the video section.

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Video Section.

  • Step 2 - Manage Background
  • (a) Add Background Image
  • (b) Add Tab Title
  • (c) Select About Image 1
  • (d) Add Tab button Link
  • You must copy the source from the YouTube movie's embed code for this video.

    You must substitute the URL for your particular movie in the About Section.

    Create New Slider

    Final display of Video Section.

    Final display of Product Tab Section

Setup Features Section

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Features Section.
  • (a) Select background image
  • (b) Add Title
  • (a) Select Bottom Image
  • set about us section

    Final display of Features Section.

    Final display of Brand Section

Setup Services Section

    if you want to continue with this part.
    Note:You need to activate the "shams-solor-pro-posttype" Plugin.
  • Step 1 - Go to Dashboard >> Services >> Add New
  • (c) Click Publish Button
  • (a) Add New Services Title
  • (b) Add Icon images
  • set about us section

  • Step 3 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Services Section.
  • (a) Select background image
  • (b) Add Title
  • (a) Select Bottom Image
  • set about us section

    Final display of Are Services Section

    Final display of Banner2 Section

Setup Project Section

To move on to the next part,

Note: The "shams-solor-pro posttype" plugin must be activated.
  • Step 1 - Go to Dashboard >> car >> Category >> Add New
  • Create the Category for the Category First To set up the Category, take the procedures listed below.

    set Team section
  • Step 2 - Go to Dashboard >> Project >> Add New
  • (b) Add Title
  • (a) Add Featured Image
  • (b) Select Categories
  • set Banner2 section
  • Step 3 - Go to Dashboard >> Appearance >> Customize >> Project Section.
  • Step 3 - Manage Background
  • (a) Add Background Image
  • (b) Categories No of Categories To Show
  • (a) Add Category Title
  • (a) Add Title
  • set Banner2 section

    Final display of Project Section

    Final display of  Featured Product Section

Setup Get Consultancy Section

    if you want to continue with this part.
  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes Settings >>Get Consultancy Section.
  • (a) Select Section Title
  • (b) Add Icon Image
  • (c) Click Publish Button
  • set about us section

    Final display of Get Consultancy Section .

    Final display of Brand Section

Setup Why Choose Us Sections

    The next part must be completed before moving on.

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Why Choose Us
  • (a) Add Title
  • (c) Add Number of Details to show
  • (c) Add Title Icon Image
  • set Team section
    set Team section

    Final display of Why Choose Section

    set Blog section

Setup Records Sections

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Records
  • (a) Add Title
  • (c) Add Number of Records to show
  • (c) Add Icon Image
  • set Team section

    Final display of Records Section

    set Blog section

Setup Our Accessories Section

    To continue with this section.
    Note:You need to activate the "woocommerce"Plugin.

    The woocommerce choice will show up on the dashboard after installation.

    Create the Category for the Category First To set up the Category, take the procedures listed below.

  • Step 1 - Go to Dashboard >> Products >> Category >> Add New
  • set  Brand section
  • Step 2 - Go to Dashboard >> Products >> Add New
  • set  Brand section
  • Step 3 - Go to Dashboard >> Appearance >> Customize >> Themes section >> Our Accessories.
  • set  Brand section

    Final display of Are Our Accessories Section

    Final display of Brand Section

Setup Team Section

    if you want to continue with this part.
    Note:You need to activate the "shams-solor-pro posttype" Plugin.
  • Step 1 - Go to Dashboard >> Testimonial >> Add New
  • (a) Enter Team Title
  • (a) Featured Image
  • (c) Publish
  • set Team section
  • Step 2 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Team Section
  • (a) Select background image
  • (a) Section Title
  • set Team section

    Final display of Team Section

    Final display of Brand Section

Setup Sponsor Sections

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Sponsor
  • (a) Add Title
  • (c) Add Number of Sponsor to show
  • (c) Add Icon Image
  • set Team section

    Final display of Sponsor Section

    Final display of Brand Section

Setup Testimonial Section

    Continue with this part after that.
    Note:You need to activate the "shams-solor-pro posttype" Plugin.
  • Step 1 - Go to Dashboard >> Testimonial >> Add New
  • (a) Enter Testimonial Title
  • (a) Featured Image
  • (c) Publish
  • set Team section
  • Step 2 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Testimonial
  • (a) Select background image
  • (a) Section Title
  • set Team section

    Final display of Testimonial Section

    Final display of Brand Section

Setup Our Blog Section

    The next part must be completed before moving on.

  • Step 1 - Go to Dashboard >> post >> Category >> Add New
  • Create the Category for the Category First To set up the Category, take the procedures listed below.

    set Team section
  • Step 2 - Go to Dashboard >> post >> Add New
  • set Team section
  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >>Latest Blog
  • (a) Add Title
  • (c) Add No. of Blog To Be Show
  • (c) Select Select category
  • set Team section

    Final display of Our Blog Section

    set Blog section

Setup Single Post Page Settings

  • Go to Dashboard >> Appearance >> Customize >> Themes section >> Single Post Page

  • Select to hide and show Single post page with date, comment, author, and social icons.

  • set Team section


Footer Widgets

    In order to procced with this section,

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

  • Step 2. Select Footer

  • (a) Footer One

  • (b) Footer Two

  • (c) Footer Three

  • (d) Footer Four

  • (ii) Click on "save" button

  • set Footer section

    Final display of Footer Section

    set Footer section

Setup Copyright Text

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes section >> Footer Text

  • select template

Final display of Copyright Text.

Final display of Brand Section

Setup Contact Page

    In order to Setup contact Page first you need to upload and activate the contact form 7 plugin.

    The contact option will appear on the dashboard after installation.

  • Go to >> Dashboard >> contact >> add new.

  • set Newsletter section

  • Go to >> Dashboard >> pages >> contact.

  • set Newsletter section

  • Step 3 - Go to Dashboard >> Appearance >> Customize >> Themes section >> Contact

  • set  Brand section

    Final display of Contact Page.

    Final display of Brand Section

Inner Pages

Full Width Page

  • Step 1 - Go to Dashboard >> Page

  • Step 2 - Click Add New button

  • Step 3 - - Add Page Name

  • Step 4. select default template at right bottom of page

  • Step 5 - Click publish button

  • select Full Width Page template

    Full Width Page Inner Page

    select Full Width Page template

Page With Left Sidebar -

  • Step 1. Go to Dashboard >> Page

  • Step 2.Click Add New button

  • Step 3 - Add Page Name

  • Step 4. select Page With Left Sidebar template at right bottom of page

  • Step 5. Click publish button

  • select Page With Left Sidebar template

    Page With Left Sidebar Inner Page

    select Page With Left Sidebar template

Page With Right Sidebar -

  • Step 1. Go to Dashboard >> Page

  • Step 2. Click Add New button

  • Step 3 - Add Page Name

  • Step 4. Select Page With Right Sidebar template at right bottom of page

  • Step 5. Click publish button

  • select Page With Right Sidebar template

    Page With Right Sidebar Inner Page

    select Page With Right Sidebar template

Blog

Full Width Blog -

  • Step 1. Go to Dashboard >> Page

  • Step 2. click Add New button

  • Step 3 - Add Post Name

  • Step 4. select Blog Full Width template at right bottom of page

  • Step 5. click publish button

  • select Blog Full Width template

    Blog Full Width Inner Page

    select Blog Full Width template

Blog With Left Sidebar

  • Step 1. Go to Dashboard >> Page

  • Step 2. click Add New button

  • Step 3 - Add Post Name

  • Step 4. select Blog With Left Sidebar template at right bottom of page

  • Step 5. click publish button

  • select Blog With Left Sidebar template

    Blog With Left Sidebar Inner Page

    select Blog With Left Sidebar template

Blog With Right Sidebar

  • Step 1. Go to Dashboard >> Page

  • Step 2. click Add New button

  • Step 3 - Add Post Name

  • Step 4. select Blog With Right Sidebar template at right bottom of page

  • Step 5. click publish button

  • select Blog With Right Sidebar template

    Blog With Right Sidebar Inner Page

    select Blog With Right Sidebar template

Shortcodes

A shortcode is a useful tool for creating content http://codex.wordpress.org/Shortcode. Shortcodes are simple to use. First and foremost, ensure that the editing mode is set to Visual.

All Shortcode

Testimonials Shortcode: [solar-power-pro-testimonials]

Faq Shortcode: [solar-power-pro-faq]

portfolio Shortcode: [solar-power-pro-portfolio]

Experts Shortcode: [solar-power-pro-team]

Testimonials Shortcode

  • Step 1 - Go to Dashboard >> Page

  • (i) Click Add New button

  • (ii) Add Testimonials Shortcode

  • (iii) Select Default template at right bottom of page

  • (iv) click publish button


  • Step 2 - Used Testimonials [solar-power-pro-testimonials]shortcode in page

  •  testimonial

    After adding shortcode ,Testimonial page look

    testimonial

services Shortcode

  • Step 1 - Go to Dashboard >> Page
  • (i) Click Add New button
  • (ii) Add services Shortcode
  • (iii) Select Default template at right bottom of page
  • (iv) click publish button

  • Step 2 - Used services [solar-power-pro-services]shortcode in page
  •  testimonial

    After adding shortcode services look

    brands

Team Shortcode

  • Step 1 - Go to Dashboard >> Page
  • (i) Click Add New button
  • (ii) Add team Shortcode
  • (iii) Select Default template at right bottom of page
  • (iv) click publish button

  • Step 2 - Used team[solar-power-pro-team]shortcode in page
  •  testimonial

    After adding shortcode team look

    brands

Projects Shortcode

  • Step 1 - Go to Dashboard >> Page
  • (i) Click Add New button
  • (ii) Add Projects Shortcode
  • (iii) Select Default template at right bottom of page
  • (iv) click publish button

  • Step 2 - Used projects[solar-power-pro-projects]shortcode in page
  •  testimonial

    After adding shortcode projects look

     testimonial