Transport Solutions Documentation

Your awesome theme / template documentation


Introduction

  • Theme Name : Transport Solutions
  • Author : misbahwp
  • Support Forum : https://www.misbahwp.com/support/misbahwp/
  • License : GNU General Public License v3 or later
  • Discription : Transport WordPress Theme is specially designed for transport websites of personal use or business. The premium theme has an elegant but luxurious, modern and sophisticated, beautiful and retina-ready design which is worth your every penny. It is a SEO-friendly theme which will make your website rank soon on all major search engines. It is mobile-friendly too with a responsive layout. It has been improved for performance, resulting in quicker page load times. It also has safe and clean codes. It supports RTL layout and is translation-ready. It is built using the Bootstrap framework, which makes it very user-friendly. There's a whole lot of features in this theme. Let's get to know them all in full. It makes use of the customizer API to access theme options. The logo, title, favicon and tagline all can be changed. You can use custom CSS/JS if you like. You can use shortcodes also to make your website more useful. Make your website stunning with the help of Advanced Color Options, Color Pallets and 100+ font family options.

How to Establish the Theme

Setup Theme

Template installation is very simple process.

You can also install your theme using WP Admin

The first task is to log in to your WordPress admin area. Next, click on

1.In dashboard click on Appearance >> Themes

2. Click on the Add New button at the top of the themes page once page is loaded.
3. Click the button labelled as 'Upload Theme'.
Select the transport-solutions-pro.zip theme from the Browse Button, then click the Install Now button.
5. WordPress will now install your theme and display a success message, as well as a link to activate or to see the live preview. Congratulations on completing the installation of your theme.

Demo Importer -

Follow below instructions to setup transport-solutions-pro theme.

In the dashboard, go to Appearance >> Transport Themes Setup

Once you are on the transport solutions pro themes setup, click on the start button.

As the demo importer process finsih then check your site, all the content will imported and theme will display like live demo.

Setup Home Page

The options of this page template (like sections location, disabling sections, number of posts they display) can be controlled it.

To design a home page, follow these steps.

1. Make a page to set the template: In the Dashboard, go to Pages >> Add New Page

Name it "home" or anything as you like. Then, from the template dropdown, pick "front page template".

The Page Attributes section provides your page a parent page and a template.

1. Make a page to set the template: In the Dashboard, go to Pages >> Add New Page

Design the front page as follows: In the Dashboard, go to Setting >> Reading >> Set the front page display static page to home page
When you're finished, you'll be able to see all of the demo content on the front page

Necessary Plugins

When you initially activate the theme, you'll be asked to install these plugins on your Dashboard. You can ignore the message if you don't want to install these plugins on theme activation, and if you change your mind later, you can install them manually.

In dashboard, click on Plugins >> Install Plugins.

Kirki

Plugin download link kirki


Contact Form 7

Plugin download link contact-form-7


Transport Theme Setup

Social Icon

In order to proceed with Theme social icon, You can set heading and social icons , so follow the below steps.

In the dashboard, go to Appearance >> Customize >> Theme Options >> Header Settings

You Can


Logo Setup

In order to proceed with Theme Logo setup, you can set site title and tagline, follow the below steps.

In the dashboard, go to Appearance >> Customize >> Site Identity >> Set Title and Tagline You can also make the tagline hidden.

In front end, it will look like this

Header Navigation

In order to proceed with Theme Navigation setup, you can set icon and content, follow the below steps.

In the dashboard, go to Appearance >> Customize >> Header Navigation Settin You can also make the tagline hidden.

In front end, it will look like this

Slider Section

Slider Settings

In order to proceed with Theme Slider Settings , you can set slide show , follow the below steps.

In the dashboard, go to Appearance >> Customize >> Theme Options >> Slider Settings

Select number slides to show. You can set heading and content . You can choose from this options for each slider option.

In front end, it will look like this

About Us Section

About Us Settings

In order to proceed with About Us Settings follow the below steps.

In the dashboard, go to Appearance >> Customize >> Theme Options >> About Us Settings

You can set heading and content of section. You can set also number of image as per your choice . You can choose from this options for each about us settings .

In front end, it will look like this

Services Section

Services Settings

In order to proceed with Services Settings follow the below steps.

In the dashboard, go to Appearance >> Customize >> Theme Options >> Services Settings

You can set heading and content of section. You can choose from this options for each services settings.

You can select number of services to show. You can select image as per your choices . You can set title both side. Post Of backside can be select icons as per your post and set content for services post.
In front end, it will look like this

Featured Section

Featured Settings

In order to proceed with Featured Settings follow the below steps.

In the dashboard, go to Appearance >> Customize >> Theme Options >> Featured Settings

You can select image . You can set heading and content for section. You can choose from this options for each featured settings.

You can select number of featured to show. You can select icons. You can set title and content for featured.
In front end, it will look like this

Counter Section

Counter Settings

In order to proceed with Counter Settings follow the below steps.

In the dashboard, go to Appearance >> Customize >> Theme Options >> Counter Settings

You can select number of counter to show. You can select icon , numbers and title of counter. You can choose from this options for each counter settings.

In front end, it will look like this

Enquiry Section

Creating a Enquiry Form

In order to proceed with Enquiry Settings follow the below steps.

The Contact Form 7 plugin is installed in the usual way. Click Plugins > Add New in the WordPress dashboard and type Contact Form 7 in the Search box. From the search result, select the plugin and click the Install Now option.

From the admin panel, just go to Contact > Contact Forms to create a Contact Form.

You may also create your own contact form by clicking on theContact > Add New .

Building a new form of contact

Scroll to Form and give this new contact form a name. You can make modifications to contact form template from here.

The multiple fields which will display on your form, as well as the labels that will be next to those fields, are defined by the template.

When you are done with changes, click Save.

A key step is to copy the Shortcode that displays next to your contact form.

In the dashboard, go to Appearance >> Customize >> Theme Options >> Enquiry Settings

You can set icons, Heading and content. Place the Contact Form-7 shortcode code in customize option. You can choose from this options for each Enquiry Settings..

In front end, it will look like this

FAQ Section

FAQ Settings

In order to proceed with FAQ Settings follow the below steps.

In the dashboard, go to Appearance >> Customize >> Theme Options >> FAQ Settings

You can select image. You can set heading and content of section. You can choose from this options in FAQ settings.

You can select number question to show with answer .You can choose from this options for each FAQ settings

In front end, it will look like this

Gallery Section

Gallery Settings

In order to proceed with Gallery Settings follow the below steps.

In the dashboard, go to Appearance >> Customize >> Theme Options >> Gallery Settings

You can select number of image to show in gallery. You can set title of image. You can choose from this options in Gallery settings.

In front end, it will look like this

News Feed Setup

Fetch Categories

This screen is divided into 2 sections, the Add New Category and category table sections.

All of the categories are listed in this table. Categories are organized alphabetically and hierarchically.

Follow the given below steps to setup category.

In the dashboard, go to Posts >> Categories >> Add New

Once you have done with this you will see the categories on your theme customize.

In this section, you have to add new category for each post.

Fetch Post

In the dashboard, go to Posts >> Add New

To proceed with Post, you should first choose the post title, content, and featured image, and then choose the category in which you want your post to appear.

Follow the below steps to setup Post Settings.

In the dashboard, go to Posts >> Add New

You can make multiple posts for category.

Once you have done with this you will see the post on your front page.

News Feed Post Settings

In order to proceed with Theme News Feed post Settings , you can set tab post , follow the below steps.

In the dashboard, go to Appearance >> Customize >> Theme Options >> News Feed Settings

Select the number of posts to view. You have the choice of picking Category. You can choose from this options for each News Feed Post Settings.

Once you have done with this you will see the post on your front page.

Testimonial Section

Testimonial Settings

In order to proceed with Testimonial Settings follow the below steps.

In the dashboard, go to Appearance >> Customize >> Theme Options >> Testimonial Settings

You can set heading of section.You can choose from this options for each Testimonial settings.

You can select number of testimonial to show. You can set testimonal name, designation, and description. You can choose from this options for each Testimonial settings.

In front end, it will look like this

Sponsors Section

Sponsors Settings

In order to proceed with Testimonial Settings follow the below steps.

In the dashboard, go to Appearance >> Customize >> Theme Options >> Sponsors Settings

You can set heading of section.You can select number of Sponsors to show. You can select logo of Sponsors . You can choose from this options for each Testimonial settings.

In front end, it will look like this

Setup Footer Section

There are four columns in the footer. Any widget can be added there.

1. In the dashboard, go to Appearance >> Widgets

To add widgets to the footer, see the screenshot below.

You can add footer columns by selecting widgets such as text, images, Recent posts and so on, which allow you to quickly add text or images of your choice.

In order to manage content for footer and add some widgets, navigate to, follow the below steps.

2. In the dashboard, go to Appearance >> Widgets >> Footer Sidebar

Your footer will appear like this once you have added widgets to it.

Footer Copyright Text

In order to proceed with footer Settings, You can fill the copyright content to footer copyright Settings.

5. In the dashboard, go to Appearance >> Customize >> Theme Options >> Footer Copyright Setting

In front end, it will look like this

Theme Color / Font Option

Setup Background

Background Settings

In order to proceed with Background Settings Follow the instructions given below.

In the dashboard, go to Appearance >> Customize >> Theme Options >> Background Settings >> Counter Section

You can set background of section. You can choose from this options for each Counter Section.

In front end, it will look like this

Setup Theme Font

Typography Options

In order to proceed with Typography Options, you can change complete font style just one click. Follow the below steps.

In the dashboard, go to Appearance >> Customize >> Typography Options>> Heading Typography

You can set background of section. You can choose from this options for each Counter Section.

In front end, it will look like this

Setup Theme Color

Color Options

In order to proceed with theme color option, you can change complete font style and button background and border color on just one click. Follow the below steps.

In the dashboard, go to Appearance >> Customize >> Theme Color Option

In front end, it will look like this

Page Templates Settings

Setup Blog Page

The options of this page template (like sections location, disabling sections, number of posts they display) can be controlled it.

Follow these instructions to setup Blog page.

1. Make a page to set the template: In dashboard, click on Pages >> Add New Page

Label it "blog" or anything as you wish. Then, from the template dropdown, chose "Post Right Sidebar.

The Page Attributes section provides your page a parent page and a template.

1. Make a page to set the template: In dashboard, click on Pages >> Add New Page

In front end, it will look like this

How to Construct a Contact Form -

The Contact Form 7 plugin is installed in the usual way. Click Plugins > Add New in the WordPress dashboard and type Contact Form 7 in the Search box. From the search result, select the plugin and click the Install Now option.

From the admin panel, just go to Contact > Contact Forms to create a Contact Form. There is a list of the forms that are available, though there are none, at now

You may also create your own contact form by clicking on the Contact >> Add New

Building a new form of contact -

Scroll to Form and give this new contact form a name. You can make modifications to contact form template from here.

The multiple fields which will display on your form, as well as the labels that will be next to those fields, are defined by the template.

When you are done with changes, click Save.

A key step is to copy the Shortcode that displays next to your contact form. This is displayed in the form editor as well.

In the Dashboard, go to Appearance >> Customize >> Contact Page Settings >> Contact Form

You can set icons, Heading and content. Place the Contact Form-7 shortcode code in customize option. You can choose from this options for each Contact Page Settings.

In front end, it will look like this.