Travia WordPress Theme Documentation

Step 1. Theme installation

1. Go to the menu Appearance > Themes and click the Add New Theme button.
2. Click the Upload link.
3. Click the Browse button and navigate to the unzipped template package on your computer.
4. Look for a file called travia-pro.zip Click on it to select, then click OK.
5. Click the Install Now button and wait until the installation is complete.
6. Click the Activate link to change the current layout of the site to the theme your purchased.
7. Go to Appearance >> Theme Options >> Restore Default.

Congratulations, your theme have been successfully installed!

Step 2. Sample Data Installation

To make your WordPress website look like our live demo, please follow the instructions below.

1. Go to the tools Select import option and select wordpress and install then browse xml file and you'r done. See below screenshot.

   

Setup Header

Follow these instructions to setup header.

• For Header Topbar Left: Go to Appearance >> Theme Options >> Basic Setting >>Add Contact Info
• For Header Topbar Right: Go to Appearance >> Theme Options >> Basic Setting >> Add Social Icon and link.
• For Site Name/Logo: For changing site name go to Settings >> General >> Site Title OR if you want to uplaod logo for your site go to Appearance >> Theme Options >> Basic settings >> Logo. Please see the theme option tab in this documentation for more details.
• For Navigation: See the Setup Navigation tab of this documentation.
• For Slider: Go to Appearance >> Theme Options >> Homepage Slider >> Upload image, Add Title, Add Description

FontAwesome icon name for slider bottom three box.

Setup Welcome To Fly Travel Section

For setting up welcome to fly travel first section Go to >> Appearance >> Theme Options >> Sections >> Select Section 1.

Shortcode/Content for Welcome To Fly Travel First Section.

[column_content type="one_half"]<h2>Welcome To Fly Travel</h2>Praesent accumsan ac velit vitae auctor. Proin pharetra consectetur leo, nec porta magna varius nec. Sed vehicula eros neque, a venenatis est lobortis id. Aenean id lect amet odio pellentesque gravida. Nunc sollicitudin pulvinar purus sed consequat. Suspendisse potenti, Praesent non nunc ac orci facilisis auctor.</br></br>Cras metus quam, condimentum ut venenatis in, rutrum eget diam. Sed vehicula a risus quis fringilla. Nullam lobortis fermentum dignissim. Cras lobortis lorem elit, eu auctor massa dignissim non.[clear]<a href="#" class="buttonstyle1">Read More</a>[/column_content][column_content type="one_half_last"]<img src="http://localhost/alexa/travia/wp-content/themes/travia-pro/images/wel-thumb.jpg">[/column_content]

Setup Popular Sea Tours Section

For setting up home page popular sea tours section first of all you need to add some posts by using Tours Posts. Follow below instruction to add posts.

Once you added posts in the Tours Posts type after that you just have to add post shortcode in the sections content area and you'r done. (Section 2.)

Shortcode/Content for Home Page Popular Sea Tours Section

[home_sea_tours showposts="3" category="sea-tours"]

Setup Travelers Choice Awards Winner Section

For setting up Travelers Choice Awards Winner section Go to >> Appearance >> Theme Options >> Sections >> Select Section 3.

Shortcode/Content for Travelers Choice Awards Winner Section.

<div class="book-vacation"><div class="vacation-form"><h4>get our tips for your next booking vacations.</h4>We check over 200 sites so you can book your ideal hotel with best prices[clear][contact-form-7 id="108" title="Vacation Form"]</div></div><div class="choice"><h2>traveler’s choice award winner</h2>The Very Best of Travel, Chosen by Millions of Travelers[clear][choice_awards image="http://localhost/alexa/travia/wp-content/themes/travia-pro/images/choice-1.jpg" title="Attractions" subtitle="Top 25 Attractions" link="#"][choice_awards image="http://localhost/alexa/travia/wp-content/themes/travia-pro/images/choice-2.jpg" title="Exclusive Resorts" subtitle="Top 25 Resorts" link="#" last="yes"][choice_awards image="http://localhost/alexa/travia/wp-content/themes/travia-pro/images/choice-3.jpg" title="Destinations" subtitle="Top 25 Destinations" link="#"][choice_awards image="http://localhost/alexa/travia/wp-content/themes/travia-pro/images/choice-4.jpg" title="Islands" subtitle="Top 25 Islands" link="#" last="yes"][choice_awards image="http://localhost/alexa/travia/wp-content/themes/travia-pro/images/choice-5.jpg" title="Beaches" subtitle="Top 25 Beaches" link="#"][choice_awards image="http://localhost/alexa/travia/wp-content/themes/travia-pro/images/choice-6.jpg" title="Landmarks" subtitle="Top 25 Landmarks" link="#" last="yes"]</div>[clear]

Setup Let's Subscribe Section

For setting up Let's Subscribe section Go to >> Appearance >> Theme Options >> Sections >> Select Section 4.

Shortcode/Content for Let's Subscribe Section.

[contact-form-7 id="49" title="Subscribe"]

Setup We Are The Best Services Section

For setting up We Are The Best Services section Go to >> Appearance >> Theme Options >> Sections >> Select Section 5.

Shortcode/Content for We Are The Best Services Section.

[column_content type="one_fourth"][services icon="heart-o" title="Happy Clients" link="#"]Sed sit amet leo orci. Fusce tincidunt accumsan pretium. Donec fermen-tum, ex non placerat.[/services][/column_content][column_content type="one_fourth"][services icon="anchor" title="Amazing Tour" link="#"]Sed sit amet leo orci. Fusce tincidunt accumsan pretium. Donec fermen-tum, ex non placerat.[/services][/column_content][column_content type="one_fourth"][services icon="suitcase" title="Tour Packages" link="#"]Sed sit amet leo orci. Fusce tincidunt accumsan pretium. Donec fermen-tum, ex non placerat.[/services][/column_content][column_content type="one_fourth_last"][services icon="life-ring" title="Support Cases" link="#" ]Sed sit amet leo orci. Fusce tincidunt accumsan pretium. Donec fermen-tum, ex non placerat.[/services][/column_content][clear]

Setup Luxury Hotel/Best Tours/Hot Destinations Section

For setting up Luxury Hotel/Best Tours/Hot Destinations section Go to >> Appearance >> Theme Options >> Sections >> Select Section 6.

Shortcode/Content for Luxury Hotel/Best Tours/Hot Destinations Section.

[column_content type="one_third"]<h3>Luxury Hotels</h3>[luxury_hotels image="http://localhost/alexa/travia/wp-content/themes/travia-pro/images/luxury-1.jpg" rating="5" title="Bristol Hotel" price="$ 273" link="#"][luxury_hotels image="http://localhost/alexa/travia/wp-content/themes/travia-pro/images/luxury-2.jpg" rating="5" title="Malta & Gozo Hotel" price="$ 273" link="#"][luxury_hotels image="http://localhost/alexa/travia/wp-content/themes/travia-pro/images/luxury-3.jpg" rating="5" title="Traspaso De Hotel" price="$ 273" link="#"][/column_content][column_content type="one_third"]<h3>best sea tours</h3>[sea_tours image="http://localhost/alexa/travia/wp-content/themes/travia-pro/images/tours-1.jpg" price="$ 470" discount_price="$ 300" title="Monaco Amazing Sea" link="#" date="03/07/2018"][sea_tours image="http://localhost/alexa/travia/wp-content/themes/travia-pro/images/tours-2.jpg" price="$ 470" discount_price="$ 300" title="Amazing Sea Resort" link="#" date="03/07/2018"][sea_tours image="http://localhost/alexa/travia/wp-content/themes/travia-pro/images/tours-3.jpg" price="$ 470" discount_price="$ 300" title="Tropical Beach Sea" link="#" date="03/07/2018"][/column_content][column_content type="one_third_last"]<h3>Hot Destinations</h3>[hot_destination image="http://localhost/alexa/travia/wp-content/themes/travia-pro/images/desti-1.jpg" price="$ 273" title="Italy, Rome" number_of_tours="115 Tours In Cities" link="#"][hot_destination image="http://localhost/alexa/travia/wp-content/themes/travia-pro/images/desti-2.jpg" price="$ 273" title="Australia, Sydney" number_of_tours="115 Tours In Cities" link="#"][hot_destination image="http://localhost/alexa/travia/wp-content/themes/travia-pro/images/desti-3.jpg" price="$ 273" title="UAE, Dubai" number_of_tours="115 Tours In Cities" link="#"][/column_content]

Setup Counter Seventh Section

For setting up Counter Seventh section Go to >> Appearance >> Theme Options >> Sections >> Select Section 7.

Shortcode/Content for Counter Seventh Section.

[counter icon="plane" title="Customers" value="94,604"][counter icon="tree" title="Destination" value="1020"][counter icon="globe" title="Tours" value="25,465"][counter icon="car" title="Tours Types" value="15" last="yes"]

Setup Photos Our Customers Page

For setting up Gallery first of all you need to add some posts by using Photo Gallery. Follow below instruction to add gallery.

Once you added posts in the Photo Gallery Posts type after that you just have to add gallery post shortcode in the sections content area and you'r done. (Section 8.)

Shortcode/Content for Photos Our Customers Section.

[photogallery filter="false"]

Setup Meet Our Team Section

For setting up Meet Our Team section first of all you need to add some team by using our team post type please see the below screenshot.

For setting up Meet Our Team section Go to >> Appearance >> Theme Options >> Sections >> Select Section 9.

Shortcode/Content for Meet Our Team Section.

[our-team show="3"]

Setup What Our Client Says Section

For setting up What Our Client Says testimonials section first of all you need to add some testimonials by using testimonials post type please see the below screenshot.

After adding post to What Our Client Says Testimonials go to Appearance >> Theme Options >> Sections >> Section 10.

What Our Client Says Testimonials Section Shortcode/Content:

[testimonials]

Setup Latest News Section

For setting up latest news section first of all you need to add some posts by using Posts. Follow below instruction to add posts.

Once you added posts in the Latest News Posts type after that you just have to add post shortcode in the sections content area and you'r done. (Section 11.)

Shortcode/Content for Latest News Section

[latest-news showposts="3" comment="show" date="show" author="show"]

Setup Get In Touch Section

For setting up Get In Touch section Go to >> Appearance >> Theme Options >> Sections >> Select Section 12.

Shortcode/Content for Get In Touch Section.

<div class="get-in-contact">[contact-form-7 id="100" title="Get In Touch"]</div><div class="get-info"><h4>About Us</h4>Cras metus quam, condimentum ut venen rutrum eget diam. Sed vehicula at r quis fringilla. Nullam lobortis fermentum dignissim. dunt.</br></br><h4>Contact Info</h4><ul><li><i class="fa fa-mobile"></i><span>Phone:</span> +010 123 456 7890</li><li><i class="fa fa-envelope-o"></i> <span>Email:</span> <a href="mailto:info@sitename.com">info@sitename.com</a></li><li><i class="fa fa-map-marker"></i> <span>Address:</span> Cras metus quam, condimentum </li></ul>[social_area][social icon="facebook" link="#"][social icon="google-plus" link="#"][social icon="twitter" link="#"][social icon="instagram" link="#"][social icon="youtube" link="#"][social icon="pinterest-p" link="#"][social icon="linkedin" link="#"][social icon="rss" link="#"][/social_area]</div>[clear]

Setup Google Map Section

For setting up Google Map section Go to >> Appearance >> Theme Options >> Sections >> Select Section 13.

Shortcode/Content for Google Map Section.

<iframe src="https://www.google.com/maps/embed?pb" width="100%" height="550" frameborder="0" style="border:0" allowfullscreen></iframe>

Setup Footer

Go to Appearance >> Theme Options >> Footer.

• For footer column 1: Go to Appearance >> Theme Options >> Footer.
• For footer column 2: Go to Appearance >> Menu >> Create Menu >> Select Menu Location >> Add Menu.
• For footer column 3: Go to Appearance >> Theme Options >> Footer.
• For footer column 4: Go to Appearance >> Theme Options >> Footer
• For footer copyright text: Go to Appearance >> Theme Options >> Footer >> Footer Copyright
• For footer design by text: Go to Appearance >> Theme Options >> Footer >> Footer Design by

Shortcode for Social Icon.

[social_area][social icon="facebook" link="#"][social icon="google-plus" link="#"][social icon="twitter" link="#"][social icon="instagram" link="#"][social icon="linkedin" link="#"][/social_area]

Adding category

Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel

1. Log into your WordPress Administration Panel (Dashboard).
2. Click the Posts tab.
3. With that done, click Categories for blog posts.
4. Type in the name of your new category.
5. After that, click the Add New Category button.

Click the Publish button.

Creating a Blog post

1. Log into your WordPress Administration Panel (Dashboard).
2. Click the Posts tab.
3. Click the Add New tab.
4. Type in your post content. For more information on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel.

Testimonial

[testimonials]

Elements

One half

[column_content type="one_half"]Column 1 Content goes here...[/column_content]
[column_content type="one_half_last"]Column 1 Content goes here...[/column_content]

Tabs

[tabs]
[tab title="TAB TITLE 1"]Tab Content goes here...[/tab]
[/tabs]

Toggle content

[toggle_content title="Toggle Title 1"]Toggle Content goes here...[/toggle_content]

Accordion Content

[accordion]
[accordion_content title="ACCORDION TITLE 1"]Accordion Content goes here...[/accordion_content]
[/accordion]

Gradient Button

[gradient_button size="small" bg_color="#000000" color="#ffffff" text="text here"  title="title here" url="#" position="left"]

Simple Button

[simple_button size="small" bg_color="#000000" color="#ffffff" text="text here"  title="title here" url="#" position="left"]

Round Button

[round_button style="light" text="text here"  title="title here" url="#" position="left"]

Horizontal rule

[hr] 

Succes Message Box

[message type="success"]This is a sample of the 'success' style message box shortcode. To use this style use the following shortcode[/message]

Search

[searchform]

List Style

[unordered_list style="list-1"]<li>List style 1</li>[/unordered_list]

Basic Settings

Sections

Slider Settings

Footer

Shortcode

Plugin Installation

Plugin Use