OT Electricion Pro WordPress Theme Documentation

File Structure

The downloaded template package comprises multiple folders. Now, let's take a look at brief description of the contents for each folder?

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

Theme - carries WordPress files

"ot-electricion-pro" -The indicated folder has all the required files regarding the theme.

"license.txt" - contains license details

Template Installation

2. Tap "Add New"

3. Tap the button name 'Upload Theme.

4. Now Upload your previously downloaded fitmeal-dietitian-pro

good going your them installation has been accomplished.

2-Install a Theme using FTP

The second installation option involves uploading the theme via FTP. Apply this methodology., first Access your website by logging via FTP and Navigate to the themes folder inside wp-content folder. Then, unzip the theme you downloaded and Publish it to server..

Afterward, Sign in to your WordPress site and Now go forAppearance -- then Select Themes to activate Total.

Plugin Installation

To Add a WordPress Plugin manually by .zip archive Follow these instructions to upload a plugin

ul>

Install Essential plugins:

"Contact-form-7" plugin

Now go for plugin option → on your dashboard → And Add→and Upload plugin.

Select the "Install Now" button and activate

Section One Click Demo Importer

Now Go for Appearance then naviagate to themes Get Initiated

Point and click forthe "Run Importer".

Set-up Home page.

1) Now To set up home PageFirst Create a Page From Admin Area

Lable your page with your parent site name Alternatively name it home page also. Then Now Go forsettings then Reading and change the template from static to Main pageMain.

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

You will notice the Home Page looks same as screenshot..

CreateSection-Ordering Section

Systematize and reorder sections you can follow these steps

Section reordering means to arranage the section as per our requirement. first you need to choose section and drag section on Bottom or top where you need it. when you will drap any section Your visual perspective will encompass the front change according to your choice.

For "Section-Ordering".

Now Go forselect Appearance then naviagate to themes Section Ordering

CreateSite-Identity Section

Proceed with "Site-Identity",

Now Go for Appearance then After this Custumize then naviagate to themes; Site Identity

Create Top Bar Section

proceed with Topbar,

Now Go forAppearance then After this Custumize then naviagate to themes; Topbar Option → Topbar Settings

Topbar Section will appear like this.

Now Go forAppearance then After this Custumize then naviagate to themes; Social icons Option → Social icons Settings

Topbar Section will appear like this.

CreateHeader Section

proceed with header,

Now Go for Select Pages → then Click "Add New"

To add pages to the menu, you can follow these steps.

Now go for Appearance → then naviagate to menu → Click Add New

Repeat the same steps if you want To include additional pages to the menubar.

In this way By following these steps, you can easily Incorporate the menu section.

Proceed with Social Icons,

Now go for Appearance then After this Custumize then naviagate to themes; Social icons Option → Social icons Settings

Header Section will appear like this.

Create Slider Section

Proceed with slider

Now Go for Appearance then After this Custumize then naviagate to themes; Slider Option → Slider Settings

In this way you can add the Slider section.

• Disable/Enable option: Here, you may select the Disable/Enable optifordisplay Alternatively, you can conceal.
• The quantity of sliders to displayAllows you to select no. of sliders you want to display.
• Slider-Image: Here you can place the images for slider.
• Slide-text: Here, you can put the text to be displayed on slider.
• Slider-Button-Text: type the text that you want to appear on the button

Front-end design will display like this

Create Appointment Section

Proceed with Appointment Section

Before proceeding with the Appointment section, we need to install contact form 7 plugin. Following the installation of contact form 7 plugin. Contact options become visible on the Dashboard.

Now Go for Dashboard go to Contact select "Add-New" Page

Now Go for Appointment then After this Custumize then naviagate to themes; Appointment Option → Appointment Settings

Front-end design will display like this

Create About Us Section

In order to begin with About Us Section

Now Go for About Us hen After this Custumize then naviagate to themes; About Us Option → About Us Settings

Front-end design will display like this

Create Our Services Section

In order to Set-up the following Our Services section

Now Go for Dashboard →go to Our Services →Select "Add-New"

Now Go for Appearance then After this Custumize then naviagate to themes; Our Services Option → Our Services Settings

Front-end design will display like this

Create Call Us Section

Proceedwith Call Us Section

Now Go for Call Us then After this Custumize then naviagate to themes; Call Us Option → Call Uss Settings

Front-end design will display like this

Create Testimonial Section

Proceed with Testimonials Section.

Now Go for Call Us then After this Custumize then naviagate to themes; Testimonial Option → Testimonial Settings

Front-end design will display like this

Create Achievement Section

Proceed with Achievement Section

Now Go for Achievement After this Custumize then naviagate to themes; Achievement Option → Achievement Settings

Front-end design will display like this

Create Our Team Section

Proceed with Our Team Section,

In order to Set-up the following Our Team section

Now Go for Dashboard →go to Our Team →Select "Add-New"

Now Go for Appearance After this Custumize then naviagate to themes; Our Team Option → Our Team Settings

Front-end design will display like this

Create Pricing Plan Section

Proceed with Pricing Plan Section

Now Go for Appearance After this Custumize then naviagate to themes; Pricing Plan Option → Pricing Plan Settings

Front-end design will display like this

Create Our Project Section

In order to Set-up the following Our Project section

Now Go for Dashboard → go to Top Courses →Select "Add-New"

Now Go for Appearance After this Custumize then naviagate to themes; Our Project Option →Our Project Settings

Front-end design will display like this

Create Gallery Section

Proceedwith Gallery Section

Now Go for Appearance After this Custumize then naviagate to themes; Gallery Option →Gallery Settings

Front-end design will display like this

Create Latest News Section

Proceed with Latest News Section,

In order to Set-up the following Latest News section

Now Go for Dashboard → go to post →Select "Add-New"

Now Go for Appearance After this Custumize then naviagate to themes; Latest News Option →Latest NewsSettings

Front-end design will display like this

Create Footer Section

Proceed with Footer,

Step 1.Now Go for Dashboard → then Appearance → then Now go on to Widgets

• Step 2. choose The Footer
• (a) Footer line One
• (b) Footer line Two
• (c) Footer line Three
• (d) Footer line Four
• (ii) Tap on "save" button

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

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

Now Go forthen Dashboard → then Appearance → then Widgets → Click Add New

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

• Footer-Heading-Color: Here, you can choose the font text of footer.
• Footer-Heading-Fonts: Here, you can set the font of heading of footer.
• Footer-Content-Color: Here, you can select the text color of contents of footer .
• Footer-Content-Fonts: Here, you can choose the font of the contents of the footer part.
• Setting-Options: Involves settings for Service display enable / disable option.
• Background-Color: Here, you can choose the Background Color of the footer.
• Background-Image: Here, you can place the Background Image of the footer part.

Front-end design will display like this

Create Footer Text Section

Proceedwith Footer Text section,

Now Go forAppearance then After this Custumize then naviagate to themes; Footer Option → Footer-Text

Front-end design will display like this.

Create Contact Page

Before proceeding with the Contact Us section, It is necessary set-up for contact-form-7 plugin. Following the installation of contact-form-7 plugin. Contact options become visible on the Dashboard.

Now Go forDashboard → then Now go on toContact → select Click Add New Page

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

Front-end design will display like this

Page Templates and sidebars