# Tentered

## Multi Purpose WordPress Theme

A set-up guide and general information to help you get the most out of your new theme.

- Updated: 22 March, 2017
- By: imithemes
- Support: support.imithemes.com
- Email: envato@imithemes.com

Thank you for purchasing 'Tentered - Multi Purpose WordPress Theme'. This document covers the installation, set up, and use of this theme and provides answers and solutions to common problems and issues - we encourage you to read this document thoroughly if you are experiencing any difficulties. If you have any questions that are beyond the scope of this document, feel free to post them in the dedicated Support Forum. Thanks so much!

Tentered is a full functional powerful WordPress Theme designed & developed for Business, Corporate and Portfolio Websites. It is fully responsive wordpress theme based on Twitter Bootstrap 3.x framework that makes it available for all screen sizes from the bigger ones to smartphones. Its not only responsive whereas it is retina ready also, now no blurry images on your HiDPI and retina devices.

## How to use Tentered Theme?

Tentered is very easy to update and modify, it will adapt your website and brand in no time. Steps for modification and updating are described step by step in this exclusive documentation.

## Installation

> Tip: Before uploading the theme make sure you unzip the theme package downloadeded(All files & Documentation) from ThemeForest and inside of the unzipped folder upload the zip called "tentered.zip"

#### To install this theme you must have a latest version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex – http://codex.wordpress.org/Installing_WordPress

Installation

When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:

FTP Upload: Using your FTP program, upload the non-zipped theme folder into the /wp-content/themes/ folder on your server.

WordPress Upload: Navigate to Appearance > Add New Theme > Upload. Go to browse, and select the zipped theme folder. Hit “Install Now” and the theme will be uploaded and installed.

Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and activate your chosen theme.

## Plugins Installation

> Tip: These plugins are freely available on Wordpress plugins directory

#### For multiple sidebars, meta fields, theme framework, Twitter feeds, Contact Forms, Shop we are using few free plugins.

#### Premium plugins included: Slider Revolution and Visual Composer

Enable the Redux Framework plugin before doing anything with the theme. As per the new WordPress standards Theme's framework are now added as separate plugin. Once you install and activate the framework plugin, make sure you activate the theme options:

Plugins that must be installed and activated before the demo import are: Pojo Sidebars, Simple Twitter Tweets, WooCommerce - excelling eCommerce, Breadcrumb NavXT, Contact Form 7, Tentered Core, Revolution Slider, Redux Framework, imic Shortcodes, Visual Composer, Meta Box

#### For all post types including Team, Services, Projects and Testimonials we are using our custom made plugin "Tentered Core" plugin which needs to be installed to use all the theme features and post types

Installation

As soon as you activate the Tentered Theme it will show up a message at top for the recommended plugins. Just go to Install Plugins page straight from the message box and follow up the screen instructions for further process. Please note you need to activate the plugins after the installation to get them to work for you.

If you have missed the recommended plugins message or have dismissed the alert box by mistake then these plugins can be installed from Appearance > Install Plugins

## Installing the Demo Content

> Tip: This is optional step but highly recommended. This will make your website look like the demo you see while purchasing this theme. You should activate all the recommended plugins before importing the content file.

This theme comes with a "One Click Demo" install interface which is located at Theme Options > Demo Importer. This option works great on a fresh wordpress install and it is recommended as well. Just click the "Import Demo" button and wait for couple of minutes for the theme to download all posts and placeholder images from our server. Once done you will just have to do some simple steps

## Using traditional way of importing demo content

If you wish to the demo content via wordpress importer plugin and using wp native import command. For this you need to have the wordpress importer plugin installed on your website

Once installed activate the plugin (This step is not necessary if you already have the import plugin installed)

Now select the XML file from your theme download file "content.xml" , it will be in a folder called “Demo Content”

Once uploaded it will ask you to import the data into your WordPress user account select from the drop-down an existing user, also click on the check box that says “Download and import file attachments” Once complete all the data will be imported into your site.

## Setting up the Homepage

> Tip: This is the most important step to get your homepage show up as like the demo and use the template for homepage

To set up the homepage navigate to Settings > Reading and configure the “Front Page Displays” settings. Select the static page option and choose the home page as your front page and "blog" page as your posts page.

## Assigning menus to their repective positions just move to Appearance > menus

Theme demo content comes with 3 menus already built. They are: Services(Used for service pages), Main Menu(Website primary menu shown in the header), Top menu(Used as top ber menu)

## Importing the Widgets

Install and activate plugin Widgets Importer & Exporter. Now move to your Theme package folder "Demo Content" you can find a file widgets.wei in there, import it from Tools > Widgets Import/Export

## Importing Theme Options Data

Theme options data is available in the Demo Content folder itself named theme-options.txt. Go to Theme Options > Import/Export and import data by copy pasting.

## Visual Composer Elements

> Info: Tentered theme comes with some custom made elements for Visual Composer page builder.

- Projects: This allows you to add a grid, carousel view of the projects posts.
- Services: This allows you to add a list, grid, carousel view of the services created using the theme's service post type
- Team: This element show the team posts formats in a grid, list, carousel view. Columns options available are 2,3,4 and 6
- Testimonials: This can be used to show the testimonials in grid, carousel view
- Posts: To show up WP posts as medium thumbnails, full width, grid or carousel view with separate options for each view style
- Icon Box: This element allows you to show Icons with title and description in more than 15 styles
- Featured Block: This element allows you to show Icons with title and description in 2 different styles
- Progress Bar: This element add animated progress bar
- Round Progress: This element allows you to add number data in round style
- Number Counter: This element allows you to add facts or data in animated number counter
- Timeline: Use this shortcode to show history on basis of data/month/year

## Page Design Options

> Info: These options are available for all posts, pages, post types excluding testimonials as they have no single page view. Default values for these can be set at Theme Options

Layout - Use this option show page full width or boxed layout and also allows you to add background image/color for the boxed layouts

Use this option to select header styles per page. Also add custom logo image for any page, show or hide topbar as you need on any page

Choose different page header type for any page/post. Choose between colored banner, image banner, FlexSlider or Revolution Slider

Show/Hide page title, change the title text color and add sub title for any page/post. Option to show/hide breadcrumb in page header

Define custom width for any page/post. Add background color/image for the content area. Define padding for page top/bottom

Show/Hide social sharing icons per page/post

## How to add caption to flexslider images

## Creating Mega Menus

Tentered theme comes with mega menu creation plugin built in. See below image for its decription or see this post for more info: http://support.imithemes.com/forums/topic/how-to-create-a-mega-menu/

To add sidebar widgets to your megamenu. Create a new column and choose sidebar in that http://drops.imithemes.com/KCyY

## WooCommerce

Tentered theme supports basic WooCommerce integration. Once WooCommerce is activated you will see this notice:

Click on Run the Setup Wizard button to begin the WooCommerce install. That will start the setup wizard, where you can set things like shop pages, store locale, shipping & tax and payments.

> Tip: If you have already imported the demo content then the required WooCommerce pages should already been created.

If you want to change some settings, you can change them in WooCommerce > Settings. There are many tabs at the top, you can configure to fit your needs.

Next, you can install the demo products by WooCommerce. Go to Tools » Import > WordPress and import the demo XML file which can be found in the folder where WooCommerce was installed on your server. Usually this is in wp-content/plugins/woocommerce. Find the file dummy-data.xml there and upload it to the server. Also check the Download and import file attachments check-box, so that all product images will be downloaded as well.

> Tip: All further information and documentation for WooCommerce can be found on the official WooCommerce website

## Grid system

Tentered is based upon Twitter Bootstrap css framework that is very easy to use and adapt. It follows the mobile first approach to make the website readily available for all devices and screen sizes. Bootstrap grid is based upon 12 columns that are well defined in the bootstrap.css file inside the css folder. You can get to know about the grid system in detail from this url http://getbootstrap.com/css/#grid

## Icons font

Tentered use font awesome icon fonts for its icons requirement and no images has been used for any icon. A complete list of icons along with the class names can be found here: http://fontawesome.io/cheatsheet/

To use an icon on any page of the theme use the below code:

All icons class name will always start with the fa- . There are several sizes for icons are predefined in the fonts.css inside css folder. i.e. fa-lg, fa-2x, fa-3x

## Changing color schemes

Tentered comes with 10 predefined color schemes to use it handy. To change the color of the website navigate to Theme Options > Color Scheme