Thank you for choosing Travel Muni Pro WordPress theme!

This documentation covers the installation and the usage of the theme.

The main goal of the documentation is to provide guidance and walk-through to set up the theme on your website in an easy-to-follow manner, while also introducing you to some of the features of the theme. We encourage you to go through this document and keep it handy for reference.

If you have any questions about the theme or need assistance with anything related to the theme, please feel free open a support ticket. Our support team will be happy to assist you.

In this documentation, first, we’ll make sure that everything is ready for the installation, then we’ll set up the theme, and cover some initial configuration and customization options.

How to use this Documentation? #

We recommend everyone to go through each step of the documentation to have a better understanding of the theme and its features.

However, if you are looking for a specific section, you can easily navigate using our table of contents on the left-hand side of the screen.

If you want to find a specific keyword, hit “Ctrl+F” on your browser to start searching.

Requirements for Getting Started #

Make sure Travel Muni Pro is compatible with your WordPress version.

Travel Muni Pro will work with 4.5 and above versions of WordPress.

However, for the best experience, added features, and updated security patches, we recommend you to update your WordPress to the latest version.

If you haven’t downloaded WordPress already, you can download it from the WordPress repository via https://wordpress.org/download/.

Checklist for Getting Started: #

• Check WordPress Version and Update it
• Install and Activate Travel Muni Pro theme
• Install Necessary Plugins. Some functionality of the theme might not work if you do not install the recommended plugins.

Recommended Image Size (in px) #

Demo Import (Instantly Make Website Like Demo) #

You can easily make your website exactly like the live preview (demo) of the Travel Muni Pro theme by importing the demo content. Importing demo content is a great way of getting started with your website. You can get a guideline on how to set up this theme if you import the demo content.

To import the demo with a click, you need to install One Click Demo Import plugin and follow the below steps:

• Go to Appearance > Import Demo Data
• Click on the Import Demo Data button.

How to Check and Update WordPress Version: #

Go to Dashboard >Updates.

Please update your WordPress version, if there is an update available.

Theme Installation & Activation #

After you have the latest version of WordPress, save the downloaded Travel Muni Pro theme somewhere handy on your computer, as you will be using the included files for the rest of the installation process.

The Travel Muni Pro theme file includes:

A WordPress Theme Files (in .zip format)— This (travel-booking-pro.zip) is a compressed WordPress theme file containing all of the required templates, images, and icons required for the theme to function properly.

Note for Safari users (macOS): If you are using Safari to download the theme file, the file may unzip automatically. So, make sure your theme file is in .zip format. Here’s how to stop Safari from automatically unzipping your .zip file.

To install and activate the theme follow these steps or the above gif:

• Go to Appearance > Themes.
• Click on Add New button

Click on Upload Theme.

Click on “Choose File…”, select the “travel-booking-pro.zip” file from your computer and click Open.

After the theme is installed, click on “Activate” to use the theme on your website.

Installing Recommended Plugins #

You must install and activate the following plugins to get the best out of the Travel Muni Pro theme.

WP Travel Engine by WpTravelEngine: This plugin helps you create and add travel trips, destinations, itinerary, and other trips details. This plugin extends the functionality of your travel website.

Contact Form 7 by Takayuki Miyoshi: Contact Form 7 helps you add and manage multiple contact forms.

Regenerate Thumbnails by Alex Mills (Viper007Bond): If you have existing content, this will help you update your image thumbnails sizes. To update the thumbnails, you must run this plugin.

How to Install Recommended Plugin: #

Go to Appearance> Install Plugins

Click “Install” to install the plugins.

Click “Activate” to activate the plugins

Setting up the Front/Landing/Home Page and Blog Page #

To get started with customizing the theme, you first need to set up a front page. If you want to make your website look like the demo, you should select FrontPage as Static Page.

Configure the Home Page and Blog Page #

• Go to Appearance > Customize > Homepage Settings
• Select A Static page under Your homepage displays.
• If you are using this theme in a fresh WordPress installation, go to the next point. If you are using this theme in an old WordPress, choose the page you want to set homepage as Frontpage and choose the page you want to set as a blog page as Posts Page.
• Click on Publish.

Logo and Header Settings #

You can add your logo, tagline, phone number, search form, and social media icons on the top of your website here.

Site Identity (Add Logo/Name and Tagline on your website) #

You can change the name and logo of your website here.

• Go to Appearance > Customize > Logo & Header Settings> Site Identity
• Click Select Logo and upload your logo.
• Enter Site Title and Tagline.
• Check Display Site Title and Tagline.
• Click Select Image and upload Image for Site Icon (favicon).
• Click on Publish.

Appearance Settings #

Color Scheme #

Please follow the below steps to configure the color scheme of your website.

• Go to Customize > Appearance > Appearance Settings > Color Scheme
• Select the Primary Color,  Background Color & Secondary Color.
• Click on Publish

Background Settings #

Please follow the below steps to configure Background settings of your website.

• Go to Appearance > Customize > Appearance Settings > Background Settings
• Click on Image & upload the background image of your choice. You can also select from the predefined patterns as background on your website.
• Click on Publish

Layout Settings #

Header Layout: #

• Go to Appearance > Customize > Layout settings> Header layout
• Select a header for your website
• Click Publish.

General Sidebar layout : #

• Go to Appearance > Customize >Layout Settings> General Sidebar Layout
• Select the Sidebar option for Page, Post, Blog, and default.
• Click Publish.

Pagination Type #

Please follow the below steps to change the pagination type of your website.

• Go to Appearance > Customize > Layout Settings > Pagination Settings
• Select the Pagination of your choice
• Click on Publish

Typography Settings #

You can change the fonts of your contents and Heading tags here.

• Go to Appearance> Customize> Typography Settings
• Select the content type to change its typography

• Configure Font Family, Style, Size, and Color (Using Color pallet).
• Click on Publish

Front Page Settings #

You can manage and edit homepage sections here. You must be on Home Page to customize the sections.

Also, make sure you have set the home page as static front page– if not please refer to Setting Up the Front Page section of this documentation.

Banner Section #

You can attract your visitors using the banner section. You can add image, video, or slider in the banner section. If you choose to add image or video, you can add a search form on the top of image or video.

Static/Video CTA Banner #

• Go to Appearance> Customize> Front Page Settings> Banner Section
• Choose “Static/Video CTA Banner” in Banner Options
• Upload and select a video. You can also enter a youtube link. If you have the video link or the video, the image will not be displayed.
• If you want to put an image in the banner, click on “Add new image” to add images to the banner section
• Select the image you want to display on the banner section. You can also randomize added images. When you click on “Randomize uploaded headers” button, the uploaded banner images will be displayed randomly every time your website is loaded. Make sure you don’t have video select if you want to show an image.
• Enter the title and subtitle for the banner.
• Enter the Banner Label and Banner Link for the banner.
• Select the Slider Caption Position.
• Click on Publish

Banner as a Slider #

• Go to Appearance> Customize> Front Page Settings> Banner Section
• Choose “Banner as Slider” in Banner Options

Slider using Latest Posts #

• Select Slider Content Style as Latest Posts
• Select the number of Slides you want to display
• Enable Slider Auto to make slides transition automatically without clicking (Blue is enabled).
• Enable Slider Loop to allow the slider to repeat selected posts automatically.
• Enable Slider Caption to show the post title to appear on the slider post image.
• Select Slider Caption Position.
• Enable Full Image To display full image in slider.
• Choose Slider Animation type.
• Select Slider Speed.
• Enter the label for Slider Read More.
• Click on Publish

Creating Slider using Category

• Choose Slider Content Style to Category
• Choose the Slider Category.
  • The featured Image of the posts under the selected category will appear as Slide Images.
  • Post Title of the post under the selected category will appear as Slide Title.
  • Post Excerpt will appear on the Slider as slide Content. The first few sentences of the post content will appear as slide content if the Post excerpt is not entered.
• Enable Slider Auto to make slides transition automatically without clicking (Blue is enabled).
• Enable Slider Loop to allow the slider to repeat selected posts automatically.
• Enable Slider Caption to show the post title to appear on the slider post image.
• Select Slider Caption Position.
• Select Slider Animation from the drop-down.
• Select Slider Speed.
• Enter the Readmore Button Label
• Click on Publish.

Slider as Pages #

• Select Slider Content Style as Pages
• Click on Add New Pages & Select Pages to be displayed in the slider section
• Enable Slider Auto to make slides transition automatically without clicking (Blue is enabled).
• Enable Slider Loop to allow the slider to repeat selected posts automatically.
• Enable Slider Caption to show the post title to appear on the slider post image.
• Select Slider Caption Position.
• Enable Full Image to display Full-size of the image.
• Select Slider Animation from the drop-down
• Select Slider Speed.
• Enter the Readmore Button Label
• Click on Publish.

Creating Slider using Custom slides #

• Choose Slider Content Style to Custom.
• Click on Add new slide.
• Click Add Image to upload an Image.
• Enter Title, Description and Link for the Slide.
• Click Add new Slide to add new slides. Click on Slide No. (1,2,3…) to modify the slides
• Enable Slider Auto to make slides transition automatically without clicking (Blue is enabled).
• Enable Slider Loop to allow the slider to repeat selected posts automatically.
• Enable Slider Caption to show the post title to appear on the slider post image.
• Select Slider Caption Position.
• Choose Slider Animation type.
• Enable Full Image To display the full size of the image.
• Select Slider Animation from the drop-down.
• Select Slider Speed.
• Enter the Readmore Button Label
• Click on Publish.

Search Section #

Note: Make sure you have installed and activated the WP Travel Engine – Trip Search plugin for this section to work properly.

• Go to Appearance> Customize> Front Page Settings> Search Section
• Enable Search Bar to show and allow trip search from the homepage search bar.
• Click Publish.

Info Section:  #

• Go to Appearance > Customize > Front Page Settings> Info Section
• Click on Add a Widget and add the Text Widget
• Enter the title and description.
• Click on Publish.

Destination Section #

• Go to Appearance> Customize> Front Page Settings> Destination Section
• Enter the Section Title.
• Enter Section Description.
• Select Top Destinations.
• Enter the Top Destination Label.
• Enter the Label in Destination View More Label field.
• Enter the link in the Destination View More Link field.
• Click Publish.

Testimonial Section #

• Go to Appearance> Customize> Front Page Settings> Testimonial Section
• Enter the Section Title.
• Select the reviews from the review drop-down menu.
• Enter the Label in Read More Label field.
• Enter the link in the Testimonial Button URL field.
• Click Publish.