20Script - All For WebMasters...

Created: May 20, 2014
Author: Dmitriy Kozhukhar
email: royalwpthemes@gmail.com

Dear buyer,
Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please send me on e-mail.
Also don't forget vote for this theme on ThemeForest, your voice important for me )

## GFXFree.Net - Download Unique Web Templates And Scripts

1. Install Theme
2. XML file
3. Home page & Featured
4. Custom Menu
5. Sidebars
6. Single post and pages
7. Page templates
8. Shortcodes
9. Colorization
10. SEO
11. WooCommerce manual
12. Video

### 1. Install Theme - top

The first thing you need to activate the theme for this go to Appearance > Themes and click activate the theme NewGen:

### 2. XML file with content - top

For a quick start, you need to install XML file.

This file includes dummy posts, pages, menus, tags, categories etc.

Choose newgen.xml file from XML Data folder

To install the XML data, go to Tools > Import, click on WordPress then select suitable xml file located in the XML Data folder.

Then click Upload file and import. Choose a user to assign the posts to and make sure you click the Download and import file attachments checkbox and then click submit.

If you want upload Woocommerce products, then install Woocommerce plugin from plugins folder before you upload XML!

Content is loaded! Next read documentation how to customize theme.

### 3. Home page & Featured - top

First, let's add a slider to our theme, for this you need to create few posts for a slider ( Also you have posts after install xml file ):

Also, all post must contain post thumbnails!

Homepage is constructed with Visual Composer plugin, install this plugin from plugins folder before configure Homepage!

Next, we need to create the Home page and select one of the templates for the Home page. Choose a template Home Page:

Next, you choose created the Home page and make it static and also select number of posts which will be displayed in all pages (categories, archives, search etc)

Now we need to go into the settings panel theme NewGen Options> Featured and enable the option Featured area and select Recent posts or Featured category:

Select Oswald font for Headers and enable the option Header top panel for Secondary menu and social bookmarks

Next select Banner size and enable the options Header banner and Social bookmarks

Banner code example (delete spaces before a and img tags!)

      < a href="http://site.com" target="_blank">
      < img src="http://site.com/wordpress/wp-content/uploads/banner_728_90.png" alt="banner_728x90px"/>
      < /a>

### 4. Custom Menu - top

And so, go to Appearance > Menus and create a new menu, for example "Main menu".

Then select in tab Manage Locations created menu.

Now choose the pages, cats etc what will be appear in our menu and add them.

After you add pages to the menu, we will create a submenu, for this you need to simply drag and drop, page to the right location and click Save menu:

Menu is constructed with Mega Main Menu plugin, install this plugin from plugins folder!

Configure Skin of Main menu:

### 5. Sidebars - top

Next step let's add necessary widgets.

Also don't forget upload (from package -> plugins folder) on your server special plugins like twitter widget, social widget etc.

You can change color in widgets and also for all categories links!

For this you need insert custom css code like this

    //For small widgets use this code example:

    #smallsidebar-3 .small-heading {border-color: #ff3b3b;}
    #smallsidebar-4 .small-heading {border-color: #25b9fe;}
    #smallsidebar-5 .small-heading {border-color: #c947ff;}

    //For right sidebar widgets use this code example:

    #search-2 .side_feat_icon {background-color: #ffae00;}
    #recentcategoryposts-3 .side_feat_icon {background-color: #f14d4d;}
    #royal_video_widget-2 .side_feat_icon {background-color: #ffae00;}

    //For categories use this code example:

    .news{background-color: #ffb605;}
    .blog{background-color: #444;}
    .games{background-color: #1eb2ff;}
    .music{background-color: #c947ff;}
    .sport{background-color: #25b9fe;}

You can easy find this code with FireBug addon for Chrome: http://getfirebug.com/releases/lite/chrome/

Or search widget ID in source code in any browser, use ctrl+u

### 6. Single post and pages - top

Next move on to setting single posts and pages, go to Appearance > NewGen Options and the tab Single post:

You can select the size of the header posts, but before that you need to enable the option Custom Style in General settings.

In Categories menu you can add Description for category, this description will be displayed in Homepage shortcodes and on Index pages.

If you insert image path in field Category image path, then parallax box with category description will be displayed on Index page.

Instead, post thumbnails, you can also display video (YouTube & Vimeo), Slider or Visual Composer shortcodes.

You need Hide Thumbnail and Show Video in Single post settings panel, and insert video ID code also check post format Video.

If you want to show slider you need Hide Thumbnail and enable Show Slider in post option, next insert path of images, also check post format Image.

To display similar posts you need to enable the option Similar posts, so that posts are displayed, they must have the same tags,

for example: all the posts from the category Blog, have same tag "Blog".

### 7. Page templates - top

Except Homepage templates, this is: Page full width, Sitemap, Contact page, Error 404.

#### Page template - Sitemap.

#### Page template – Error 404.

#### Page template – Contact form.

For the contact form you must insert your e-mail address, and you can enter text to be displayed on the page Contact us, to do this, go to Appearance > NewGen Options in Pages tab and type in the Email for contact form your Email and text in the text for contact page, also you can display google map:

Page is ready for use:

### 8. Shortcodes - top

In theme integrated visual composer plugin, and first you need install this plugin,
open in NewGen Package, folder plugins and upload js_composer archive!

After that you can very easy and quick build any pages or posts!)

More information about this plugin see here »

### 9. Colorization - top

If you want to change the color, since you need to enable the option Custom style the tab General Settings. Then go to Appearance > NewGen Options in Colorization tab and click on the box will open colorpicker, where you choose the right, after you select color click on the bottom right corner:

### 10. SEO - top

You can enter custom text for the title, description and keywords for the main page and single posts and pages.

For the main page you can enter text directly from the admin SEO:

For single posts and pages, use the custom fields: custom-title, custom-description, custom-keywords:

### 11. WooCommerce manual - top

You need upload woocommerce.zip from plugins folder, also if you want to use xml from demo, you need first install plugin and next install xml file!

Review the server requirements before installing.
Upon activation, WooCommerce will install several things that it requires to function correctly:
1. Several new pages (for handling things like the shop, cart, and checkout)
2. Custom post types and taxonomies for orders and products
3. Several new widgets and shortcodes
4. User roles for shop managers and customers
There are two WooCommerce installation options: Automatic or Manual.

All necessary information you can find here:

http://docs.woothemes.com/documentation/plugins/woocommerce/getting-started/

### 12. Video - top

1. How to configure theme from start

Or you can download original in better quality here (Ctrl+S)

https://docs.google.com/file/d/0B4zlLDuSpBvIWVc1VWVkT1hwZVE/edit?usp=drive_web

2. How to configure theme - some plugins

Or you can download original in better quality here (Ctrl+S)

https://docs.google.com/file/d/0B4zlLDuSpBvIWVc1VWVkT1hwZVE/edit?usp=drive_web

Don't update Visual composer! because it's modified plugin specially for this theme! Install only from my package

Note: If in manual of theme you can not find how to configure option, or you have a question about the theme, send me an email: royalwpthemes@gmail.com

© 2014 RoyalwpThemes.