Document for Fashion Responsive Theme - 20Script

# Alaska - SEO WHMCS Hosting, Shop, Business Theme

#### Installation and Quick Start Guide - Thank you for your purchasing

- Getting Started
- Installation

1. Automatic Installation(Recommended)
2. Manual Installation
3. Install Needed Plugins
4. Importing Sample Data

- After Installation

1. Adding Logo and Favicon
2. Creating Mega menu
3. Portfolio Settings
4. Shortcodes
5. Typography Options
6. Information Bar
7. Heading setting
8. Blog Setting
9. Footer Settings

- WHMCS

Source and Credits

Changelog

Customization Service

Frequently Asked Questions

Thank you!

- Created: 01/07/2015
- Latest update: 02/01/2015
- By: Vulinhpc
- Email: themestudio.net@gmail.com

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email me via my email: themestudio.net@gmail.com. Thanks so much!

## Getting Started

Alaska is an Elegant WordPress Hosting Theme, It's fully compatible with WHMCS-Bridge plugin which connect between WordPress and WHMCS, Alaska is suitable for Hosting websites as well as Shop, Company, Agency or Organization.

## Installation

To install the Alaska theme. You need the latest version of Wordpress. Here is the download URL. Once you downloaded and set it up, You are ready to go. You can install this theme in two ways:

### 1. Automatic Installation (Recommended)

> Step 1. Download ZIP package named "alaska.zip" file from Themeforest and unzip it.

> Step 2. In unzipped folder you will find a folder named "Alaska Theme" and 2 archives: "alaska.zip" file and "alaska-child.zip" which are the archives for the wordpress theme and child theme of Alaska. Do not unzip them one more time.

> Step 3. In your Wordpress Dashboard navigate to Appearance > Themes.

> Step 4. Click on Add New, then clicking on Upload Theme and browse the alaska.zip file, finally click Install Now.

> Step 5. Wait a while untill the screenshot below appears, on this form clicking on Activate link to active Alaska Theme. Theme has been installed and actived.

> If you plan to edit the theme files, like style.css. I amsuggesting you to install both Alaska and Alaska Child theme, then activate the child theme. Child themes are great because allow you to edit theme and also let's you update the original theme in the future, without loosing your edited files work.
> Read more about child themes and how to use them here.

### 2. Manual Installation.

> Step 1. Download ZIP package file from Themeforest and unzip it.

> Step 2. In unzipped folder you will find a folder named "Alaska Theme" and 2 archives in it: "alaska.zip" file and "alaska-child.zip". Unzip "alaska.zip" one more time.

> Step 3. Simply upload the unzipped "alaska" folder to /wp-content/themes/ folder on your server via FPT. If you want to use the child theme for future theme editing, extract "alaska-child.zip" file and upload "alaska-child" folder to /wp-content/themes/ folder on your server too.

> Step 4. Login to your Dashboard, go to Appearance/Themes menu and active Appearance theme

### 3. Install Needed Plugins:

Alaska theme required and recommended the following plugins:

- Visual Composer - Visual Composer for WordPress is drag and drop frontend and backend page builder plugin that will save you tons of working time on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required. Moreover, now you can choose either work on a backend or move your page building process to frontend and instantly you can see the changes you made.
- Revolution Slider - is a premium plugin( Official Page ) which lets you create stunning full-width, full-screen, normal sliders, all responsive with nice effects.
- Video & Parallax Backgrounds For Visual Composer: ( Official Page ) Video & Parallax add-on allows you to easily add image parallax scrolling effects and video backgrounds to your WordPress site. The plugin integrates straight into Visual Composer’s row settings, and is flexible to suit your theme’s design.
- ThemeStudio Shortcodes -This plugin is required in order to run themes version 1.0 built by themestudio.
- ThemeStudio Post Types, Metaboxes - is a plugin to add new post type, taxonomy, metaboxes, shortcodes

After install Alaska theme you will be noticed to install required plugins, just follow the instruction you will get all set.

> The installation process may take a while on some hosts, so please be patient. All installations have been completed. Scolling down and click on the link "Return to Required Plugins Inslaller" to activate those installed plugins.

> Return to the Dashboard after all plugins have been activated.

> All needed installation have done. Follow next step if you want to install sample data like our demo website.

### 4. Importing Sample Data.

If you`re using the theme to build a new website which doesn`t have content yet, I strongly recommend you to use the demo content files. This theme includes xml data files which will allow you to upload the demo content to your website. The content is the same as in the Live Demo Preview.

4.1 Import Layer Slider data.

> Step1: Go to Revolution Slider

> Step 2: Import slider

> The Import Slider popup will appears, click Choose File button then browse to "slider-home-alaska.zip" file in the Demo content folder and click Import button:

4.2 Importing Demo content.

> Step 1: Go to Tools/Import menu:

> Step 2: Click on Wordpress Importer:

> Step 3: Install plugin WordPress Importer

> Step 4: Click on Choose File button and browse to the folder called "Demo Content" . Find the filename.xml file then click Upload file and import button:

> Step 5: Check Download and import file attachments checkbox and select user for post's author before submit to starts import sample data:

> Wait for the importer working:

4.3 Menu Setting.

Once you have completed all above instruction steps and wordpress imports the content, you have to go to Appearance->Menus to set menu like our demo menu.

> For above form:

> [1]: Select a menu from dropdown list, then click on "Select" button.
> [2]: List of items of menu data demo will appear here.
> [3]: Assign the menu to the "Mega Menu" location.
> [4]: Finally click on "Save" button to save the setting.

4.4 Setting homepage and Blog page

> - From Dashboard -> Settings-> Reading

> - It will takes you to the Reading Settings page, from this page you should care some of the following selections:

> In the "Front page displays" section, check on the button list "A static page"[1], then select Front page[2] and Post page[3] like above screenshot. Finally click on "Save Changes"[4] button.

Note: - In case, you haven't created homepage yet, Go to Dashboard -> Pages -> Add New to create homepage, make sure template "Home Page Template" is sellected for this page.

- See the result in the front-end before importing all needed sample data.

- And the result after importing all needed sample data.

## After Installation

### 1. Adding Logo and Favicon

> Go to Appearance > ALASKA Options

> You can upload your logo.png [1] and icon.png[2]. After that, click on the "Save" button to save above setting information.

### 2. Creating Advance Top Menu.

This section will guide you how to create menu like our demo in mega menu format. Mega menu supports for creating two main components are main menu[1] and sub menu[2]. After installing Alaska theme, the demo data for menu will be automatically installed. You can see the style of the top menu in the front-end demo. But you need to change the image and the links to suite your site.

Following images are the detailed instructions for using this section:

Main menu[1] consists of multi-items, each item has or hasn't a sub menu[2]. In our demo menu, there are 7 items in main menu: HOME, PAGES, SHORTCODES, WHMCS, FEATURES, SHOP, BLOG. As the above screenshot, sub menu of item FEATURES is shown.

2.1 Set Visual Composer for Megamenu post type.

The Visual Composer will be used to create megameu in this section, make sure Visual Composer available for megamenu post type.

- Go to Dashboard >> Settings >> Visual Composer

- It will take you to the page "Visual Composer Settings", In "General Settings" tab check the box "megamenu" to enable VC for megamenu post type.

- Click "Save" button to save the setting.

2.2 Creat Megamenu using Visual Composer

We now guide you to create the FEATURES item with it's submenu in megamenu format like our demo, step by step do following our instruction.

Note: A submenu can have many rows, a row can have many columns. As our demo, we create submenu for FEATURES item in a row with 4 columns.

> Step 1: Go to Dashboard >> Mega Menu

> Step 2: Create FEATURES item

> The page "Add New Menu Item" appears, see the following screenshot.

> For above form. Name FEATURES[1] to megamenu item, then you can choose either work on a backend "CLASSIC MODE" or move your page building process to frontend "FRONTEND EDITOR". We chose "CLASSIC MODE"[2] as a guide for this section. Visual Composor work-area will appears instantly. From this area we can create submenu for FEATURES item in a row with four columns.

> Step 3: Adding row for megamenu by clicking on "Add element" [3] button..

> A popup will appears with many elements, click on "Row"[4] element.

> - The first row has been added into megamenu.

> Step 4: Creating columns for row.

> Hover over icon, then choosing icon[5] to set four column for row.

> Four columns have been created already, see in the image below.

> Step 5: Insert contents into columns.

> - The first column is used to display an image, clicking on icon , so the Single Image element will be selected .

> Insert some neccessary information into popup "Single Image Settings" such as our screenshot below, finally click on "Save Changes" button.

> - In the three remaining columns, We use WP Custom Menu element to add one of your custom menus

> - See the result displaying in backend after creating megamenu for FEATURES item.

2.3 How to create Main Menu

> Step 1: Go to APPEARANCE > MENUES

> - Clicking on "Create a new menu" button

> - Give your menu a name, then click Create Menu button.

> Main Menu has been created, We continuously add items for main menu.

> Step 2: Adding items for main menu.

> Add items for main menu by selecting items from the left column[1], Item can be Pages, Links, Product Categories, Posts....., If Pages, Links, Product Categories, Posts... don't show on the left column[1], click on Screen Options[2] button at the top of this page to show more options, then you only need to tick on check box to display them on the left column[1].

> - Example: Create Home item, go to Links option[3], give this item a URL and link text then click on Add to menu button. The first item has been added to main menu, this item is displayed in Menu Structure[4] area.

> Step by step, you can manipulate the same way to add more items to the Main menu. See our demo in the backend.

> - The front-end befor creating main-menu.

> - And the front-end after creating main-menu.

2.4 Menu Hover Effect

Go to Dashboard >> Appearance >> ALASKA Options

### 3. Portfolio

Portfolio is very important part of any website nowaday, we also put it into Alaska with cool effect when hover on each tab. There are 4 portfolio formats to be displayed on page: image, slider, video, soundcloud. These formats are displayed in 2 columns, 3 columns, 4 columns, sidebar, fullwidth or single page.

3.1 Portfolio Setting

In the Dashboard you can change portfolio settings, those settings will be applied to portfolio archive pages

- Two Columns

- Three Columns

- Four columns

- Portfolio Sidebar

- Portfolio Full Width

3.2 How to create Portfolio items.

From Dashboard, Go to Portfolio > New Portfolio. It will take you to the "Add New Portfolio" page.

For above form:

- [1]: Give portfolio item a name
- [2]: Choosing "BACKEND EDITOR" mode.
- [3]: Selecting one of Portfolio types from dropdownlist in "Portfolio metas" section. There are 4 portfolio types: Image, Slider, Video, Soundcloud.
- [4]: "Visual Composer" section where you can compose multi-contents to porfolio item. Refer to our above demo image.
- [5]: Choosing categories that you would like to display this portfolio item.
- [6]: Upload a feature image for this portfolio item.
- [7]: Finally click on "Publish" button.

- View portfolio item you just created on frontend.

###

### 4. ALASKA SHORTCODES

Together with Visual Composer default shortcode, Alaska has built in 39 other shortcodes, we have used both default shortcodes and our Alaska shortcodes to build our Alaska theme.

4.1 Let's see some shortcodes that we applied on homepage.

- The displaying on front-end.

For above form, some shortcodes are used:

- [1]: Revolution Slider
- [2]: Call To action
- [3]: Service Icon
- [4.1]: Section/Block Title
- [4.2]: Search Domain Box
- [5]: Section/Block Title
- [6]: Pricing Table
- [7]: Funfact shortcode
- [8.1]: Section/Block Title
- [8.2]: Testimonial shortcode
- [9.1]: Section/Block Title
- [9.2]: Accordion shortcode
- [10.1]: Section/Block Title
- [10.2]: Feature content
- [11.1]: Section/ Block Title
- [11.2]: Client list
- [12.1]: Section/ Block Title
- [12.2]: Latest Posts

- These shortcodes are displayed in the back-end.

You can use both default shortcodes and Alaska shortcode to buid your own page, in our demo homepage1 you can perform other actions such as: add more shortcode elements into page; delete a shortcode element from page by hoving over shortcode then choosing icon "Delete", You also manipulate the same way to edit the existed shortcode or it's content.

4.2 Detailed introdution about our 29 Alaska shortcodes

> - Accordion Shortcode

> - Block Quote

> - Button Shortcode

> - Call To action

> - Client List

> - Compare Table

> - Contact Hotline

> - Contact Information

> - Content Box

> - Countdown Shortcode

> - Data Table

> - Domain Price Box

> - Expand/Colapse Content

> - Expand/Collapse Button

> - Feature Content

> - Funfact

> ### - Google MAP

> - Latest Posts

> - List Icons

> - List Images

> - List Style

> - Notification Box

> - Portfolio Shortcode

> - Pricing Table

> - Process Bar

> - Search Domain Box

> - Section/Block Title

> - Service Icon

> - Service Image

> - Service Simple

> - Skill bar

> - Special Offer

> - Team Member

> - Testimonial

> - Text Dropcap

> - Twitter Shortcode

5. Typography Options

Tab Typography Options allow you to change body font, menu font, font size...of the theme, you also can select the normal fonts and google fonts.

Go to Dashboard >> Appearance >> ALASKA options >> Typography Options

6. Information Bar

Go to Dashboard >> Appearance >> ALASKA options >>Info Bar

7. Heading setting

Go to Dashboard >> Appearance >> ALASKA options >> Header Settings

8. Blog Setting

Go to Dashboard >> Appearance >> ALASKA options >>Blog Setting

9. Footer Settings

Go to Dashboard >> Appearance >> ALASKA options >>Footer Setting

## WHMCS

WHMCS it self is very well known as The Complete Client Management, Billing & Support Solution. But people also know that WHMCS is very hard to manage the layout, it has it's own WHMCS template but it is very hard to customize, also WHMCS is not built to support SEO so that it is somehow not good enough.

The opposite of WHMCS weakness we have WordPress as well known as a number one opensource support SEO and super easy to customize and create content.

Therefore that the combination of both systems could be amazing right? then we developed Alaska to make it happen.

### Installation Guidance

1. How to Install WordPress

Refer to the WordPress installation guide here

2. Install Alaska WordPress theme

We have given the detailed installation guide our Alaska theme above, video here

3. Installing WHMCS

Refer to the WHMCS installation guide here. If there are any problem during your installation and configuration please ask WHMCS support forum.

4. Install WHMCS-Bridge Plugin on Wordpress.

Refer to the installation guide of WHMCS-Bridge plugin in here

5. Installation Instructions for WHMCS Bridge PRO on Wordpress.

This is the completed guidence from the plugin developer for both WHMCS site and WordPress site. Please follow this link

If there are any problem during your installation and configuration please ask WHMCS-Bridge support forum.

6. Important notice

After completely all the installation guidences above, you need to upload and config some important things, following steps below.

> Step 1: Upload our template "alaskawhmcs" in attached zip file to WHMCS via FTP, see in the following image.

> Step 2: You continuously upload template "alaskaorder" into folder " orderform/... " on WHMCS via FTP.

> Step 3: If you would like use our orderform that just uploaded to WHMCS, go to Dashboard to active our own oderform.

> Step 4: Go to WordPress Dashboard to set some relevent informations.

> Go to Dashboard >> Settings > WHMCS Bridge >> Settings tab

## Source and Credits

Along the project, I've been using the following assets, even if they were images, icons or other files, as listed.

- Jquery - http://jquery.com/
- Redux framework - http://reduxframework.com/
- Custom Metaboxes and Fields for WordPress - https://github.com/WebDevStudios/Custom-Metaboxes-and-Fields-for-WordPress
- jQuery FitVids - http://fitvidsjs.com/
- Modernizr - http://modernizr.com/
- Font Awesome - fortawesome.github.com/Font-Awesome/
- ..

## Changelog

# Version 1.0 – January 23th, 2015

Version 1.1 – February 1st, 2015

Version 1.2 – February 3st, 2015

Update February 14th, 2015

## Customization Service

Many client asked us for custom works, and this is the list of services we are offering, please ignore if you don't need them:

0. Install WordPress, Alaska theme and required plugin: FREE

1. Install WHMCS: $15

2. WHMCS Bridge Addon, template and configuration: $15

3. WHMCS-Bridge plugin including configurationn: $15

4. Custom website color, moving content from old site, base price is: $199/site

5. Full site development : Cost is base on your requirement

Please feel free to contact us for any of service you want by click this link bellow.

Custom Service Inquiry

Again please ignore those offer if you don't need.

## Frequently Asked Questions

## Thank you!

Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template.

Go to Top