Ot Recycling Pro WordPress Theme Documentation

Structure of files

The downloaded template package consists of multiple folders. Let's look at what is contained in each folder:

Scrrenshots - displays template screenshots. Do not use these for creating templates.

Theme - carries Files for a WordPress theme

"ot-recycling-energy-pro" -This directory has The important files regarding the theme.

The file "license.txt" includes information about the licensing terms.

Template Installation

1-In order to install a new theme through the admin panel

The initial step you should take is to Step #1 : Login Admin

1.now go to Appearance than naviagate towards themes

2. Tap Add New

3. Tap the button named 'Upload Theme.

4.Now Upload your previously downloaded ot-recycling-energy-pro.zip

good going your them installation has been accomplished.

2--If you prefer to install a WordPress theme using a "FTP":

Your Next option is uploading theme using FTP. First Access your website by logging through FTP direct to themes folder inside wp-content folder. Then, unzip theme you downloaded then transfer it to host.

Afterward, log on via Appearance -- then Select Themes to the activate Total.

Plugin Installation

Install Essential plugins:
"Contact-form-7" plugin
Now Go to plugin option on your dashboard and add and upload the plugin.

Then install and activate

Section One Click Demo Importer

Import demonstration content with one tap to get your theme Set-up. This content will lead you through creating your website..

Now Go on to Appearance than naviagate to themes Get started

Tap on"Run Importer".

Home page.

1) For home Page First Create a Page From Admin Area

Lable your home Page with your parent site name or you can name it home page also. Now go on to settings then Reading and change the template from static to home page.

2) Instructions for setting the main page display as a static page: Now Go on to the WordPress dashboard and click on "Settings" in the left-hand menu. Select "Reading" from the submenu. Under the "MainNumber of slides that to Display page displays" section, choose the "Static Page" option. From the drop-down menu next to "Front page," select the "Home" you created. Save your changes.

You will notice the Home Page looks same as scrrenshot.

Create Section Ordering Section

To reorder and arrange sections

Section reordering means to arranage the section as per our requirement. first you need to choose section and drag section on upper or lower where you need it. when you will drap any section your front will change according to your choice.

For "Section-Ordering".

Now Go on to Appearance than naviagate to themes Section Ordering

Create Site Identity Section

Now Go on to Appearance than After this Custumize than naviagate to themes; Site Identity

Create Top Bar

Now Go on to Appearance than After this Custumize than naviagate to themes; Topbar Option → Topbar Settings

Topbar Section pop-up as shown.

CreateTopbar1 part

Now Go on to Appearance than After this Custumize than naviagate to themes → Topbar1 Option → Topbar1 Settings

Topbar1 Section pop-up as shown.

Create Header Section

Now Go on to Pages Then "Add- New" .

as a menu →"add" pages from.

Now Go on to Appearance → then naviagate to menu Click Add New

In this way you can add the menu section.

Now Go on to Appearance than After this Custumize than naviagate to themes → Header Option → Header Settings

In this way you can add the Header section.

Create Slider part

Now Go on to Appearance than After this Custumize than naviagate to themes; Slider Option → Slider Settings

Disable/Enable option: Here, you select the Disable/Enable option To display or hide the section.
Number of slides that to Display: Allows you to select no. of sliders you want to show.
Slider Image: place the images for slider.
Slide text: put the text to be displayed on slider.
Slider Button Text: put the text to be displayed on button.

Front-end design will display like this.

Create "About-Us" part

Now Go on to About Us → After this Custumize → than naviagate to themes → About Us Option About Us Settings

Front-end design will display like this.

Create Services part

now go on to Appearance → After this Custumize → than naviagate to themes → services Option → services Settings

Front-end design will display like this.

CreateRecycling Processpart

now go on to Dashboard → than naviagate to Recycling Process → Add New

Now Go on to Appearance than After this Custumize than naviagate to themes → Recycling Process Option → Recycling Process Settings.

Front-end design will display like this.

Create Latest News part

Create Achievement part

Now Go on to Achievement than naviagate to customize than themes → Achievement Option → Achievement Settings

Front-end design will display like this.

createOur Team part

Now go on toDashboard than Our Team &rar than "Add-New"

Now Go on to Appearance than naviagate to customize than themes Settings → Our Team Option → Our Team Settings.

Front-end design will display like this.

CreateContact Us Part

Now Go on to Appearance than naviagate to customize than themes Settings → Contact Us Option → Contact Us Settings

Front-end design will display like this.

CreateOur Mission Part

Now Go on to Appearance than naviagate to customize than themes Settings Settings → Our Mission Option→ Our Mission Settings

Front-end design will display like this.

CreateTestimonials Part

Now Go on to Appearance than naviagate to customize than Theme Settings → Testimonials Option → Testimonials Settings

Front-end design will display like this.

CreateOur Process part

Now Go on to Appearance than naviagate to customize than Theme Settings → Our Process Option → Our Process Settings

Front-end design will display like this.

CreatePickup part

Now Go on to pickup than naviagate to customize than Theme Settings → Pickup Option → Pickup Settings

Front-end design will display like this.

CreateFAQ part

Now Go on to Appearance than naviagate to customize than Then Theme Settings → FAQ Option → FAQ Settings

Front-end design will display like this.

Create Footer Section

Step 1.select Dashboard → Appearance → Widgets

Step 2. Select Footer
(a) Footer row One
(b) Footer Row Two
(c) Footer Row Three
(d) Footer Row Four
(ii) Tap on "save" button

For designing this section, select widgets of appearance section and select four footer columns for tags, gallery, contact and logo image respectively.

Refer to the image below for a better understanding of the section widgets

Now Go on to than Dashboard → than Appearance → than Widgets Click Add New

Now Go on to than Appearance than After this Custumize than naviagate to themes; Footer Option → Footer Widgets

Footer Heading Color: choose the font text of footer.
Footer Heading Fonts: set the font of heading of footer.
Footer Content Color: select the text color of contents of footer
Footer Content Fonts: choose the font of the contents of the footer.
Background Color: choose Background Color the footer.
Background Image: place Background Image of the footer.

Front-end design will display like this.

Create Footer Text Section

Now Go on to than Appearance than After this Custumize than naviagate to themes → Footer Option → Footer Text.

Disable/Enable option:Here, you may select the Disable/Enable option To display or hide the section.

Front-end design will display like this.

Create Contact Page

It is necessary to install "contact-form-7" plugin. Following the installation of "contact-form-7" plugin. Contact options become visible on the Dashboard.

Now go on to Dashboard →than go to Contact → select click Add New Page

Now Go on to Appearance than naviagate to themes; then go to Contact & Map Option → Contact & Map Settings

Front-end design will display like this.

Create Menu

make pages from Dashbord → Pages→ Click "Add-New"
Select Appearance → tap on the Menu
Now To create new menu select " Create-New-Menu"
Neme your Menu before saving
Once you create menu. you can add required pages in navigation by ticking the box on the left table.. After adding menu list you can arrange it with your choice by drag & drop.

You can checkout the screenshots you will understand it better.