Overview

In this document, we will provide instructions for installation, help on getting started and extensive documentation of features. We recommend you read this documents to leverage fully the Highstand theme's capabilities. And please view our Video Tutorials that will help you understand deeply about Framework which we have built for Highstand. Then you can create more features with the easiest way we provided. We hope you enjoy Highstand and recommend with your friends. We are developing with the new features will come in the future!

King Theme Framework provided more powerful features for building a template on Wordpress Platform. You will be easy to use and start to build your own website with all our video tutorials, guide documents.

With sample content, It is easy to change with your ideas. We provide all features, the content sample for any website as the business, blog, hosting,... even e-commerce.

1. Installation

Required before install

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 there are all the useful links for WordPress information.

1.1 Install Manual

After purchase and download the archive package theme from ThemeForest. You need to unzip that package and find the highstand.zip archive included. Then follow steps bellow to install Highstand theme.

Step 1: - Login to your Wordpress backend.

Step 2: - Go to Appearance > Themes. Click Add new button.

Step 3: - Click Upload Theme button.

Step 4: - Browse to theme folder and select highstand.zip

Step 5: - Click Install Now button and wait until the theme has uploaded and installed.

Step 6: - Click Active link after install finish.

Step 7: - After active theme, you will be redirected to Import Sample Data panel. In here you can import only plugins or sample data and plugins.

1.2 Install by FTP

Follow the steps below to install via FTP.

Notice: Please sure about file and folder permission when uploading, that is the cause of some errors when installing manually.

Step 1: - Unzip the highstand.zip file ( your_download/Highstand_Theme_Installation/highstand.zip ) and ONLY use the extracted Highstand theme folder

Step 2: - Log into your hosting space via an FTP software - Filezilla/FTP Rush...

Step 3: - Upload the extracted Highstand theme folder into /wp-content/themes folder on hosting. Correct path after upload should be "/wp-content/themes/highstand"

Step 4: - Activate the installed theme. Login your admin panel and go to menu Appearance > Themes and activate it.

Step 5: - After active theme, you will be redirected to Import Sample Data panel. In here you can import only plugins or sample data and plugins.

1.3 Errors while install

1) The error: "Are you sure you want to do this?"

While installing theme from the WordPress theme installer, somehow you can get a message that says “Are you sure you want to do this?”, most likely your web server is configured with PHP settings that are too low to allow the theme ZIP file to upload.

Specifically, PHP is configured to a maximum file upload size limit at 8 megabytes or less. The theme ZIP is about 9.5 megabytes in size. Thus, the web server is rejecting the upload. WordPress is giving you a rather ambiguous message in response. This is not a theme fault or bug.

There two ways to solve this problem:

  1. You can either get your web host to increase your PHP limits. Some hosting allows you change PHP values from htacess or php.ini Please check your help documents from the provider.

    Recommended PHP configuration limits are as follows:

    max_execution_time = 18000
    memory_limit = 128M
    post_max_size = 32M
    upload_max_filesize = 32M


  2. You can upload your theme via an FTP client

2) Wordpress asks FTP infomation

If WordPress asks for your FTP credentials when it can't access the files directly. This is usually caused by PHP running as the apache user (mod_php or CGI) rather than the user that owns your WordPress files. Or your hosting has wrong permission with the wp-content folder.

How to solve issues?

Option 1:

Put line bellow into your wp-config.php

define('FS_METHOD', 'direct');

above line

define('WP_DEBUG', false);

Option 2:

As a workaround you can put your FTP credentials directly in wp-config.php

define( 'FTP_USER', 'username' );
define( 'FTP_PASS', 'password' );
define( 'FTP_HOST', 'ftp.example.org:21' );

above line

define('WP_DEBUG', false);

3) Custom Permalinks Return 404 Errors

Symptom: I just setup my WordPress installation and my awesome new Highstand theme. I went into Admin -> Settings -> Permalinks and selected something other than the default option. But now when I try and navigate to a page, it just returns a generic “404 Error – Page not found” message. What gives?

Likely causes: First, this is not a theme issue. The problem involves your core WordPress installation or your web server configuration.

2. Import Sample Data

We provide a tool to help you use our data for an overview. It named Importer.
To use that you must active theme and make sure you connected internet (if you use localhost). And we provide two ways to do that as bellow:


2.1 Import from admin panel

Follow the steps below to import sample data and plugins.

Step 1 – Go to menu Appearance > Highstand Demos

Step 2 – Click button "Install Plugin Only" to install our plugin which we purchased the license for you.

Step 3 – Click button "Install Data Sample" to import all media, post and page as our demo site. You can see progress bar running while importing.

After import successful, the panel will take you to the home page for review.


The import Highstand theme

2.2 Import Manual

For some reason, you connection error or slow and import from admin do not work. You can resolve that by using this way.

We recommend you reset all WordPress data before doing this steps. By using Wordpress Reset plugin

  • Step 1 – Download our demo media at the link here.
  • Step 2 – Unzip file package.zip then copy all files and folders inside package.zip to your "wp-content/highstand_tmp" as screenshot bellow.
  • Step 3 – Then go to Appearance > Highstand Demos. And try import data sample again.

After import successful, panel will take you to the home page for review.

3. Theme Options

3.1 Highstand Options

Highstand has a Theme Options panel organized into logical tabbed sections, and each option/tab has a description of what it will do on the front end. We encourage you to please take some time and navigate through each tab to see what we offer. We provide many options for you can do many great things for the frontend. So, we cannot go over them here in this documentation.

Please go to Admin panel > Appearance > Highstand Panel to access the options

Highstand Panel theme

3.a General Settings

These options allow you to set logo, favicon, layout, breadcrumb, server API for import sample data.

Upload Logo - Upload your logo for the whole header of pages.

Logo Max Height - Change your logo height to make it fit with the header.

Logo Top Spacing - Move your logo up and down.

Upload Favicon - Upload your own favicon image for your website.

Select Layout - Select your type layout of the whole website.

Responsive Support - This option help you disable responsive when you need.

Effects Lazy Load - This option helps you control element's effect display when scrolling website.

Admin Bar - This option help you control the admin bar on top at Front-End when you logged in.

Show Breadcrumb - This option will apply selected breadcrumb style for all page, post.

Breadcrumb Delimiter - The symbol in between paths of Breadcrumbs..

Breadcrumb Background Image - Each breadcrumb has their own background, if you want to change, just upload an image here.

Select API Server - Sometimes the import data do not run, please change the server here.

3.b Header Settings

Select header & footer layouts, Add custom meta tags, hrefs and scripts to the header.

Display sidebar menu mobile on - Position of mobile menu. Default: left

Select Header - The header style you want to apply for all pages.

Minicart - Show icon Woocommerce's cart.

Search box in Menu - Show/Hide search box on menu.

3.c Footer Settings

Select footer layouts, Add analytics embed..etc.. to footer

Select Footer Styles - Select footer style for all pages, You can also go to each page to select specific.

3.d Dynamic Sidebars

List of Sidebars Created - List of dynamic sidebars, you can add more here.

3.e SEO

Help your site more friendly with Search Engine After active theme, we will enable all permalinks and meta descriptions.

Open Graph Meta - This option control how meta of facebook social display.

Meta Tag - This option control meta tags of the theme. In case you need to use other plugins, you can disable default meta tags from here.

Homepage custom title - Set your own title for the homepage, support another tag from Wordpress.

Home Title Format - This option control structure of homepage title.

Single Post Page Title Format - This option control structure of single post title.

Archives Title Format - This option control structure of category post title.

Separate Character - a Character to separate BlogName and Post title.

Home Meta Keywords - the keywords for meta tag keywords of homepage.

Home Meta Description - the description for meta tag description of homepage.

Author Meta Description - content of meta tag author.

Contact Meta Description - content of meta tag contact.

3.f Blog Settings

Front page displays - Similar Settings > Reading of standard wordpress. You can select which page is homepage from here.

Blog breadcrumb - Select breadcrumb style for your blogs.

Blog Sidebar - Show hide sidebar for blog.

Categories for blog - Select your blog category.

Blog pages show at most - Select your blog category.

3.g Blog Settings

Front page displays - Similar Settings > Reading of standard WordPress. You can select which page is homepage from here.

Blog breadcrumb - Select breadcrumb style for your blogs.

Blog Sidebar - Show/Hide sidebar for the blog.

Categories for blog - Select your blog category.

Blog pages show at most - Select your blog category.

3.h Article Settings

Select Sidebar - Select sidebar for layout of the single post page.

Featured Image - The option control featured image on the single post and listing post page.

Next/Prev Article Direction - Show/Hide next and previous link at bottom of the single post.

Meta Box - Show/Hide meta data of post bellow title.

Author Meta - Show/Hide author info of post.

Date Meta - Show/Hide date info of post.

Categories Meta - Show/Hide categories of post.

Comments Meta - Show/Hide the comments list.

Share Box - Show/Hide the social share list.

Facebook, Tweet, Google, Pinterest, LinkedIn, Button - Show/Hide the social share list.

About Author - Show/Hide author info at bottom of post.

Related Posts - Show/Hide related posts of current post.

Number of posts related to show - Number of the related posts will show.

Related Query Type - Type of related posts.

3.i Coming Soon

Upload Logo - Upload your logo for coming soon page.

Text after logo - Short text show bellow logo.

Description - Description on the page.

Background Slider image 1,2,3,4,5 - Upload your images for background slideshow.

3.j Styling

Color Style - The main color for the whole website, you can select pre-colors or chose your own.

Background Color - Background color for the whole website.

Custom Background Image - Upload your own background image for website.

Use Pattern for background - Use pre-background pattern for your website.

Links Decoration - Text-Decoration style for whole links.

Links Hover Decoration - Text-Decoration style for whole links when mouse hover.

Global CSS - Add your own custom CSS when you need to customize.

Tablets CSS - Add your own custom CSS for tablets devices.

Wide Phones CSS - Add your own custom CSS for wide phones devices.

3.k Typography

General Typography - This options will apply to whole text.

General Link Hover - Effect hover for all links.

Main Menu - Style for Main Menu items.

Main Menu Hover - Style for Main Menu items when hover mouse.

Sub Main Menu - Style for Sub Main Menu items.

Sub Main Menu Hover - Style for Sub Main Menu items when hover mouse.

Post Meta - Styles for post info on single post.

Post Meta Link - Styles for post meta link on single post.

Post Title - Styles for post title

Post Entry - Styles for post content

Widget Titles - Styles for widget titles

Footer Widgets Titles - Styles for widget titles at footer.

H1, H2, H3, H4, H5, H6 Typography - Styles for heading tags.

3.l Social Accounts

Set your socials and will be displayed icons at header and footer, Leave blank to hide icons from front-end

Twitter API Key

Setup your twitter API key for twitter widget feed updates

3.m Newsletter

Method - Method to collect email subscribers. You can select our theme functions or use the MailChimp.

Mailchimp API Key - Your API key which you can grab from http://admin.mailchimp.com/account/api/.

Mailchimp List ID - The ID of the list which you want to customers signup. You can grab your List Id by going to http://admin.mailchimp.com/lists/ click the "settings" link for the list - the Unique Id is at the bottom of that page..

3.2 Highstand Page Options

Highstand Page Layout Settings

This panel helps you control your page layout as background, type boxed or wide.

General Typography - This options will apply to whole text.

General Link Hover - Effect hover for all links.

Main Menu - Style for Main Menu items.

Highstand Panel theme

Highstand Page Settings

This panel helps you control your page content display. Some setting will overwrite general setting and apply for the current page.

Display Breadcrumb - Select type breadcrumb for page

Upload Breadcrumb Background Image - Upload page breadcrumb background.

Select Sidebar - Select sidebar for page, just apply for page with layout is Left/ Right sidebar.

Description - The description will show in content of meta tag for SEO + Sharing purpose.

Select Header/Footer - Overlap: The header/footer will cover up anything beneath it.

Highstand Panel theme

4 Mini Composer

4.1 Introduce

MiniComposer is the first-ever BACK-END Page Builder for Wordpress coming with top-notch features, which you have never experienced before. It enables you to create unlimited page layouts with text, image, button, etc. in 0-second constant time delay.

MiniComposer is very light weight in performance.

We've spent thousands of hours working to develop our own UI ( Drag & Drop, Sortable, Draggable, Render Templates, etc... ). It makes a wonderful experience than ever, and willing to work with the ultra-heavy content.

See More

4.2 Pre-sections

We use the new features of MiniComposer to help you create your page easy. We provide the list of pre-section.

What is a Section?

  1. A section is created by rows. You can create and save a section, then re-install it wherever & whenever you want.
  2. You can add/edit a section (Add more rows, add a screenshot to it, etc.)
  3. You can group multiple sections in a profile.

How does it work?

Please check video bellow for more knowledge base.

5. Theme Layouts

5.1 Page Layouts

Highstand provides vide 4 layouts for page:

  • Default Layout (without sidebar)
  • Page Full Layout
  • Page Left Sidebar
  • Page Right Sidebar

Highstand Page Layout

5.1 Blog Layouts

We provide 5 layouts for blog posts page. you can select one of them to apply for your posts.

You can switch layouts from Hightstand Theme > Theme Panel > Blog

Highstand Blog Layout

To switch between layouts. Go to Appearance > Highstand Panel, switch to Blog tab, then select the layout from dropdown Blog Layout.

Layout: Large

Highstand Blog Layout Large

Layout: Timeline

Highstand Blog Layout Timeline

Layout: Medium

Highstand Blog Layout Medium

Layout: Small

Highstand Blog Layout Small

Layout: Masonry

Highstand Blog Layout Masonry

6. Mega Menu

With Mega Menu, you can add image, text as a short description of a menu. Moreover, you can add single menus from WordPress menu default to mega menu. This is showing how mega menu will display front-end.

Notice, you just can use Megamenu from the second level menu. They must be submenu.

Highstand Megamenu

6.1 Management

Go to Admin -> Mega Menu ( This area manage all mega menu and you can how many menu you want )

Highstand Megamenu Management

- Create New then add content, single menu ( Menu you create in Appearance -> Menus ) as picture below

Highstand Megamenu Edit

6.2 Integrate with menu item

- Go to Appearance -> Menus insert as default Menu. Highstand Megamenu Edit

7. Post Types

7.1 Pricing Tables

Highstand theme provides some style of pricing tables. That we create management for the theme. Each item will have values and attribute as the picture.

To create new pricing, go to Pricing Tables > Add new Pricing

See more on beside picture.

Highstand Pricing Tables

7.2 Our Works

The theme provides Project/Our Work post type. We provide some attributes for a project.items, which you can see on the picture beside.
We support gallery image on the details page of the project, just put your image into description on the content of the post.

To create new project, go to Our Works > Add new Project

See more on beside picture.

Highstand Our Works

7.3 Testimonials

Highstand theme provides Testimonials post type. You can add/remove items easy. See more at screenshot beside

To create new testimonial, go to Testimonials > Add new Testimonial

Highstand Our Works

7.4 Our Team

The theme provides team/member post type. We provide some attributes for a member, which you can see on the picture beside.

To create new member, go to Our Team > Add new Staff

See more bellow picture.

Highstand our team

8. Master Slider

Master Slider WordPress is a premium high quality designed image and content slider for WordPress, with super smooth hardware accelerated transitions. It supports touch navigation with pure swipe gesture that you have never experienced before. It’s a truly responsive and device friendly slider which works perfect in all major devices. Master Slider is an awesome layer slider as well, with the ability of adding any HTML contents (texts, images, …) in layers. It is easy to use, plus there are ready to use templates available for you. You almost have everything in Master slider which is the most complete among the best, hotspots, thumbnails, variety of effects, Video support and much more.

Read More

9. Translate Highstand Theme

Highstand provides highstand.po file on in /languages folder. You can use for translation for any languages.

Translate Themes using the Poedit Program

Poedit is a common program which you can use to translate the theme. It’s available for free on poedit.net.

After you have installed Poedit, you can open it and select File > Open. Then select the highstand.po file from the theme you wish to translate which you can find in the /languages/ folder of Highstand theme.

Then go through every line of text and translate it into your native language. Afterward, you can save as the catalog with your language code (for example es_ES.po) File > Save as . Normally Poedit automatically creates the .mo file and saves it, too.

The last step you have to do is to upload your created language files to /languages folder of Highstand theme using FTP.

Highstand Translation

Highstand Translation

Highstand Translation

10. Update Theme

Step 1: Go to themeforest.net and login

Go to tab "Settings" (1)
Go API Keys (2)
Put the name for API (3) and Click Generate API Key (4)
After generating key, Copy that key (5)

Highstand Update Theme

Step 2: Download Envato Toolkit Plugin and install into your site

Login your wp-admin and go to plugin Envato Toolkit (1)
On tab Settings, Enter your Envato Username (4) and the API key (5) what you copied from step 1
Tick (6) to keep old data theme when you update newer version
Click Save Setting to verify and get an update.

Highstand Update Theme

Step 3: Do update new version

After do step 2 successful, Click on tab "Theme" (2), If there are a new version available, then you will see as image bellow. Click Update Automatically (3) to do an update.

Highstand Update Theme

11. Customize

11.1 How to use header?

For header, we provide two ways setup header.

  1. Use General Setting> Header Setting to set header style for all page
  2. Use Highstand Theme - Page Settings to set header style for individuals page

General > Header Settings

In this panel, you can select the header you want to use then the options for that header will show up.

Highstand Theme Header Settings

Highstand Theme - Page Settings > Select Header

In this panel, it works similarly on General Settings > Header Settings

11.2 How to use footer?

We provide the new way for you create footer as content of page.
To create that, just go to Appearance > Highstand Footer Styles

Highstand Theme Footer Styles

Highstand Theme Footer Styles

For footer, we provide two select footers.

  1. Use General Setting> Footer Setting to set header style for all page
  2. Use Highstand Theme - Page Settings to set header style for individuals page

Highstand Theme Header Settings

11.3 How to config twitter API?

For the twitter widget, we provide options for you put your own API Key. It helps you solve issues with "rate limit exceeded" or "locked account";

Highstand Theme Header Settings

11.4 How to config Mailchimp API?

With newsletter form on pages, we provide two ways to handle submission.

9.4.1 Mailchimp - default

Mailchimp is great mailing newsletter, it provides listing and API key for you can setup on your own website.

You can find panel setting at Highstand Theme Panel > Newsletter

Just create new your Listing and copy the ID of list. The ID of list which you want to customers signup. You can grab your List Id by going to http://admin.mailchimp.com/lists/ click the "settings" link for the list - the Unique Id is at the bottom of that page.

Then create your API Key and paste into our panel setting. Your API key which you can grab from http://admin.mailchimp.com/account/api/

Highstand Theme Header Settings

11.5 How to set fullwidth row?

Mini Composer provides great ways for you can set your row fullwidth.

  1. Open setting of parent row then selects Fullwidth
  2. Check on Fullwidth option
  3. Select type fullwidth at Stretch Option

MiniComposer Fullwidth

With types fullwidth. If you want to create fullwidth background for row but keep the content align with other content, just select Stretch Option > Only Row

If you want to have a row with content fullwidth also, just select Row & Content at Stretch Option

11.6 How create full height row?

In case you want to have sections full height on a page. Just open setting of parent row then tick on Full Height option. Then the option Content position shows up. You can select how content display vertical align.

MiniComposer Full Height

11.7 How to change social links?

In Appearance > Highstand Theme Panel > Social Accounts, we provide setting for the social account. Which you can put account links.

Just put full links of your accounts to input field then press Save Changes

Exp: For twitter icon, We put https://twitter.com/KingTheme

Highstand Theme Panel Social Accounts

11.8 How disable effect loading element?

To disable the effect loading of elements on website. Just go to Appearance > Highstand Theme Panel > General Settings > Effects Lazy Load

Highstand Theme Panel Social Accounts

11.9 How disable responsive?

To disable responsive on your website. Just go to Appearance > Highstand Theme Panel > General Settings > Responsive

Highstand Theme Panel Social Accounts

11.10 How switch layout website to boxed?

To switch to Boxed layout for your website. Just go to Appearance > Highstand Theme Panel > General Settings > Select Layout

Highstand Theme Panel Social Accounts