TC Traveler Pro wordpress theme Documentation

Live Demo Buy Now

Introduction

Thank you for your purchase of our WordPress theme. This documentation shows the entire process of configuring and managing a WordPress website from start to finish in various sections.

What is WordPress CMS?

WordPress is an open source website creation tool that is built on PHP and MySQL. It is a free content management system (CMS) and a powerful blogging platform. You can use this CMS to create websites and solid online apps. It requires little knowledge or technical ability to manage. WordPress has become the most widely used website development software due to a variety of factors such as its ease of use and flexibility.Learn More

What is a WordPress template

A WordPress template serves as a skin for WordPress-powered websites. A WordPress Template is simple to set up. You can easily change the look of your WordPress website by installing a new template. A WordPress template includes all of the necessary source files, which you can edit and expand as you see fit.

Help and Support

Click here for help and support : SUPPORT

Files structure

The template package you downloaded is divided into several folders. Let's take a look at what's in each folder:

  • Screenshots : contains template screenshots. Not for production.

  • Theme : contains WordPress theme files.

  • TC Traveler Pro.zip: This folder contains all of the files required for the theme.

  • license.txt : contains license details.

  • readme.txt : contain information about theme images path and font use and usage scritps.

TC Key Activation

The TC Key Activation procedure is as follows.

As you will get the License Key on your Email, use that key to Activate License.

Follow the following Process to Activate License.

Go to the Dashboard Appearance TC Setup Wizard Enter Key Save Changes

key

After Entering The Key Activate Licence.

key2

After you Activate Licence,the key will be active and then you can Getstarted with the Theme.

key3

In this way you can activate your Licence Key.

My site was working fine before? Who changed the File Permissions?

Incorrect file permissions may prevent WordPress from creating folders, uploading images, or running certain scripts.

WordPress requires server permissions to manage files and create folders.

  • Then, select all folders in the root directory and right-click to select 'File Permissions'.
  • wp-config >> permissions dialog box >> click on checkbox read and write >> Click on the OK button to continue
  • The same procedure should be followed for the wp-content folder.
permission

Template Installation

The installation of a template is a simple process.

  • Step 1 - Log in to your WordPress administration area.
  • Step 2 - Go to Dashboard >> Appearance >> Themes.
    • Active Theme
  • Step 3 - Clicscreenshotk on Add New Theme button at top.
    • Active Theme
  • Step 4 - Now, Hit Upload Theme button at top and upload.
    • Active Theme
  • Step 5 - Click on Browse Button then select your tc-traveler-pro.zip theme and click on install now button.
    • Active Theme
  • Step 6 -WordPress will now install your theme and display a success message, as well as a link to activate or view the live preview.
    • Active Theme

Step 2. Installation Using FTP

  • Step 1 - Download tc-traveler-pro.zip file from your My Account ThemesEye.
  • Step 2 - Extract Zip file.
  • Step 3 - Upload the non-zipped theme folder into the theme folder using your FTP programme. "/wp-content/themes/" folder on your server.
  • Step 4 - Go to Dashboard » Appearance » Themes and find TC Traveler Pro theme from list
  • Step 5 - Click on Activate to active tc-traveler-pro Posttype theme.
    • Active Theme

Plugin Installation.

To manually install a WordPress Plugin, download the.zip archive and follow the steps below for Upload plugin installation.

Install Required Plugins:

tc-traveler-pro-posttype plugin, Contact Form 7

  • Go to Dashboard >> plugin >> Add New >> Upload plugin.
    • Active Theme

  • Install and activate by clicking the Install Now button.

    • Active Theme

Demo Importer


To import content using Theme Wizard, ad here to these procedures.

1) Go to Dashboard >> Getstarted

2) Insert your key.

3) After selecting Setup Wizard, click Start Now.

4) install Plugins.

5) Import the material from your Customizer Elementor-based demo.

Color/Font Pallette

Color/font selection is a simple process. These options are available in all sections of the customizer. It is a complete image that demonstrates the colour and font palette. You can change the colour and fonts of the headings, paragraph, and buttons with a single click.

Depending on the number of options available in that section, each individual section has the option to set the colour palette for Headings, Title/Text, Paragraph, Button Text, and Button Background.

Active ThemeActive Theme

How to set up homepage

After activating the theme, you will see the index page with the most recent post. Now you must configure the home page template to display all of the demo sections on your front page.


Setup Home Page

This section will assist you in organising your site's home page and other pages. This will also show you how to set up WordPress Menus, make a Slider, make a Home Page, use Page Templates, and insert shortcodes into pages.

  • Step 1 - Go to Dashboard >> Pages >> Add New, enter page name and select template as Home Page Template from Page Attribute as shown in below image
    • Active Theme
  • Step 2 - Publish this page
  • Step 3 - Go to Dashboard >> Settings >> Reading, select home page as a front page
  • Active Theme

When you're finished, you'll be able to see all of the demo content on the front page.

Section Ordering

Section Arrangement and Reorganization

Section reordering essentially means rearranging the section to meet our needs. To proceed with this section, drag the section to the top or bottom of the page where you want it. When you drag any section top or bottom, the front view changes based on the customizer values.

Section re-ordering is as simple as dragging and dropping options into any order you desire.

    In order to move on to Section Ordering.

  • Step 1 - Go to Appearance >> Customizing >> Theme Settings >>Section Ordering
    • Active Theme

Top bar Setting

Setup Topbar

This section will assist you in arranging the topbar.

  • Step 1 - Go to Customizing >> Theme Settings >>Top bar
    • Active Theme
  • Final display of top bar section
  • Active Theme

Header Setting

  • Step 1 - Go to Dashboard >> >> Appearance >> Customizing >> Site Identity
  • a. You can add logo from Select Logo button for set logo
    • Active Theme
  • Step 2 Go to Dashboard >> Pages >> If you want to add an image, create a new page and assign it to that section. You can repeat this process to create multiple pages in the same section.
    • Active Theme

    For Menu

    For Left Menu

  • Step 1 - Go to Dashboard >> Appearance >> Menus.
  • Step 2 - Click on create a new menu as show in below image.
  • Step 3 - Enter menu name and click on Create Menu as shown in below image.
    • Create a Menu
  • Step 4 - Choose Pages such as Latest Blog, Pages, and About Us from the left side and click onAdd to Menu button as show in below image
  • Step 5 - After selecting the pages, choose the menu location. Click on the left menu and then on save menu.
  • Step 6 - Click on Manage Locations as show in below image.
  • a. Click on Use new menu
    • Final Step in Menu

    For Right Menu

  • Step 1 - Go to Dashboard >> Appearance >> Menus.
  • Step 2 - Click on create a new menu as show in below image.
  • Step 3 - Enter menu name and click on Create Menu as shown in below image.
    • Create a Menu
  • Step 4 - Choose Pages such as Latest Blog, Pages, and About Us from the left side and click on Add to Menu button as show in below image
  • Step 5 - After selecting the pages, choose the menu location. For the right menu, click on save menu.
  • Step 6 - Click on Manage Locations as show in below image.
    • Final Step in Menu
  • Menu Front Preview
    Final Step in Menu

    Final display of Header

    Final display of header

Setup Slider

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Slider section
    • Create New Slider

    Create New Slider

    Final display of Slider

    Final display of header

Setup Search Tours Section

  • 1) Create Page to set template for: Go to Dashboard >> Pages >>Add New.
  • Label it "Search" or whatever you want. Then, from the template dropdown, select "Advance Search."
    • Final display of header
  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Search Tours
    • Step 2 - Manage Background
  • (a) Add Background Image
  • (b) Add Title
  • (c) Select Tour Type Page
  • (d) Add button Link
    • set Banner1 section

    set Banner1 section

    Final display of Search Tours Section

    Final display ofBanner1 Section

Setup Destination Types Section

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Destination Types Section
    • set Product Tab section

    set Product Tab section

    set Product Tab section
  • (e) Click Publish

    • Final display of Destination Types Section.

    Final display of Product Tab Section

Setup Popular tour Section

  • We must install and activate the Popular Tour section.TC Traveler Pro Posttype Plugin
  • Step 1 - Go to Dashboard >> Popular tour >> Add New
    • set Banner2 section

  • Step 2 - Go to Dashboard >> Appearance >> Customize >> Theme Setting >> Popular tour
    • Step 3 - Manage Background
  • (a) Add Background Image
  • (b) Add Title
    • set Banner2 section

    Final display of Popular tour Section

    Final display of Banner2 Section

Setup Our Services Section

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Our Services Section
    • Step2 -
  • (a) Select background image
  • (b) Add Title
  • (c) Click Publish Button
    • set about us section

    set about us section

    Final display of Our Services Section

    Final display of Featured Product Section

Setup Video Section

  • To proceed with the video section,
  • Go to the YouTube website and search for a video.
  • Use an iframe tag to copy embed code from a player.
    • set Featured Product section
  • Only src source code can used
  • Go to Appearance >> Customize >> Theme Settings >>Video Section
    • set Featured Product section

    set Featured Product section

    Final display of video Section

    Final display of video Section

Setup Special Offer Section

  • We must install and activate the Special Offer section. TC Traveler Pro Posttype Plugin
  • Step 1 - Go to Dashboard >> Special Offers >> Add New
  • (a) Add New Offer name
  • (b) Add images
    • set Featured Product section
  • Step 3 - Go to Dashboard >> Appearance >> Customize >> Themes Setting >> Special Offer
    • Step4 -
  • (a) Select background image
  • (b) Add Title
  • (c) Click Publish Button
    • set about us section

    Final display of Special Offer Section

    Final display of Featured Product Section

Setup Tour Type Section

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Tour Type
  • Step 2 -
  • (a) Select background image
  • (b) add Title
    • set Testimonial section

    set Testimonial section

    Final display of Tour Type Section

    Final display of Testimonials

Setup Sponsor Section

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Sponsor
  • (a) Add Title
  • (b) Set background Image
  • (c) Click Publish
    • set Brand section

    Final display of Sponsor Section

    Final display of Brand Section

Setup Team & Events Section

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Home setting >> Team & Events Section
  • Turn on/off the Team & Events section.
    • set Team section

Setup Team Section

  • We must install and activate the Team section.TC Traveler Pro Posttype Plugin
  • Step 1 - Go to Dashboard >> Team >> Add New
  • (a) Add Team name
  • (b) Add images
    • set Featured Product section
  • Step 2 - Go to Dashboard >> Appearance >> Customize >> Home setting >> Team
  • (a) Select background image
  • (b) Add title
    • set Team section

    Final display of Team Section

    set Blog section

Setup Events Section

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Events
    • set Brand section

    Final display of Events Section

    Final display of Brand Section

Setup Hot Deals Section

  • We must install and activate the Hot Deals section. TC Traveler Pro Posttype Plugin
  • Step 1 - Go to Dashboard >> Hot Deals >> Add New
  • (a) Enter Post name
  • (b) Select image
  • (c) Publish
    • set Team section
  • Step 2 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Hot Deals
    • Step 3 -
  • (a) Select background image
  • (b) Add title
    • set Team section

    Final display of Hot Deals section

    set Blog section

Setup Testimonial & Posts Section

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Home setting >> Testimonial & Posts Section
  • Enable/disable the Testimonial & Posts section.
    • set Team section

Setup Latest Post Section

  • Step 1 - Go to Dashboard >> Post >> Add New
  • (a) Enter Post name
  • (b) Select image
  • (c) Publish
    • set Team section
  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Latest Post
    • Step 2 -
  • (a) Select background image
    • set Team section

    Final display of Latest Post Section

    set Blog section

Setup Testimonial Section

  • We must install and activate the Testimonial section. TC Traveler Pro Posttype Plugin
  • Step 1 - Go to Dashboard >> Testimonial >> Add New
  • (a) Enter Testimonial name
  • (b) Select image
  • (c) Publish
    • set Team section
  • Step 2 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Testimonial
    • Step 3 -
  • (a) Select background image
    • set Team section

    Final display of Testimonial section

    set Blog section

Setup Why Choose Us Section

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Why Choose Us
  • (a) Add Title
  • (b) Set background Image
  • (c) Click Publish
    • set Brand section

    Final display of Why Choose Us Section

    Final display of Brand Section

Setup Tour Services Section

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Tour Services
  • Step 2 -
  • (a) Select background image
  • (b) add Title
    • set Testimonial section

    Final display of Tour Services Section

    Final display of Testimonials

Setup Home Contact Us Section

  • Go to >> Dashboard >> contact >> add new.
    • set Newsletter section
  • Step 2 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Home Contact Us
    • set Brand section

    Final display of Home Contact Us.

    Final display of Brand Section

Setup Blog Page Settings

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes section >> Blog Page
    • set Team section
    Step 2 -
  • (a) Select to hide and show date,comment,author,social icons for single post page.
    • set Team section

Setup Social Icon Section

  • Step 8 - Setup Social Icon Section
  • Go to Appearance >> Customizing >> Theme Settings >> Social Icons.
    • Final Step in Menu
  • Social Icon Front Preview

    • Final Step in Menu

Footer Widgets

  • Step 1 - Go to Dashboard >> Appearance >> Widgets >> Footer Section
  • Step 2. Select footer
  • (a) footer One
  • (b) footer Two
  • (c) footer Three
  • (d) footer Four
  • (ii) Click on "save" button
    • set Footer section

    Final display of Footer Section

    set Footer section

Setup Footer text

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes section >> Footer Text
    • select template

Final display of footer text.

Final display of Brand Section

Setup Contact Page

  • Go to >> Dashboard >> contact >> add new.
    • set Newsletter section
  • Insert the Contact form shortcode into the contact page.
  • Go to >> Dashboard >> pages >> contact.
    • set Newsletter section
  • Step 3 - Go to Dashboard >> Appearance >> Customize >> Themes section >> Contact
    • set Brand section

    set Brand section

    Final display of Contact Page.

    Final display of Brand Section

Inner Pages

Full Width Page

  • Step 1 - Go to Dashboard >> Page
  • Step 2 - Click Add New button
  • Step 3 - - Add Page Name
  • Step 4. select default template at right bottom of page
  • Step 5 - Click publish button
    • select Full Width Page template

    Full Width Page Inner Page

    select Full Width Page template

Page With Left Sidebar -

  • Step 1. Go to Dashboard >> Page
  • Step 2.Click Add New button
  • Step 3 - Add Page Name
  • Step 4. select Page With Left Sidebar template at right bottom of page
  • Step 5. Click publish button
    • select Page With Left Sidebar template

    Page With Left Sidebar Inner Page

    select Page With Left Sidebar template

Page With Right Sidebar -

  • Step 1. Go to Dashboard >> Page
  • Step 2.Click Add New button
  • Step 3 - Add Page Name
  • Step 4. select Page With Left Sidebar template at right bottom of page
  • Step 5. Click publish button
    • select Page With Left Sidebar template

    Page With Left Sidebar Inner Page

    select Page With Left Sidebar template

Blog

Full Width Blog -

  • Step 1. Go to Dashboard >> Page
  • Step 2. click Add New button
  • Step 3 - Add Post Name
  • Step 4. select Blog Full Width template at right bottom of page
  • Step 5. click publish button
    • select Blog Full Width template

    Blog Full Width Inner Page

    select Blog Full Width template

Blog With Left Sidebar

  • Step 1. Go to Dashboard >> Page
  • Step 2. click Add New button
  • Step 3 - Add Post Name
  • Step 4. select Blog With Left Sidebar template at right bottom of page
  • Step 5. click publish button
    • select Blog With Left Sidebar template

    Blog With Left Sidebar Inner Page

    select Blog With Left Sidebar template

Blog With Right Sidebar

  • Step 1. Go to Dashboard >> Page
  • Step 2. click Add New button
  • Step 3 - Add Post Name
  • Step 4. select Blog With Right Sidebar template at right bottom of page
  • Step 5. click publish button
    • select Blog With Right Sidebar template

    Blog With Right Sidebar Inner Page

    select Blog With Right Sidebar template

Contact Us

  • Step 1. Go to Dashboard >> Page
  • Step 2. Click Add New button
  • Step 3 - Add Contact Page Name
  • Step 4. Select Contact Page template at right bottom of page
  • Step 5. click publish button
    • select Contact Page template
  • Step 5. Go to Dashboard >> Appearance >> Customize
  • Step 6. Fill Contact us details
  • (a) Contact us Address
  • (b) Contact us Email
  • (c) Contact us Phone
  • (d) Form Title
  • (e) Form Shortcode
  • (f) Code Enter For Map

    • Contact Us Inner Page

    select Contact Page template

Shortcodes

A shortcode is a useful tool for creating content http://codex.wordpress.org/Shortcode. Shortcodes are simple to use. First and foremost, ensure that the editing mode is set to Visual.

All Shortcodes

  • Testimonial : [tc-traveler-pro-testimonials]
  • Hot Deals : [tc-traveler-pro-deals]
  • Team : [tc-traveler-pro-team]
  • Hot Offer : [tc-traveler-pro-offer]
  • Popular Tour : [tc-traveler-pro-populartour]
select Contact Page template

Popular Tour Shortcode

  • Step 1 - Go to Dashboard >> Page
  • (i) Click Add New button
  • (ii) Add Popular Tour Shortcode
  • (iii) Select Default template at right bottom of page
  • (iv) click publish button

  • Step 2 - Used Popular Tour shortcode in page
    • testimonial

    After adding shortcode Popular Tour page look

    testimonial

Spacial Offer Shortcode

  • Step 1 - Go to Dashboard >> Page
  • (i) Click Add New button
  • (ii) Add Spacial Offer Shortcode
  • (iii) Select Default template at right bottom of page
  • (iv) click publish button

  • Step 2 - Used Spacial Offer shortcode in page
    • testimonial

    After adding shortcode Family look

    brands