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 via my user page contact form here. Thanks so much!


Install Theme

There are two ways to install this theme: you can upload Nindarubi.zip file by “Upload Theme” button in Wordpress. Or, you can copy all files using FTP client.

Depending on Wordpress version you are using, there might be some view differences with this following tutorial. This is based on Wordpress  3+.
  1. First, extract Nindarubi-wordpress-theme.ZIP.
  2. Login to your WordPress admin.
  3. In "Appearance > Themes" menu, click tab "Install Themes"
  4. Click   "Upload" , then choose file.

  5.  Find and choose file named Nindarubi.zip then click "Install Now"
  6.  

  7.  After installation is succesful, you will be confirmed about this new theme.
  8. Click "Activate" link.

  9.  

  1.   Login to your FTP server and find your WordPress theme directory.
  2.   Usually, the location is in "wp-content/themes"
  3.   Copy and paste"Nindarubi" folder into the directory.

  4.   Login to WordPress admin.
  5.   In "Appearance" menu, click "Themes"
  6.   Click "Activate" link on theme "Nindarubi"

I. General

This theme came with shortcode generator and many shortcode, that's resulting a big file. Sometime after instaling you will see a blank page on the dashboard. Dont worry, just click back button on your browser and then click refresh. If problem still occure, activate the other theme first, then activate Nindarubi.

Here the usefull link for other common problem:

Common 'Broken Theme' and 'Stylesheet Missing' WordPress Issues

If the problem still exist, contact us and we will assist the problem.

 

II. Error notification

Some user got the kindof errors like bellow after instalation:

 

1. Warning: Creating default object from empty value in /home/xxx/public_html/wp-content/themes/Nindarubi/admin/admin.php on line 317

2. Warning: Cannot modify header information - headers already sent by (output started at /home/xxx/public_html/wp-content/themes/Nindarubi/admin/admin.php:317) in /home/guaranto/public_html/wp-includes/option.php on line 568

 

This error ussualy show up when you upgrading to the unstable PHP4 version on your server.
This theme tested in stable php environment (PHP 4.) Also work fine on PHP version 5.3.8

Contact your host server and ask to downgrade the PHP version.


First Step!

After activate the theme, follow this steps to set your frontpage.

First time you install this theme, You will see the notify to install some plugin (on the top of your dashboard page.)

You need to install these 3 plugins.

Here the list of the three plugin:

  1. styles-with-shortcodes.zip
  2. post-formats-develop.zip
  3. media-element-html5-video-and-audio-player.zip

NOTE:

  1. After install these plugins, don't forget to activate. Go to Plugin page on your dashboard and check.
  2. Also, install the rest of plugin on folder "Third party plugin" folder from the file you downloaded from Themeforest.

First time you install this theme, the option panel show the pre-default setting. It's mean you need to manually setting the options.

NOTE: ussually, the option panel will open just right after you activate the theme.

Firstable, setting up the basic need for the layout like the demo. In this article, we only use 2 setting for the basic appearance: setting the color scheme and setting the typograhy.

  1. Click the Nindarubi option menu from the dashboard.
  2.  

     

  3. Go to the Typography tab and change the font setting just like the suggested that you can find on the every elements.
  4. Make change for other settings; insert company logo, conpany info and other from the option panel.
  5. Click Save button

Note:

After setting the typography, set the other tab section as you want

In the demo, I used some third party plugins and give a litle modification to fit to this theme. Please open the Third-party-Plugin's folder and install all the plugin inside the folder.

 

First, you need to prepare your menu. This theme supports 3 custom menus:

1. Top menu; menu displayed at the top header.

2. Left menu; menu displayed at the left side of the logo.

3. Right menu; menu displayed at the right side of the logo.

 

To create menu go to Appearance > Menus. Create the menu by entering title of the menu in the field Menu Name and clicking Save Menu to save.Then activate the menu by choosing active menu on the left and saving it.

  1. Go to "Appearance" > "Menus".
  2. To create a custom navigation menu, type a name for it (in this tutorial, type TOP menu as a name) and click Create Menu.


  3. You need to add pages to your menu by checking the proper boxes for the pages you want and then click Add to Menu (You can also adding Category pages, Tag pages and create Custom link.)


  4. Be sure to click Save Menu each time you make changes to your custom menu.


  5. Create another custom navigation menu, this time type LEFT menu as a name. (follow step 1 - step 4.)
  6. Create one more menu, RIGHT menu with same steps.
  7. Next step is integrate your custom menu into the right place.
  8. In the Theme location box, at the Left Top Menu, choose Left menu from the drop down list. Do the same step to other menu (choose the appropriate menu.)

  9. Click Save.

Note: you must create Pages or category post first before create custom menu. Automatically, they will show up on the proper box.

Useful link to learn how to create custom menu:


Setting up the frontpage

Here 3 videos to show you how to setting up the frontpage

  1. Installing theme and setting default frontpage.
  2. Create blog layout from template
  3. Create custom frontpage with modules.

Wath the video tutorial bellow.

You can use this layout right after activate the theme.

Note:

- Insert the slider you want from the option panel

- You must install the slider first before use it. For example, if you want to use layer slider, install the slider first. Copy the shortcode then paste into option panel. You can use any slider as long as they have shortcode.

Watch the video bellow.


Note:

If you can not see the video, please click here


In this steps, we will use module to and template layout to create custom frontpage.

Follow this steps:

  1. Create a new page.
  2. Type the title.
  3. Choose Blog Template from Template drod dwon list.

  1. Click publish button to save your work.
  2. Setting up your new page as the frontpage (read the tutorial on III.4. Setting up the layout as frontpage)
  3. Done.

Note:

If you can not see the video, please click here


 

In this steps, we will use module to and template layout to create custom frontpage.

Follow this steps:

  1. Create a mockup for your basic work.
  2. Create a new page.
  3. Type the title
  4. Choose the layout from template. We provide 2 templates to create custom frontpage: Template full blank to create frontpage without sidebar. And Template with sidebar to create frontpage with default sidebar.
  5. Create basic layout with layout builder. Work base from your mock up.
  6. Click SwS button to open the module.
  7. Fill the layout with shortcode module and appropriate content as you need.
  8. Click publish button to save your work.
  9. Setting up your new page as the frontpage (read the tutorial on III.4. Setting up the layout as frontpage)
  10. Done.

Note: Watch the video for to see the steps. In this video, we will use module 4, module 12 and module 1. You can see the module layout on the theme demo.


Note:

If you can not see the video, please click here


 

After create layout, now we have a page and ready to use as a frontpage.

Follow this steps to setting your layout as frontpage.

  1. Click Setting> Reading.
  2.  

     

  3. On the Reading page, at the "Front page displays" area, choose "A static page (select below)" then choose your new page you created before.
  4.  

     

  5. Click Save Change button.
  6. Done. Refresh your web.

 


Fill your content

This theme came with many features to resulting a post layout. Follow the tutorial bellow to see how to create post like the demo.

In this tutorial we will create a post with full features.

Watch the video tutorial


Note:

If you can not see the video, please click here


In this tutorial we will create the rest of post format. This theme support 10 post format with easy posting feature.

Watch the video tutorial

Note:

If you can not see the video, please click here


In this tutorial we will create a post for staff and create menu for staff list.

Watch the video tutorial

Note:

If you can not see the video, please click here


In this tutorial we will create a post for event and create menu for event list.

Watch the video tutorial

Note:

If you can not see the video, please click here


In this tutorial we will create a post for event and create menu for event list.

Watch the video tutorial

Note:

If you can not see the video, please click here


This theme came with 5 custom post types. Every custom page had their own layout included on shortcode. You can insert their layout just by click the shortcode button.

Here the list of custom post type came with this theme.

  1. Subtitle

  2. You can add subtitle to your post or page by type subtitle on the custom field box.

    Type subtitle (not Subtitle) on name box, and type your subtitle on value box.

     

     

    Note: Make sure you displayed the custom field, check from the Screen option on the right top of the editor page.

  3. Rating

  4. This theme provide two kind of rating: star rating and custom rating.

    Star rating system:

    On the custom field, type= Rating (not rating)and on the value box, type (for example) = 4/5. will display 4 star from 5.

    Custom rating system:

    On the custom field, type= agerating (not Agerating) and on the value box, type anything you want. For example= Rate - G for all age.

  5. Custom header for post/page.

  6. With this feature, you can insert individual image for every post and page. Follow this steps:

    On the custom field, type= img (not Img)and on the value box, type the location of the image you want to use.

Note:

You can see the video from the tutorial on IV.1) Create standard post with full feature


A short way

This theme came with tons of shortcodes. You can use to make layout or give a perfect formatting into your posts or pages.

This theme comes with over than 110 shortcode! You can use it to get the layout of suitable mockup. Useful addition to beautifying the post or page, shortcode on this theme is very useful to design your web layout.

To insert a shortcode, you just need to press the shortcode button on post/page editor. Then select a category and select the shortcode.

 

 



This theme comes with many shortcode. Here the list of the shortcode came with this theme. Shortcode by categories:

     


Machine behind

Here you can control some general option for your web.

Anatomy of Theme Option


Watch the video

Note:

If you can not see the video, please click here



The following images, icons or other files have been used in this theme.

  1. http://bxslider.com/
  2. http://thirdroute.com/projects/captify/
  3. http://www.dynamicdrive.com/style/
  4. http://jquery.malsup.com/cycle/
  5. William Paoli.
  6. http://flesler.blogspot.com
  7. http://www.dynamicwp.net
  8. Handler CSS for IE by Keith Clark
  9. Responsiveslides
  10. News-ticker
  11. Rcarousel
  12. Coda-slider
  13. Captify
  14. Quote rotator
  15. Rangeinput
  16. Powerfull Option panel from Upthemes.
  17. Icon on panel from brankic1979.
  18. Camera slider by Manuel Masia.
  19. Basic theme
  20. Ramez Bdiwi
Sources and Credits for preview
  1. Mark J. Sebastian

This theme using shortcode for module. If you make modification for the module (on offilne host or live host,) you should save your work before move to other host.

Follow this steps to save your work:

  1. Copy this URL into your browser. Make sure you change with the right path then push Enter.
  2. http://my.domain/wordpress/wp-content/plugins/styles-with-shortcodes/includes/admin.export_bundle.php?bundle=starter

    Example:

    http://localhost/wordpress/wp-content/plugins/styles-with-shortcodes/includes/admin.export_bundle.php?bundle=starter

    http://www.mydomain.com/wordpress/wp-content/plugins/styles-with-shortcodes/includes/admin.export_bundle.php?bundle=starter

  3. If you insert the right code, you will see this text on your browser:
  4. {"R":"OK"}

  5. Your work saved. Copy the theme as backup. Or move the theme into new server with your new shortcode modification.

 

Note: Please carefull when you update the file. Make sure you save your work and create backup before install the udate file.


Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.