HIP Wordpress Documentation

Created: 28.10.2014
Author: artless
Email: support@artlessthemes.com

Installation

1. Download HIP

  1. After purchasing HIP, you can download it on Themeforest.net > Your Account > Downloads.
  2. Choose your download: Main Files or Installable Wordpress file
    Main Files contains Installable Wordpress file plus Demo Data.
    If you download Main Files you have to unzip the archive to get hip.zip for the next step.

2. Install HIP



  1. Login to your WordPress
  2. Goto Appearance > Themes
  3. Click on Add New
  4. Click on Upload
  5. Choose hip.zip and click on Install Now.
    If it's your first installation via Wordpress, you may have to input your FTP Login.
    After installation click on Activate.

3. Install plugins for HIP

Exlcude Redux Framework and WPBakery Visual Composer all recommended plugins are written for HIP
and will add nothing to the admin menu which you can't use for the theme.
Redux Framework is required for our Theme Options.
WPBakery Visual Composer is the Page Builder extended by Artless Shortcodes






  1. Goto Appearance > Themes and click on Begin installing plugins
  2. Check all plugins. Or at least Redux Framework, WPBakery Visual Composer and artless Shortcodes
  3. Click on Bulk Actions, select Install and click on Apply.
  4. The installation may take a while, so please be patient.

Installation Finished

Automatic Updates

With Automatic Updates you can update HIP through Wordpress.
You get a notice in your admin panel as soon as we released a new update on themeforest.
Keep your theme and plugins up to date.

1. Get your API Key

Your API Key is not limited to HIP. You can use it for other themes / applications as well.

  1. Goto Themeforest.net and click on your account name.
  2. Click on My Settings
  3. Click on API Keys
  4. Fill in a label ( it's just for you to remember for what you use the API Key ) and click on Generate API Key.
  5. Now you have an API Key. Copy it.

2. Insert your API Key to Wordpress

Login to your Wordpress.

  1. Goto Appearance > Theme Options
  2. Click on Automatic Updates
  3. Insert your exact Themeforest Account Name and paste your generated API Key.
  4. Save Settings and you are done. :)

Demo Data

1. Import

Login to your Wordpress.

  1. Goto Appearance > Theme Options
  2. Click on Install Demo Data
  3. Click on the demo you want to install.
  4. The import will take a while, please be patient and do not reload the page.

2. Activate Menu

  1. Goto Appearance > Menus
  2. Check HIP Main Menu under Menu Settings.
    Click on Save Menu.

Have fun with the HIP demo. :)

Theme Options

Page Builder

Start Building a New Page / Post

Goto Pages > Add New and you will see the following. If not you have to click on Backend Editor.

You can now start to build your page element by element or choose a layout.

Elements Overview

Questions & Answers

We will update this section as soon as new questions coming in.

How to create a full width row?
  1. Add the element Row to your page / post.
  2. Open the Row Settings:
  3. Choose No for the option Gutter. That's all.

Credits and Sources

WordPress Plugins & Libraries

Visual Composer - http://codecanyon.net/item/visual-composer-page-builder-for-wordpress/
Redux Framework - https://github.com/ReduxFramework
TGM-Plugin-Activation - https://github.com/thomasgriffin/TGM-Plugin-Activation
Meta-Box - http://www.deluxeblogtips.com/meta-box/

Javascript / jQuery Plugins

jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
SmoothScroll for websites v1.2. - Balazs Galambosi, Michael Herf
Owl Carousel – http://www.owlgraphic.com/owlcarousel/
jQuery Grid-A-Licious - http://suprb.com/apps/gridalicious/
jQuery Waypoints - https://github.com/imakewebthings/

Images

Images - http://unsplash.com