WP Travelify Theme Installation

1. Installation

1.1 Through Dashboard (Easy)

  1. Log in to the WordPress Dashboard.
  2. Go to Appearance->Themes.
  3. Click on Install Themes at the top.
  4. Click on Upload tab
  5. Upload travelify.zip file via web interface

Note! AutomatedĀ installation via WordPress.orgĀ comingĀ soon.

1.2 Manual Installation using FTP (Advanced)

  • Go to Travelify page at https://colorlib.com/wp/travelifyĀ .
  • Click on Download button to download theme on your desktop.
  • Unzip travelify.zip to your Desktop.
  • Access your host web server using your favorite FTP client (such asĀ Cyberduck or FileZilla etc).
  • Navigate to /wp-content/themes/ and Ā upload Ā entire travelify folder.
  • Now open WP admin dashboard and go to Appearance->Themes and activate Travelify theme from there.

2. Custom Menu

travelify menuTravelify supports WordPress Custom Menus. Here is how to use them:

  • In WordPress dashboard go to Appearance->Menus.
  • Give your Custom Menu a name and build it up using little widgets on the left.
  • You can add pages, categories or custom URLā€™s.
  • You can drag and drop menu items toĀ arrangeĀ  them.
  • Now simply select the theme location(Primary Menu) in the upper left corner and choose your newly created custom menu. Afterwards, click Save.

For more informationĀ seeĀ Custom Menus Help.

3. Custom Background

Travelify theme supports WordPress Custom Backgrounds feature.

  • In WordPress dashboard go toĀ Appearance->Background.
  • You can either set theĀ image or colorĀ as background.
  • You can see the background preview on the same setting page.
  • Click Save Changes when you areĀ satisfiedĀ with what you see.
  • You can always reset theme default background via WP Customize options.

4.Default Layout Configuration

travelify layoutThere are different layouts for Travelify theme and you can set any layout to be your default layout. This theme has severalĀ layoutĀ options:Ā No Sidebar, No Sidebar/Full Width, No Sidebar/One Column, Left Sidebar, Right Sidebar.Ā By default theme uses Right Sidebar. To change default Theme Layout follow these instructions:

  • Go toĀ Appearance->Theme Options->Main Options->Layout Options.
  • Choose on of the 5 defaultĀ layouts.
  • Click on Save all Changes.

5.Ā Specific Layout Per Post/Page

travelify post layoutTravelify theme allows you to choose the specific layout for every post and page display. This will override default theme layout you set on step 5.

  • Open anyĀ Post or Page.
  • You will see a box named ā€œSelect layout for this specific Post onlyā€ at the bottom of the post editor page.
  • This feature might be disabled but you can always enable it viaĀ Screen Options.
  • If your select Default Layout set inĀ Theme SettingsĀ , the layout set in the Theme Options Layout Configuration will be layout for this post as well.
  • Select layout you want to use for this post or page and hit Update to save changes.

6. Set up Homepage Featured Slider

featured-slider

  • Create Post or Page and add featured image to it.
  • Go to Theme Options->Featured Slider
  • Choose how many slides you want to display on front page.
  • Add all the Post ID that you want to use in the featured slider. Post ID can be found at All Posts table in last column
  • Choose transition style and other settings at ā€œSlider Optionsā€
  • Featured Slider will show featured images, Title and excerpt of the respected added post IDs.
  • The recommended image size isĀ 1018px x 460px.

7. Custom CSS

custom-cssTheme allows to use Custom CSS. This feature willĀ overwrite the themeā€™s default style.css.

  • In theĀ WordPressĀ dashboard go toĀ Appearance->Theme Options->Main Options->Custom CSS(Advanced).
  • Add your own CSS and save it usingĀ Save All Changes button.

8. How to Disable Page Comments

disable comments

  • OpenĀ particularĀ page on which you want to turn off comments via WP dashboard.
  • Look for theĀ Discussion boxĀ below the post editor box.
  • It might be disabled but you can enable it via Screen Options.Ā 
  • UncheckĀ Allow CommentsĀ in theĀ Discussion boxĀ and hit Update.

9. Recommended Image Sizes

9.1 Featured image size

  • Width: 1018px
  • Height:Ā 460px

9.2 Blog Image Large featured images

  • Width: 670px
  • Height: 300px

9.3 Blog Image Medium featured images

  • Width:Ā 230px
  • Height:Ā 230px

10.How to set up Blog Page

page-attributes You can show your Blog page in three different ways:

  • Large image with excerpt content
  • Medium image with excerpt content
  • Full content display.

You can have a look forĀ examplesĀ on Travelify Blog demo Steps to setup blog page:

  • Create a new page, give it a name (for example ā€œBlogā€ but you can use any name) and select Blog page template from Template dropdown.
  • Choose between three options: Blog Full Content Display, Blog Image Large, Blog Image Medium.
  • Click Publish.
  • Now all your posts will be shown as per your template selection.

If you want to use this newly created Blog using Blog Template to be used on front page you need to do these extra steps:

  • Go to WordPress Dashboard ā€“ Settings ā€“ Reading
  • Select ā€œA static page (select below)ā€
  • Choose your previously created blog page for ā€œFront pageā€
  • Now save changes and you will see your chosen Blog Template for Blog in homepage

Note: images for each of the post shown in Blog Layout are featured image for that particular post.

11. Translation

Travelify theme is translation ready which means that you can add a new language with ease. No coding skills are required, just plain text input based on existing English queries. More information on WordPress theme translation you can read here.

12. Social Icons

Social icons in the header like you can see in Travelify Demo can be enabled via WordPress dashboard ā€“ Apperance ā€“ Theme Options ā€“ Social. Add full URL to your profile to make icons visible in your websiteā€™s header. Only icons that have valid URLs added will be displayed.
Travelify social icons

13. Change color scheme

Since Travelify 2.0 it is available in 16 million color variations. There are 15 color pickers included to change color of various design elements such as navigation, social icons, buttons, text color and other. These settings and color pickers are based on Theme Customization API and can be accessed via WordPress dashboard ā€“ Appearance ā€“ Customize.

Travelify color scheme

Customize Travelify Color Scheme using Theme Customization API

14.Footer copyright information

Footer default copyright information is hard coded and canā€™t be changed. It will change date and title automatically, so you shouldnā€™t worry about that.
However, there is another option to customize footer information. Since Travelify 2.0 we have created a custom field to add custom copyright or any other information in footer. This field can be found via WordPress dashboard ā€“ Appearance ā€“ Customize ā€“ Travelify Footer.
Travelify copyright information

This field can handle HTML markup, so you can even add images, icons, formated text or whatever you can come up with