Logo

Interio Documentation

Greetings! Below you will find complete documentation for Interio theme.

General Informations - top

Screen

First of all, we want to say thank you! We are very grateful that you have chosen our theme for your website. We will do everything we can to provide you the best support possible. Before you get started, please be sure to always check out these documentation files. We outline all kinds of good information, and provide you with all the details you need know to use Interio Theme. Feel free asking us if you need more help. If you are unable to find your answer here in the documentation, please search our Support Forum and watch our Video Tutorials. If you still can't find it, you can open a new topic on our Support Forum with all the details we need.

Folder Structure - top
Interio Theme Folder Structure:

Getting Started - top

In this section we will go over the process of setting up WordPress environment, then I will show you how to install and activate your brand new theme. Finally, you will learn how to setup all key features of Interio theme.

Preparing WordPress - top

If you already have WordPress installed on your server just skip to the next section. If you haven't yet installed WordPress on your server here you will find a complete guide on this topic. Just follow the steps and you will be ready in a blink of an eye with your shiny new WordPress website.


Installation and Theme Activation - top

Each WordPress Theme can be installed in this ways: via ftp client, through the admin panel:

Installing WordPress Theme via FTP client: Installing Theme via WordPress Admin Panel:

Required and Recommended Plugins - top

After installing and activating the theme you will see a yellow popup at the top of the page. Saying: "This theme requires the following plugins..." please click the 'Begin Installing plugins' link. You will be redirected to 'Install Required Plugins' page, here you will find all of the theme required plugins. To install them just check all of them and from the drop down select install them. After installing plugins please do the same to activate them.

Screen Screen Required plugins:

Visual Composer - page builder plugin. It takes full control over your WordPress site with Frontend and Backend editors. Build any layout you can imagine with drag and drop page builder plugin – no programming knowledge required.

Recommended plugin:

Options - Theme Options - top

After installation and activation it is time to set up your website. The first thing you will notice is the 'Theme Options' Tab added into the WordPress Admin sidebar. This section contains all Interio options (see image bellow). The default options set in the panel are similar to those in the ThemeForest preview.

Theme

Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save' button at the top or at the bottom of the panel, otherwise your changes will be lost.

In tab you will find all of the basic settings divided into few sections:

General Settings

Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.

Header

Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.

Layout

Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.

Typography

Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.

Blog

Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.

Portfolio/Project

Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.

404 Page

Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.

Buttons Styling

Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.

Woocommerce

Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.

Footer Customization

Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.

Social

Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.

Import/Export

Notice: Before leaving the 'Theme Options' tab make sure to click the 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.

Import Demo Data - top

Interio Theme contains five demo versions: Interio, Onepage, Mini, Onepage Aery and Solo. To view all demo version click on Appearance -> Import Demo Data tab in the WordPress Admin Panel. You can choose the version that you like best. After select demo data, please click on button "Import" to start importing the content. You need to wait for a few minutes while demo content is importing. Then you'll see the notice: All done. Have fun!.

page

Content - top

Creating and Editing Pages - top

Reading settings. Follow Settings in WordPress Admin Panel and select Reading. Then choose A static page and select Front page and Post page. Make sure that you have clicked on 'Save Changes' button, otherwise your changes will be lost.

page

Creating page. To create pages click on Pages tab in the WordPress Admin Panel. To create a new page click on 'Add New' button.

Enter the page title. Fill in the page with all necessary information you need. You can also select Featured image. Before leaving make sure to click on 'Publish' button at the right side of the panel, otherwise your changes will be lost.

In order to setup Menu at first you need some pages (if you haven't setup any yet, please, see the first section of this chapter). If all your pages are created (of course, you can edit/add/remove them at any point) go to Appearance>Menus to create your new menu.

Menu Menu Adding items to menu

If menu is created, you can add items to it. On the left column you can find different custom links, pages or categories that can be added to your menu.

Deleting a menu item
Creating Posts - top

To create post click on Posts tab in the WordPress Admin Panel. To create a new post item click on 'Add New' button. Add post title, it's content and author. You have also an opportunity to select Post Category or add a new one. You can set post format. You can set post tags or choose from the most used post tags. You can set featured image. Also you have an opportunity to add Label text for excerpt, add Youtube or Vimeo video url and enable or disable Short post(if you need to make this post item for 50% of content block).

page page
Editing Posts - top
Quick edit of existing blog post

Quick edit is a tool which allows you to update details for particular blog post. You can change its title, slug, date. You can also change categories, add tags, enable or disable comments or change the status of the blog post. All these actions can be performed following the next steps:

page Edit the content of an existing blog post page

You can also edit multiple blog posts at once!

page
Creating Portfolio - top

To create portfolio click on Portfolio tab in the WordPress Admin Panel. To create a new portfolio item click on 'Add Portfolio' button. Add portfolio title and it's content. You have also an opportunity to select Portfolio Category or add a new one. You can set featured image. Also you have an opportunity to select portfolio layout for current item, add images to Gallery, add slider points (need to add the same number of points as images in gallery + 1 for featured image), add label text under main content, add author of photo name to portfolio, add link to portfolio author website or page, enable or disable Wide element(if you need to make this portfolio item for 50% of content block) and enable or disable High element(if you need to make this portfolio item high) to portfolio item in Portfolio Options section.

When your new portfolio is ready, please, do not forget to click on Publish button.

Portfolio Template Portfolio Template
Creating Products - top

To create product click on Products tab in the WordPress Admin Panel. To create a new product item click on 'Add Product' button. Add product name and it's content. You have also an opportunity to select Product Category or add a new one. You can set product tags or choose from the most used product tags. You can set product image. You can add images to Gallery and product short description. Also you have an opportunity to set product attributes and add product short description.

When your new product is ready, please, do not forget to click on Publish button.

Portfolio Template Portfolio Template

Creating Attributes

To create attribute click on Products tab in the WordPress Admin Panel. To create a new attribute item click on 'Attributes' button. Add name, slug(Unique slug/reference for the attribute; must be shorter than 28 characters), type(Determines how you select attributes for products) and default sort order(Determines the sort order of the terms on the frontend shop product pages). Also you have an opportunity enable or disable Archives (Enable this if you want this attribute to have product archives in your store.).

When your new attribute is ready, please, do not forget to click on Add Attribute button.

Portfolio Template

Adding Attribute Options

To add attribute options click on Products tab and 'Attributes' button in the WordPress Admin Panel, add a new attribute and choose it or choose existing one. Then add name, slug(it is usually all lowercase and contains only letters, numbers, and hyphens), parent and description.

When your new attribute options is ready, please, do not forget to click on Add New Living Space button.

Portfolio Template

Addons - top

Interio provides support for plenty of different addons for your page. If you are looking for shortcodes Visual Composer addons are definitely for you.


Visual Composer Addons/Shortcodes - top

To add any shortcode or addon, please, go to the needed page and add new element. To learn more about Visual Composer please read documentation about it here.

Visual Composer Visual Composer

If you have trouble in setting up of our custom Visual Composer components, please, read this detailed tutorial below. Please make sure that you have read offical documentation of Visual Composer carefully before you start.

Row

This component allows you to create a new row:

Notice: don't forget to save changes!

image Banner

Add banner to page.

Notice: don't forget to save changes!

image image Text block

Add text block to page.

Notice: don't forget to save changes!

image image Button

Add style for button.

Notice: don't forget to save changes!

image image Image with effects

Add image with effects to page.

Notice: don't forget to save changes!

image image Testimonials slider

Add testimonials slider on page.

Notice: don't forget to save changes!

image image Title

Add the title of the block.

Notice: don't forget to save changes!

image image Counter

Add counter to page.

Notice: don't forget to save changes!

image image Block with image or video

Add blocks with images or video

Notice: don't forget to save changes!

image image Banner Slider

Add image for Slider background from media library.

Notice: don't forget to save changes!

image image Tabs

Add tabs to page.

Notice: don't forget to save changes!

image image Blog Post

Add blog post to page.

Notice: don't forget to save changes!

image image Portfolio

Create portfolio section on page.

Notice: don't forget to save changes!

image image Product

Add product on page.

Notice: don't forget to save changes!

image image Google map

Add google map to the page.

Notice: don't forget to save changes!

image image Image block with popup

Add image block with popup.

Notice: don't forget to save changes!

image image Team banner

Add team banner to page.

Notice: don't forget to save changes!

image image Contact Section with button

Add contact section with button to page.

Notice: don't forget to save changes!

image image History

Add a section of history on the page.

Notice: don't forget to save changes!

image image Block with number

Add block with number to page.

Notice: don't forget to save changes!

image image Fullwidth section

Add full width section to page.

Notice: don't forget to save changes!

image image Client Slider

Add slider with clients on page.

Notice: don't forget to save changes!

image image Contact section

Add contact section to page.

Notice: don't forget to save changes!

image image Gallery Slider

Add gallery slider to page.

Notice: don't forget to save changes!

image image About

Add about section to page.

Notice: don't forget to save changes!

image image Services

Add section services on page.

Notice: don't forget to save changes!

image image Price Tabs

Add section price tabs on page.

Notice: don't forget to save changes!

image image Service

Add section service on page.

Notice: don't forget to save changes!

image image Client section

Add client section on page.

Notice: don't forget to save changes!

image image

We would like to thank you once again for purchasing this theme. As I have said at the beginning, I'd be glad to help you if you have any questions relating this theme. No guarantees, but I'll do my best to assist. If you have any suggestions on how to improve our themes or documentation please share them!