# Hostio Documentation

We would like to thank you for purchasing hostio! We are very pleased you have chosen hostio for your website, you will not be disappointed! 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 to use hostio. hostio can only be used with WordPress and we assume that you already have WordPress installed and ready to go. If you do not, please see our section on WordPress to help you get started.

If you are unable to find your answer here in our documentation, we encourage you to search our Knowledgebase, watch our Video Tutorials. Chances are your question or issue have been brought up already and the answer is waiting to be found. If you are unable to find it anywhere, then please go go our forum section and post up a new topic with all the details we need. Please be sure to include your site URL as well. Thank you, we hope you enjoy using hostio!

## WordPress Information

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex or you can watch the Instructional Video created by Woo Themes. Below are all the useful links for WordPress information.

- WordPress Codex – general info about WordPress and how to install on your server
- Instructional Video – awesome How-To video created by Woo Themes
- First Steps With WordPress – general information that covers a wide variety of topics
- FAQ New To WordPress – the most popular FAQ’s regarding WordPress
- WP101 Basix Training videos – some great videos from WPTuts on WordPress

## Requirements For hostio

To use hostio, you must be running WordPress 3.1 or higher, PHP5 or higher, and mysql 5 or higher. We have tested it with Mac, Windows and Linux. Below are a list of items you should ensure your host can comply with.

- Check to ensure that your web host has the minimum requirements to run WordPress.
- Always make sure they are running the latest version of WordPress
- You can download the latest release of WordPress from official WordPress website
- Always create secure passwords FTP and Database

Hosting is hostio secure when PHP applications, like WordPress, are run using your account’s username instead of the server’s default shared username (www or www-data). The most common way for hosting companies to do this is using suPHP. Just ask your potential host if they run suPHP or something similar.
We recommend using WpEngine.com or A Small Orange for all your hosting needs.

## What’s Included

When you purchase our theme from Themeforest, you need to download the hostio files from your Themeforest account. Navigate to your downloads tab on Themeforest and find hostio. Click the download button to see the two options. The Main Files contain everything, the Installable WordPress Theme is just the installable WordPress theme file. Below is a full list of everything that is included when you download the main files, along with a brief description of each item.

- hostio Theme Folder – contains the hostio.zip and hostio-Child-Theme.zip wordpress theme. The child theme is only for users who make code changes.

## Free Support

All of our items come with free support, and we have a dedicated mail: vergatheme@gmail.com to handle your requests. Support is limited to questions regarding the theme’s features or problems with the theme. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customizations of your theme then you should enlist the help of a developer.

## Installation

You can install the theme in two ways: through WordPress, or via FTP. The hostio.zip file is the Installable WordPress Theme and what you need to use to get the theme installed. Please see the following sections for each method and watch our video tutorial on how to install hostio. But first, you need to download the hostio files from your Themeforest account. Navigate to your downloads tab on Themeforest and find hostio. Click the download button to see the two options. The Main Files and the Installable WordPress Theme. See below.

### Downloading The Main Files Gives You All The Content Listed Below

- hostio Theme Folder – contains the hostio.zip and hostio-child.zip wordpress theme. The child theme is only for users who make code changes.

### Downloading The Installalable WordPress Theme Only Gives You The hostio.zip File

- hostio.zip – this is the parent wordpress theme, install this via WordPress. If you install it via FTP then unzip it first and use the extracted folder.

## WordPress Installation

### Follow the steps below to install via WordPress.

Step 1 – Navigate to Appearance > Themes.

Step 2 – Click Install Themes and hit the upload button.

Step 3 – Navigate to find the “hostio.zip” file on your computer and click “Install Now”

Step 4 – Wait while the theme is uploaded and installed.

Step 5 – Activate the newly installed theme. Go to Appearance > Themes and activate it.

Step 6 – Then you will get a notification to activate the required plugins: Visual Composer and Contact Form 7. Follow the steps to instal and activate. The other plugins we include are integrated into the theme and all will be ready to use when you right away.

### Common Install Error: Are You Sure You Want To Do This?

If you get the “Are You Sure You Want To Do This” message when installing hostio.zip file via WordPress, it means you have an upload file size limit. Install the theme via FTP if this happens, or call your hosting company and ask them to increase the limit.

## FTP Installation

### Follow the steps below to install via FTP.

Step 1 – Log into your hosting space via an FTP software

Step 2 – Unzip the hostio.zip file and ONLY use the extracted hostio theme folder

Step 3 – Upload the extracted More theme folder into wp-content > themes folder

Step 4 – Activate the newly installed theme. Go to Appearance > Themes and activate it.

Step 6 – Then you will get a notification to activate the required plugins: Visual Compusor and Contact Form 7. Follow the steps to instal and activate. The other plugins we include are integrated into the theme and all will be ready to use when you right away.

## hostio Changelog

More is constantly being updated with new features and adjustments. You can always view the most recent update information in the change log in the changelog.txt file inside the theme zip file. You can also view the full change log below.

hostio Change Log

## Demo Content

# Please Install all Plugins before. Then Import All Data Demo. View Here:

When you first install any wordpress theme, it will not contain all the extra content that you might of seen in the live demo. There are two ways you can import the hostio Demo Content. Usually you have to import an XML file which can be troublesome. We’ve made it easier by creating a Theme Options Demo Content Importer.

Method 1: Import All Demo Content – Now users can quickly and easily import our demo content with one click of the button. This is the preferred method because its the fastest and easiest way to get our demo content. Using this method will give you all our pages and posts, several sample sliders of each slider type, widgets, theme option settings and more. If you wish to use our Theme Options Demo Content Importer, please see the “How To Import All Demo Content” section in our documentation.

Method 2: Import Theme Option

Please Note Some Important Items About The Demo Content

- Images – Our demo images are not included because those are license stock photos that are not allowed to be shared. Instead we include other images in their place

## Import All Demo Content

If would you like to use your site like my demo, you should import options for Theme options and WordPress posts / pages/ Portfolio/ etc. We have include 2 import files of hostio theme.

- WordPress import file - hostio_package >> data_export >> content.xml
- Theme options import file - hostio_package >> data_export >> theme_options.txt

Step 1 – Install and activate these plugins before you proceed: Visual Compusor, Contact Form 7.

WordPress import file : Please go to wp admin >> tools >> import >> click WordPress. Then install recommended plugin and import dummy_contnent >> data_export >> sample_data.xml file.

### View Gallery Step WordPress import file.

## Import Theme Option

For Theme options import file : Please go to wp admin >> appearance >> theme options >> click Backup options. Then compy all dummy_contnent >> data_export >> theme_options.txt file and paste here.

## Header

The header is probably one of the first things you will want to setup. The header consists of pretty much everything above and including the menu, and we are also going to include the sliding bar and page title bar in this section. There are many different elements to the header and many ways to customize it including images, colors, content, design and more. All of this is done via our hostio Admin Panel. The following sections will cover several different sections of the header that are listed below.

- Adding The Logo & Favicons
- Setting Up The Menu Home
- Setting Up The Menu Blog

## Adding The Logo & Favicons

### To Insert Your Logo and Your Favicon, Follow The Steps Below.

Step 1: More requires that you upload your logo as an image file (Logo.png). And Setup Logo for version Light and Version Dark Do you want.

Step 2: More requires that you upload your Favicon as an image file (Favicon.ico)

## Setting Up The Menu

More supports custom WordPress menus, with multiple levels of dropdown support for the main menu. There are 2 areas of the theme where you can assign a menu; the home menu, the other page menu. Each of these menu locations can have a custom menu assigned. Once a menu is created and assigned to the location, it will show up on the site. There are also several theme options to customize the menu. Please see below for the menu locations, how to create a new menu and the menu theme options.

### More Offers 2 Different Menu Locations

- Menu Home Page – this is the Home menu that shows in the Home Page.
- Menu Use For All Page. – this is the menu that can be assigned to the single, blog, page...

## Setting Up The Menu Home

This is the theme multipage template And you can drag the page as well as the post from the left toolbar

## Setting Up Home Page

Setting up your home page is the same as setting up any other regular pages except that you need to specify in the settings which page will be your main home page. More includes several pre-designed home page options. Any of the layout options you see on our demo can be imported through our demo content importer, or from copying the individual page content from our docs in the “How To Import Individual Pages” section. However, you are not stuck with our pre-designed layouts, you can build any type of home page you desire using our Page Builder elements. You can mix and match anyway you like.

### To Set Your Home Page, Follow These Steps

Step 1 – Navigate to Settings > Reading.

Step 2 – Select “A Static Page” option.

Step 3 – Choose the page you want as your home page from the dropdown list.

Step 4 – This is also the same spot you select the Blog page as the post page.

## Setting Up One Page

More has the ability for you to make a one page site with a parallax scrolling menu. Most sites are traditionally setup with individual pages, each page with its own content. A one page site allows you to put all the content on one page, and the menu items will link to each different section of the page. Think of it as a full site but all on one page. A parallax one page site requires you to have a custom menu, a page with menu_anchors in the content and the custom menu assigned to the page. Please read below for information on how to set this up.

### First Create A Custom Menu For Your One Page

Step 1 – Navigate to Appearance > Menus section of your admin and click “Create A New Menu” link and assign it a name.

Step 2 – Each menu item you add needs a unique anchor name in the URL field. These names act as anchors, and will link to the corresponding anchor name in your page content. Use the “Links” box on the left hand side to add menu items. In the “URL” field type the anchor of your section, ex: #intro and then assign a name to the menu item. Click the “Add to Menu” button.

Step 3 – Repeat step 2 for each menu item, giving each a unique #name.

Step 4 – Once you have added your menu items, be sure to click the “Save” button.

### To Create The Home Page, Follow The Steps Below.

Step 1 – Create a new page and give it any name you wish.

Step 2 – In the Page Attributes box on the right hand side, set the Template to Ligh , Dark, Moving, Video Youtube.

Step 3 – Insert your Template Page Builder into the content.

## Setting Up Blog Page

### To Create The Blog Page, Follow The Steps Below.

Step 1 – Create a new page and give it any name you wish.

Step 2 – In the Page Attributes box on the right hand side, set the Template to Blog

## How to use Visual Compusor to create the Home page

# Please DON'T UPDATE PLUGINS. If there are any updates yet We will update the theme on ThemeForest and You will download again Theme.Thanks.

### View hostio Video How to use Visual Compusor to create the Home page

#### View Video here: View Video

### Setup Contact Form

Enter your email in box. It will received mail from contact form

### Setup Visual Composer Home Page

Chosen add row and chosen type row visual composer you want

Chosen block visual composer in it

## Creating Blog Posts

No matter which method or methods you use to display your blog posts, the first thing you need to do is create the blog posts. More offers several blog post types, image, image slideshows, video and more on the way. Each blog post you make will be able to be displayed using any of the 3 methods described above. And with the ability to assign custom categories to each post, you can easily display a set of posts based on category. See below for information on how to create blog posts.

### Follow the Steps Below To Create A Blog Post

Step 1 – Navigate to Posts in your WordPress admin.

Step 2 – Click on Add New to make a new post. Create a title and insert your post content in the editing field. You can use any of our short code builder elements inside the post.

Step 3 – Add Categories from the right side. To assign it to the post, check the box next to the Category name.

Step 4 – Add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.

Step 5 – For a single image, click the first Featured Image Box, select an image and click “Set Featured Image”.

Step 8 – Once you are finished, click Publish to save the post.

### Here Is A Screenshot That Shows The Various Areas Of The Blog Post Page Described Above.

## Blog Theme Options

More includes a highly advanced theme options panel organized into sections that allows users to customize many different aspects of the theme. There is a Blog section of theme options that allows you to customize different aspects of the blog; excerpts, Title, and so much more. See the information below.

## Creating Portfolio Posts

After you have made your portfolio page, you need to create portfolio posts so they will show up on the portfolio pages. More offers several options for portfolio posts, and with the ability to assign custom categories to each post, you can easily display a set of posts based on category. Each portfolio post offers several ways to add tags, categories. Categories are the filters you see above the post that allow the viewer to sort the posts. Tags are used to add additional meta info to the post. See below for information on how to create portfolio posts.

### Follow the Steps Below To Create A Portfolio Post

Step 1 – Navigate to Portfolio in your WordPress admin.

Step 2 – Click on Add New to make a new post. Create a title and insert your post content in the editing field. You can use any of our short code builder elements inside the post.

Step 3 – Add Categories from the right side. To assign it to the post, check the box next to the Category name. These Categories are the filters that will sit above your portfolio images and allow you to filter the different types of projects.

Step 4 – Add Link Facebook, Linkedin, Instagram

Step 5 – Add Link out Project.

Step 6 – For a single image, click the first Featured Image Box, select an image and click “Set Featured Image”.

Step 7 – For a slideshow, insert more than one Gallery, each image will be a slide in the slideshow.

Step 8 – For a video post, paste the Link video from either Youtube or Vimeo into the Video Link field.

Step 9 – Select any Post Format Options box.

Step 10 – Once you are finished, click Publish to save the post.

### Here Is A Screenshot That Shows The Various Areas Of The Portfolio Post Page Described Above.

## Footer Theme Options

Setting Up: Footer Text

## Styling Options

- Right-to-Left Language Support : Language Support
- Select Body Font Family : More allows users to chooose from any of the 600+ Google Fonts
- Theme Color :Unlimited Color Theme
- Footer Background Color
- Footer Text Color
- Style Css : More Css

## Setting Up The Widget

Step 1 Navigate to Appearance > Widgets.

### Here Is A Screenshot That Shows The Various Areas Of The Widget Section Described Above.

## Make your site run faster

Get a good hosting You may not think that this is important, but if you want your site to display really fast you need to get a good hosting. This is the first step in having a fast site, which also translates into more views, which also translates into a better SEO, which finally translates into more sales. (affiliate links below) There are three hosting companies which i recommend:

- Media Temple: http://mediatemple.net - if you want a premium WordPress hosting which is easy to manage and works pretty well, this is a good choice to host your website on.
- A Small Orange: http://asmallorange.com - this is another good hosting company, which i’m currently using to host my theme demos on. If you bought this theme you probably liked the speed as well, so i highly recommend ASO to host your themes on (especially the Cloud VPS option).
- WPEngine: http://wpengine.com - definitely not as cheap as the two examples above, but if you really want an incredibly fast website and absolutely no headaches in managing it, WPEngine is the way to go. With it you don’t have to worry about security, caching, updates, etc. Everything is handled by a great theme of professionals ready to help you with everything. You just need to care about your content.

### Optimize images

Always optimize/compress your jpeg images before uploading them to the server. Large images should be compressed at around 90% image quality and you should also try to limit the use of lossless image files (uncompressed pngs).

### Use a caching plugin

I can’t recommend enough the necessitiy go good caching. If you use a managed hosting such as WPEngine you don’t need this. But if you are using ASO or MT or any other hosting you need to cache your content. For this purpose, i recommend W3 Total Cache! It’s a great and easy to use plugin, and with only a bit of work you can double your site’s speed. See this ticket for more info on how to configure this plugin: http://rubenbristian.ticksy.com/ticket/119133