Techno -IT Solution WordPress Theme

Created: 20-01-2020

Please you watch the all video step by step and after that you will understand very easily to customize

How To Install WordPress

How To Upload Theme

How To Import Demo Content

How To Setting Demo

Setting Theme Option(Header, Footer& etc)

Create pages and use custom shortcode)

KingComposer Default Features

How To setup Mailchimp)

How To Make Contact Form 7

Drag & Drop Pagebuilder



WordPress Installation

Before beginning the installation and configuring of your new theme, you must have WordPress installed. If you need to install WordPress then please visit: http://wordpress.org/download/. If you need any help with the installation , please refer to this guide: http://codex.wordpress.org/Installing_WordPress.

Here is a brief step by step on how to install WordPress:

  1. Download and unzip the WordPress package if you haven't already.
  2. Create a database for WordPress on your web server, as well as a MySQL user who has all privileges for accessing and modifying it.
  3. Upload the WordPress files in the desired location on your web server:
    • If you want to integrate WordPress into the root of your domain (e.g. http://example.com/), move or upload all contents of the unzipped WordPress directory (but excluding the directory itself) into the root directory of your web server.
    • If you want to have your WordPress installation in its own subdirectory on your web site (e.g. http://example.com/blog/), create the blog directory on your server and upload WordPress to the directory via FTP. Note: If your FTP client has an option to convert file names to lower case, make sure it's disabled.
  4. Run the WordPress installation script by accessing wp-admin/install.php in a web browser.
    • If you installed WordPress in the root directory, you should visit: http://example.com/wp-admin/install.php
    • If you installed WordPress in its own subdirectory called blog, for example, you should visit: http://example.com/blog/wp-admin/install.php

Theme Installation Rules

There are two ways to install theme:

  • FTP Upload:
    • Open up your FTP manager and connect to your hosting
    • Browse to wp-content/themes
    • Then Upload the techno theme folder.
    • Log Into WordPress and go to Appearance - Themes.
    • Find the techno and click activate
  • WordPress Upload
    • Navigate to Appearance Add New Themes Upload.
    • Follow the instructions on the screen, select the downloaded theme folder (techno.zip”).
    • Hit Install Now and the theme will be uploaded and installed.

Step 1

Step 2

Step 3

Install Required Plugins

When you have successfully installed the theme , you will be asked to install the required plugins

Then click on the begin installing plugins , choose the plugins you want to install or select all and then click install. After Installaling the plugins, go back to "Install Plugins" option from left side and activate the plugins.

Demo Data Import (Optional)

the theme content have been provided so that you can set up the theme to look exactly like the our demo in a few minutes. You can find that inside "demo-content" folder. insise demo-content folder, you can see "techno.xml", "widget.wie", "customize.dat","techno_opt.json".

  • techno.xml for all content
  • techno-widget.wie for widget content
  • techno-customize.dat for customize content
  • techno_opt.json for Redux

You can use demo import plugins

  • use one click demo import plugin for all avobe Link( Note: We added it in our theme )
  • Or you can use WordPress-importer(default)

Follow the steps to import the demo content and leave the final page to load with a confirmation that the content has been imported successfully (this may take some time).

sometime when you upload your demo content, you can see some error. example- upload_max_filesize, Time out and etc that time you need increase you upload_max_filesize and time into your cpanel. if you can't solved this issue, Please Contact your hosting provider. They will solved your problem. Please install all the required plugins before importing the demo-data content.

For one click demo importer

WordPress Importer(default)

Home Page Setting

Step:01
Step:02
Step:03
Step:04

Theme Customize

You can set your Logo, menu, style ( Header color, footer color, button color, font), copyright Text and etc into Theme Option

Create Menu



It will find your page below option, But When you selected menu from here. that time its work only your page. Not Post page or single post. So you can select for Post/Single Post menu from theme option. See below step.

One Page Menu



create one page menu from here. Here ID is very important.It's need to link others section. ex- your site link. then #home. Then add home your section area, where you want to link

Create your Page

Suppose,We select Em Pricing Table

Our All layout freture similar, you can add your section by similar way.

Make Protfolio



Set Minimum One Category



Slider and testimonial is similar with portfolio.

Make Breadcrumbs For Post/Page

See the page below, you can see here lot of option

Some Breadcrumb Option you can find From our theme option

Set Free Preset Page

It provides our using page builder



You can choose any one. click on the Template or Preset. Then see page or section. then install any one.

Contract Form

contact form style 1

<div class="form-area form-style-one">
<div class="form-inner">
<div class="form-controls">
<div class="field topfield">
<div class="form-field">
[text sub placeholder "Name"]
</div>
<div class="form-field">
[email sub placeholder "Email"]
</div>
<div class="form-field">
[text sub placeholder "Website"]
</div>
<div class="form-field text-area-field">
[textarea textarea-234 placeholder "Message"]
</div>
<div class="buttons">
[submit class:sbuton "Send Message"]
</div>
</div>
</div>
</div>
</div>

Contact Form Two

<div class="form-area form-style-two ">
<div class="form-inner">
<div class="form-controls">
<div class="field topfield">
<div class="form-field">
[text sub placeholder "Full Name"]
</div>
<div class="form-field">
[text sub placeholder "Subject"]
</div>
<div class="form-field">
[email sub placeholder "Your Email"]
</div>
</div>
<div class="field topfield">
<div class="form-field">
[textarea textarea-234 placeholder "Message"]
</div>
</div>
<div class="form-field">
<div class="buttons">
[submit class:sbuton "Send Message"]
</div>
</div>
</div>
</div>
</div>





Copy it and paste you contact form




Footer Customize

We area created 4 different footer, with 10+ style in our theme