Transcript
Page 1: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

Documentation:Travel Company Pro WordPress Theme Install Travel Company Pro WordPress Theme within a few minutes.

Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization, modern and creative template. Its perfect for Travel & Tour, Business, Corporate, Agency, Studio, Startup or any other Business websites. Travel Company comes with Quality Design & Standard Coding via HTML5 and CSS3.Travel Company includes Multi Page Layout. This WordPress Theme has commented code for each section, included in the main file, so that you can easily adapt and suit for your needs.  

Required plugins:- 1. Travel Company Helper (https://wordpress.org/plugins/travel-company-helper/) 2. WP Travel Engine(https://wordpress.org/plugins/wp-travel-engine/) 3. Contact Form 7(https://wordpress.org/plugins/contact-form-7/) 4. One Click Demo Import (https://wordpress.org/plugins/one-click-demo-import/)

 

Travel Company Pro documentation: How to start?

This documentation will show you step by step how to complete the basic configuration of Travel Company Pro.It is important that you follow these steps carefully because some steps build up on each other and that will help you a great deal to set up your website properly:

1. How to set up a static front page in WordPress? 2. How to upload, install and activate Travel Company Pro? 3. What is page and how to create it? 4. What is category and how to create it? 5. How to create menus? 6. How & where to place widgets on your website? 7. How to create posts? 8. How to add logo and site title/tagline? 9. How to adjust options & layout? 10. How to add google map in contact section?

1 – How to set up a static front page in WordPress? In order to create a Travel Company Pro like front page like shown in the theme demos for Travel Company Pro,

● First to create new page named Home(or else) . ● Select Homepage template for your just newly created page under Page Attributes on the right side. ● Finally, publish this page.

Page 2: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

● Second, go to Settings => Reading in your WordPress dashboard. ● Select A static page and select your just created new page Home as Front page.

Note:- Don’t forget to save your changes

2 – How to upload, install and activate Travel Company Pro? From WordPress Dashboard

● Login to Wordpress admin panel ● Go to > Appearance > Themes ● Click in add New >Upload travel-company-pro.zip file > Install Now ● Activate the theme

After installing the theme, now you can customize your website as per your preference. 3 –What is page and how to create it? Pages are static and are not listed by date. Pages do not use tags or categories. An about page is the classic example. Pages can be displayed in the sidebar using the Pages widget, and some themes display pages in the navigation at the top of the site. -To create page

● Go to dashboard ● Click in Pages > Add New > Follow instructions as below

Page 3: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

● After adding all content, you can publish your page and create necessary pages by same method.

4 – What is category and how to create it? Categories provide a helpful way to group related posts together, and to quickly tell readers what a post is about. Categories also make it easier for people to find your content. Categories are similar to, put broader than,tags. How to create categories

● Go to dashboard ● Click in Posts > Categories

● You can put your own slug too, most of the time it is left blank which means name of the category itself will be its slug. ● [ For eg. yoursite.com/category/category_name] ● You can put description if you want. ● Now after adding category, your category will appear in right side of the post page. ● You can add more categories in same manner.

5 – How to create menus? This theme comes with three menu locations. Primary, Footer one(Company) and Footer two(Reservation) menu.

Page 4: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

You can create menus in two ways.

● Appearance=>Customize=>Menus=>Create New Menu ● Appearance => Menus(We RECOMMENDED this Option for creating menus.)

● Create New Menu [You need to create only one menu] ● Give name of the menu[For eg. Primary Menu] > Create Menu

Page 5: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

6 - How & where to place widgets on your website? In this important step, we will show you where and how to place widgets. You can place widgets either through two ways:-

● Appearance => Widgets ● Appearance => Customize => Widgets

Note:- Widgets can be placed simply via drag and drop, so just pull your favored widget to the widget area you like. Our registered widgets:-

Here you can see the Available widgets areas of Travel Company Pro WordPress Theme.

Page 6: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

7 - How to create posts? Now after all set, you can start writing your post. Follow these steps

● Go to dashboard > Posts > Add New

● Finally, click in publish Button. You can preview your post before actually publish it just make sure everything is ok. If you have not completed writing your post then you can save it as draft.

8- How to add logo and site title/tagline? With Travel Company,you may customize your logo and site title/tagline in many different ways. To upload a logo and display/hide the site title and tagline, you can navigate to Appearance => Customize => General Settings => Site Identity and apply your changes based on your personal requirements.

9- How to adjust options & layout? After you have carefully followed the previous steps, you have successfully completed the basic configuration of the theme. You can now further customize and manage the appearance of your website via the extensive options panel of Travel Company. Please navigate to Appearance => Customize in your WordPress Dashboard to see the Frontpage Ordering, General Settings, Header Settings, Banner Settings, Blog Settings, Frontpage Settings, Footer Settings, Page Settings panel within the WordPress customizer.

Page 7: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

9.1 - Frontpage Ordering To reordering section just by drag and drop customizer section. Follow these steps:-

● Go to Dashboard ,Appearance => Customize => Frontpage Ordering

● Drag or Drop the section element to reorder.

9.2 - General Settings In General Settings, we have following sections:-

Page 8: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

To Setting this options, follow these steps:- ● Go to Dashboard, Appearance => Customize => General Settings ● Open each section and start to set content and filled up fields as per your requirement.

9.2.1 Site Identity Go to 8- How to add logo and site title/tagline? 9.2.2 Colors This theme gives you only two color options.

● Primary Theme Color ● Secondary Theme Color ● Call to action Background Color Red Value ● Call to action Background Color Green Value ● Call to action Background Color Blue Value ● Header Text Color ● Background Color

To setting colors of theme, Go to Dashboard

● Appearance => Customize => General Settings => Colors

9.2.3 Background Image To Setting background image of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => General Settings => Background Image

● Finally, click on publish button.

Page 9: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

9.2.4 - Select Font for Theme This themes give you unlimited Google font(more than 600+). To setting Font of theme, Go to Dashboard

● Appearance => Customize => General Settings => Select Font For Theme

● Finally, click on publish button.

9.3 - Header Settings In Header Settings, we have following sections:-

To Setting this options, follow these steps:-

● Go to Dashboard, Appearance => Customize => Header Settings ● Open each section and start to set content and filled up fields as per your requirement.

9.3.1 - Choose the Header options To choose the header options of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Header Settings => Choose the Header options

Page 10: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

● Finally, click on publish button

9.3.2 - Top Header Section To Setting Top Header items of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Header Settings => Top Header Section

● Finally, click on publish button.

9.3.3 - Middle Header Section To Setting Middle Header items of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Header Settings => Middle Header Section

● Finally, click on publish button.

Page 11: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

9.3.4 - Header Layout 2 Settings To Setting Header Layout 2 of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Header Settings => Header Layout 2 Settings

● Finally, click on publish button.

9.3.5 - Header Layout 3 Settings To Setting Header Layout 3 of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Header Settings => Header Layout 3 Settings

● Finally, click on publish button.

9.4 - Banner Settings In Banner Settings, we have following sections:-

Page 12: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

To Setting this options, follow these steps:- ● Go to Dashboard, Appearance => Customize => Banner Settings. Open each section and start to set content and filled

up fields as per your requirement. 9.4.1 - Choose the Banner Options To Choose the Banner options of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Banner Settings => Choose the Banner options

● Demo for Banner only(https://demo.scorpionthemes.com/travel-pro) ● Demo for Banner having Slider(https://demo.scorpionthemes.com/travel-pro/home-1/) ● Demo for Banner Having Vedio(https://demo.scorpionthemes.com/travel-pro/home-page-2/) ● Finally, click on the publish button.

9.4.2 - Banner Image To Setting Banner Image of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Banner Settings => Banner Image

● Finally, click on publish button.

Page 13: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

9.4.3 - Slider Banner To Setting Slider of Banner of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Banner Settings => Slider Banner

● Finally, Click on the publish button.

9.4.4 - Video Banner To Setting Slider of Banner of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Banner Settings => Video Banner

● Finally, click on the publish button.

Page 14: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

9.5 - Blog Settings In Blog Settings, we have following sections:-

To Setting this options, follow these steps:-

● Go to Dashboard, Appearance => Customize => Blog Settings. Open each section and start to set content and filled up fields as per your requirement.

9.5.1 - Blog Archive To Choose the Blog Archive options of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Blog Settings => Blog Archive

● Demo for Blog Classic(https://demo.scorpionthemes.com/travel-pro/blog-classic/) ● Demo for Blog Classic Sidebar(https://demo.scorpionthemes.com/travel-pro/blog-classic-sidebar/) ● Demo for Blog Grid(https://demo.scorpionthemes.com/travel-pro/blog-grid/) ● Demo for Blog Grid Sidebar(https://demo.scorpionthemes.com/travel-pro/blog-grid-sidebar/) ● Finally, click on the publish button.

9.5.2 - Blog Single To Choose the Blog Single options of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Blog Settings => Blog Single

● Finally, click on the publish button.

Page 15: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

9.6 - Frontpage Settings In Frontpage Settings, we have following sections:-

To Setting this options, follow these steps:-

● Go to Dashboard, Appearance => Customize => Frontpage Settings ● Open each section and start to set content and filled up fields as per your requirement.

Page 16: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

9.6.1 Homepage/Frontpage Layout Settings To Setting Homepage/Frontpage Layout of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Frontpage Settings => Homepage/Frontpage Layout Settings

● Demo for Normal Homepage(https://demo.scorpionthemes.com/travel-pro/) ● Demo for Animated Homepagehttps://demo.scorpionthemes.com/travel-pro/home-3/) ● Finally, click on the publish button.

9.6.2 About Section To Setting Frontpage About section of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Frontpage Settings => About Section

Page 17: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

● Finally, click on publish button. 9.6.3 Popular Destination Section To Setting Frontpage Popular Destination Section of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Frontpage Settings => Popular Destination Section

● Finally, click on publish button.

9.6.4 Popular Trips Section To Setting Frontpage Popular trips Section of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Frontpage Settings => Popular trips Section

● Finally, click on publish button.

9.6.5 Top Destination Section To Setting Frontpage Top Destination Section of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Frontpage Settings => Top Destination Section

Page 18: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

● Finally, click on publish button.

9.6.6 Call to Action Section To Setting Frontpage Call to Action Section of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Frontpage Settings => Call to Action Section

● Finally, click on publish button.

9.6.7 Testimonials Section To Setting Frontpage Testimonials Section of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Frontpage Settings => Testimonials Section

Page 19: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

● Finally, click on publish button.

9.6.8 Service Section To Setting Frontpage Service Section of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Frontpage Settings => Service Section

● Finally, click on publish button.

9.6.9 Blog Section To Setting Frontpage Blog Section of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Frontpage Settings => Blog Section

● Finally, click on publish button.

9.6.10 Clients Section To Setting Frontpage Clients Section of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Frontpage Settings => Clients Section

Page 20: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

● Finally, click on publish button.

9.7 Footer Settings In Footer Settings, we have following sections:-

To Setting this options, follow these steps:-

● Go to Dashboard, Appearance => Customize => Footer Settings ● Open each section and start to set content and filled up fields as per your requirement.

9.7.1 - Bottom Footer Social Links Section To Setting Footer bottom social links items of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Footer Settings => Bottom Footer Social Links Section

● Finally, click on publish button.

Page 21: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

9.8 Page Settings In Page Settings, we have following sections:-

To Setting this options, follow these steps:-

● Go to Dashboard, Appearance => Customize => Page Settings ● Open each section and start to set content and filled up fields as per your requirement.

9.8.1 - About Page To Setting About Page items of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Page Settings => About Page

● Finally, click on publish button.

Page 22: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

9.8.2 - Contact Page To Setting Contact Page items of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Page Settings => Contact Page

● Finally, click on publish button.

9.8.3 - Faq Page Section To Setting Faq Page items of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Page Settings => Faq Page Section

● Finally, click on publish button.

Page 23: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

9.8.4 - Service Page Section To Setting Service Page items of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Page Settings => Service Page Section

● Finally, click on publish button.

9.8.5 - Team Page Section To Setting Team Page items of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Page Settings => Team Page Section

● Finally, click on publish button.

9.8.6 - Trip Listing Page Section To Setting Trip Listing Page items of theme. Follow these steps:-

● Go to Dashboard , Appearance => Customize => Page Settings => Trip Listing Page Section

● Demo for Trip 3 Column(https://demo.scorpionthemes.com/travel-pro/trip-3-column/) ● Demo for Trip 4 Column(https://demo.scorpionthemes.com/travel-pro/trip-4-column/) ● Finally, click on publish button.

10- How to add google map in contact section? To add google map in contact section, Follow these steps:-

I. Go to https://www.google.com/maps. II. Type address on search bar

Page 24: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

III. Click on SHARE button.

IV. Copy html on click Copy HTML.

V. Go to Dashboard, Appearance => Widgets. VI. Drag and drop Custom HTML Widget in Google map widgets area.

Page 25: Documentation:Travel Company Pro WordPress Theme€¦ · Travel Company Pro is a Travel and tour WordPress Theme It’s fully responsive with bootstrap framework, easy to customization,

VII. After that, paste copied html of step IV. in content field of Custom HTML widget