OT Architecture Pro WordPress Theme Documentation

Structure of files

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

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

Theme - carries Files for a WordPress theme

"ot-architecture-pro" -This Theme folder has The important files for theme regarding the theme.

The file "license.txt" consists of important information regarding the license

Template Installation

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

To begin the process of installing a new theme on WordPress website, the first step is to login your Dashbord area

1. Select Appearance → Then Themes

2. Tap Add New

3. Click the button labeled 'Upload Theme.

4.To install the ot-architecture-pro theme on WordPress website, you need to click on "Browse" and select the theme file from your device. Once you have selected the file, click on "Install Now" to begin the installation process.

Congratulations on successfully installing a theme on WordPress website!

2-If you prefer to install a WordPress theme with FTP (File Transfer Protocol), you can follow these steps:

Another option for installing a theme is to upload it via FTP (File Transfer Protocol).you first need to log in your website via FTP and Select to the themes folder inside wp-content folder. From there, you can upload the theme you downloaded by unzipping it and uploading it to server.

Afterward, log in your WordPress site and Select to Appearance -- Select Themes And activate .

Plugin Installation

To Add a WordPress Plugin manually by .zip archive follow steps below for Uploading plugin

Plug-ins must be installed:
Contact-form-7 plugin
Select Dashboard → Go to plugin → Then Add New → and Tap Upload plugin.

click on the install now button and activate

Section One Click Demo Importer

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

SelectDashboard → Go to Appearance → Tap Get started

Click on"Run Importer".

Home page.

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

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

2) Set the page: Select Setting → Reading → Set the post page display static page to home page

You will notice the Home Page looks same as scrrenshot

Set-up Section Ordering Section

How to Arrange and Reordering Section

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

In order to begin with Section Ordering.

Select Appearance → Theme Settings → Section Ordering

Set-up Topbar Section

In order to begin with Topbar,

Select Appearance → Then Customize → Tap Theme Settings → Topbar Option → Topbar Settings

Topbar Section will display like this in Frontend..

Set-up Site Identity Section

In order to begin with Site Identity,

Select Appearance → Then Customize → Site Identity

Set-up Header Section

In order to begin with Header,

Select Pages → Add new

For menu you will have to add pages from.

Select Appearance → menu → Add new

Repeat the same steps if you want to add more pages.

In this way you can add the menu section.

Select Appearance → Then Customize → Tap Theme Settings → Header Option → Header Settings

In this way you can add the Header section.

Set-up Slider Section

In order to begin with slider

Select Appearance → Then Customize → Tap Theme Settings → Slider Option → Slider Settings

Enable/Disable option: Here, you may select the enable/disable option to show or hide the section.
Number of Slider To Show: Allows 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: Here, you can put the text to be displayed on button.

Front end will display like this

Set-up About Us Section

In order to begin with About Us Section

Select About Us → Customize → Tap Theme Settings → About Us Option → About Us Settings

Front end will display like this

Set-up Our Services Section

In order to begin with Our Services Section,

In order to Set-up the following Our Services section

Select Dashboard → Our Services → Add New

Select Appearance → Then Customize → Tap Theme Settings → Our Services Option → Our Services Settings.

Front end will display like this

Set-up Featured Work Section

In order to begin with Featured Work Section

Select Featured Work → Customize → Tap Theme Settings → Featured Work Option → Featured Work Settings

Front end will display like this

Set-up Our Video Section

In order to begin with Our Video Section

Select Our Video → Customize → Tap Theme Settings → Our Video Option → Our Video Settings

Front end will display like this

Set-up Latest News Section

In order to begin with Latest News Section,

In order to Set-up the following Latest News section

Select Dashboard → post → Add New

Select Appearance → Then Customize → Tap Theme Settings → Latest News Option → Latest News Settings.

Front end will display like this

Set-up Achievement Section

In order to begin with Achievement Section

Select Achievement → Customize → Tap Theme Settings → Achievement Option → Achievement Settings

Front end will display like this

Set-up Companies Section

In order to begin with Companies Section

Select Companies → Customize → Tap Theme Settings → Companies Option → Companies Settings

Front end will display like this

Set-up Our Experts Section

In order to begin with Our Experts Section,

In order to Set-up the following Our Experts section

Select Dashboard → Our Experts → Add New

Select Appearance → Then Customize → Tap Theme Settings → Our Experts Option → Our Experts Settings.

Front end will display like this

Set-up New Project

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

Select Dashboard → Contact → Add New Page

Select Appearance → Theme setting → New Project Option → New Project Settings

Front end will display like this

Set-up Testimonials Section

In order to begin with Testimonials Section

Select Appearance → Then Customize → Tap Theme Settings → Testimonials Option → Testimonials Settings

Front end will display like this

Set-up Footer Section

In order to begin with Footer,

Step 1.Select Dashboard → Appearance → Widgets

Step 2. Select Footer
(a) Footer One
(b) Footer Two
(c) Footer Three
(d) Footer Four
(ii) Click 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.

Below image throws light on the widgets section.

Select Dashboard → Appearance → Widgets → Add New

Select Appearance → Then Customize → Tap Theme Settings → 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.
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.

Footer Text Section

In order to begin with Footer Text,

Select Appearance → Then Customize → Tap Theme Settings → Footer Option → Footer Text.

Enable/Disable option:Here, you may select the enable/disable option to show or hide the section.

Front end will display like this

Front end will display like this

Set-up Contact Page

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

Select Dashboard → Contact → Add New Page

Select Appearance → Theme setting → Contact & Map Option → Contact & Map Settings

Front end will display like this

Set-up Navigation

First of all create pages from select Dashbord → Pages→ Add new page.
Select Appearance → Then Menu
Now To create new menu select " Create a New Menu"
Neme your Menu before saving
Once you create menu. you can add required pages in navigation by checking the box on the left table. After adding menu list you can arrange it with your choice by drag and drop.
Choose the menu theme location from the below checkboxes

You can checkout the screenshots you will understand it better.