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

Avatar

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 )

Table of Contents

  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:

Activate the theme

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.

XML file - Wordpress

XML file - Plugin

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.

XML file - Chose

XML file - 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 ):

Create a category for a slider

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:

Create the 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)

Make it static

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:

Enable the option Featured area

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

Enable the option Font

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

Enable the option Social

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.

Create a submenu2

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:

Create a submenu

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

Create a menu

Configure Skin of Main menu:

Create a 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.

Widgets

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

For this you need insert custom css code like this

Widgets

  
//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/

Widgets


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

Widgets

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.

Configure Single post and page

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.

Configure pages

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.

Configure Single post and page

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.

Configure Single Slider format

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".

Similar posts

7. Page templates - top

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

Page templates

Page template - Sitemap.

Sitemap

Page template – Error 404.

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:

Contact form

Page is ready for use:

Contact form_2

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:

Colorization

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:

SEO

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

SEO_2

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.

WooCommerce

WooCommerce

WooCommerce

WooCommerce

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


VC Extension Activation Code: 01b699e6-84b4-42cf-893a-9c8aa6547412

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

FooterLogo
© 2014 RoyalwpThemes.