1. Start
  2. Theme Installation
  3. Home Page
    1. Page Setup
    2. Menu Setup
    3. Intro Section
    4. Home Page Posts Section
    5. Profiles Section
    6. Donation Section
    7. Home Page Layout
  4. Slide
  5. Blog
  6. Gallery
    1. Adding Images
    2. Adding Slideshow
    3. Adding Video
  7. Testimonials
  8. Landing Page
  9. Contact Page
  10. Theme Options
    1. General Options
    2. Appearance Options
    3. Slider Options
    4. Home Page
    5. CTA
    6. Intro
    7. Posts
    8. Donation
    9. Landing Page
    10. Miscellaneous
    11. Social Media
  11. Post Types
    1. Aside
    2. Quote
  12. Widgets
    1. Bhinneka Donation Widget
    2. Bhinneka Lastet Post Widget
    3. Bhinneka Map Widget
    4. Bhinneka Newsletter Widget
    5. Bhinneka Popular Posts Widget
    6. Bhinneka Single Post Widget
    7. Bhinneka Testimonial Widget
    8. Bhinneka Twitter Widget
    9. Bhinneka Video Widget
  13. Shortcodes
  14. Replacing Fonts
  15. PSD Files
  16. Sources and Credits

Bhinneka

WordPres Theme Documentation


Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please post your question in the support forum. You'll get an access within 24 hours (weekdays) once I verified your purchase. Thank you!

Theme Installation


Before installing the Theme, please update your WordPress to the latest version. This will enable you to fully utilize all the features in this Theme.

To install this Theme, follow these basic steps:

  1. Extract the file and locate the bhinneka folder inside the zip file you downloaded from ThemeForest.
  2. Log in to the WordPress Administration Panel.
  3. Select the Appearance > Themes.
  4. Select Install Themes
  5. Use the Upload link in the top sub-menu to upload zipped copy of the theme (bhinneka.zip).
  6. From the Available Themes section, click on the Bhinneka and activate it.

Home Page


Page Setup

To setup the Home Page, follow this steps:

  1. Click on Pages > Add New ,name this page Home.
  2. On the right side find the Page Attributes box. Select Home template as the page template.
  3. Publish the page
  4. Click on Setting > Reading
  5. Select the Home page you created as the Front page.

 

Menu Setup

This theme support Custom Navigation Menu. This feature only compatible with WordPress Version 3.0+. The Custom Navigation Menu enable you to easily customize the navigation menu in this theme.

There are 3 locations of the Custom Navigation Menu:

 

Using Custom Menus:

  1. From Dashboard, Go to Appearance > Menus.
  2. To create a new custom menu, click on the + tab, give the menu a name, and click Create Menu button.
  3. Select Pages, Posts, or Custom Links and click Add to Menu.
  4. Once an item is added to a menu, those menu items can be rearranged. Menu item can be dragged slightly to the right of the menu item above it to create a parent/child relationship in the menu.
  5. Expand the Menu Item to configure available options ( Label and Attribute ).

The Primary Navigation will show a list of all pages by default if Custom Menu has not configured.

On the Call to Action Navigation, it's important to enter the Title Attribute. The Title Attribute will be displayed as the sub-title below the menu title.

Amount of Call to Action menu, can be adjusted from the Theme Options.

 

Intro Section

 

Home Page Posts Section

Home Page columns will show the Latest Posts by default. The Home Page columns can be fully customized by changing the Query. You can specify the Query in the Theme Options. Read here for more info about WordPress Query.

The Posts can be displayed in 2 columns and 3 columns. Go to Theme Options > Home Page to adjust the layout.

 

Profiles Section

 

Donation Section

 

How to create a Paypal link
  1. Log in to your Paypal account and go to this page.
  2. Click Create your button now.
  3. Put some informations in the Step 1, skip Step 2 and 3.
  4. Click Save Changes.
  5. Select the Email tab and get the code.

This theme has Testimonials Widgets that will display Testimonials in a widget. Read more about Widgets here.

 

 

Home Page Layout

The Home Page layout can be modified from the Theme Options. User can rearrange the sections by drag and drop the sections from the Homepage layout manager.

Slide


The Home Page features a slider. To add a new slide to the slider, follow this steps:

Recommended image size for the slide is 960 px x 390 px

The slide animation, pause time, slider speed, etc can be changed from Theme Options.

Blog


Before you can add Blog Posts, you have to setup the Blog Page. Follow this steps:

  1. From WordPress Dashboard, click on Pages > Add New and type the name Blog.
  2. Publish the page.
  3. Go back to WordPress Dashboard and click on Settings > Reading.
  4. Select the Blog Page you just created as the Posts Page.

It is highly recommended to upload an image that is larger than 640 px x 250 px

Auto-resizing will only occur when the image is uploaded for the very first time. Images that have previously been uploaded will not be re sized.

Testimonials


This theme has Testimonials as Custom Post type. On the left side of WordPress Dashboard, there is Testimonials section below Posts.

Before you can add Testimonials, you have to setup the Testimonial Page. Follow this steps:

  1. Click Pages > Add New and name the Page
  2. Select Testimonials Page Template on the Page Attributes box at the right side of the page.
  3. Publish the page.

To add Testimonials, follow this steps:

  1. From WordPress Dashboard go to Testimonials > Add New
  2. Enter testimonials in the Visual / HTML editor
  3. Enter necessary information ( Name and Title ) in the Testimonial Content box.
  4. Publish the Testimonials
  5. The Testimonial will be displayed in the Testimonial Page you created earlier.

This theme has Testimonials Widgets that will display Testimonials in a widget. Read more about Widgets here.

Landing Page


 

Menu image

 

Make sure to enable the Display Menu in Theme Options > Landing Page to display the menu.

The menu thumbnail image has to be at 85px x 85px.

 

 

 

Contact Page


This theme comes with a simple contact page with contact form. The contact form comes with a useful set of validation methods, including email address validation.

To setup the Contact Page, follow this steps:

  1. Create a Contact Page. Click Pages > Add New and name the Page
  2. Select Contact Page Template on the Page Attributes box at the right side of the page.
  3. Publish the page.
  4. In the Theme Options > General, enter your email address. 

To display Google Maps and contact detail like in the demo site, follow this steps:

  1. In the Custom Fields, enter "map" in the Custom Field Name.
  2. Enter the Google Map (withouh iframe) link in the Value.
  3. Click Add Custom Field.
  4. Create another Custom Field, enter "map-api" in the Custom Field Name
  5. Enter the Google Maps static API.
  6. Create another Custom Field, enter "address" in the Custom Field Name
  7. Enter the contact details in the Value. You may enter HTML tag in the value.
  8. Click Add Custom Field.

Theme Options


This theme have a custom Theme Options panel. To access it select the Appearance panel, then Theme Options.

 

There are eleven sections of the Theme Options:

General Options

These are the common options of this theme.

 

Appearance Options

These are the options of the theme appearance.

 

Slider Options

These are the options of the Slide on the Home Page.

Home Page

User can rearrange the home page layout by drag and drop the sections from the Homepage layout manager.

CTA

Intro

 

Posts

The Posts Mod can can be used to display excerpt from any Post or Pages.

Menu image

Donation

Menu image

 

Landing Page

Miscellaneous

These are options for Search Page, 404 Page, and Contact Page

Social Media

These options allows users to add their social media icons in the header (top of the page).

Post Types


This theme supports Post Format. This feature only available in WordPress 3.1+.

In short user can change how each post looks by choosing a Post Format from a radio-button list.

There are 2 types Post Format in this theme:

Aside

An aside is a short piece of text – usually no more than a paragraph. It appears on the index page without a title.

 

Quote

A quote is for a post using a lot of quotes. This will make the quotes stand out on index page.

Widgets


Bhinneka theme comes with Custom Widgets. It can be found under Appearance > Widgets.

 

Bhinneka Donation Widget

This widget display a link to any page for example a Paypal link.

 

How to create a Paypal link
  1. Log in to your Paypal account and go to this page.
  2. Click Create your button now.
  3. Put some informations in the Step 1, skip Step 2 and 3.
  4. Click Save Changes.
  5. Select the Email tab and get the code.

 

Options:

 

Bhinneka Lastet Post Widget

This widget display the latest posts from certain category. If the Category ID is empty it will display the latest posts from all category.

Options:

 

Bhinneka Map Widget

This widget display a link to Google Maps in modal window.

Options:

 

Bhinneka Newsletter Widget

This widget display a link to a newsletter signup form or any page.
Read more about MailChimp link here.

Options:

 

This widget display the posts with most comments.

Options:

 

Bhinneka Single Post Widget

This widget display the content of a particular post or page.

Options:

 

Bhinneka Testimonial Widget

This widget display the Testimonial posts in random order.

Options:

 

Bhinneka Twitter Widget

This widget display the latest tweets.

Options:

It can be only one twitter widget in each page. It can't be placed in both sidebar and footer.

 

Bhinneka Video Widget

This widget display a video hosted on other sites like Youtube and Vimeo.

Options:

Shortcodes


Briefly, shortcode is a special tag that you can enter into a post that gets replaced with different content when actually viewing the post on the website. 

This theme comes with custom shortcodes. You can add the shortcodes easily from the Wordpress visual editor using the theme's shortcode editor.

Replacing Fonts


This theme used Font Face to replace the standards fonts with non-standard fonts. You can replace any text with Font Face by adding "replace" class.

The easiest way to change the font is by using Google Web Fonts in the Theme Options. Another method is to change the font by replacing the Font Face.

If you want to change the Font Face, follow this steps:

  1. Generate the new Font Face here.
  2. Put the eot, svg, ttf, woff, and txt files inside the fonts folder (themes/bhinneka/fonts/).
  3. Open css/layout.css , find the Font Face section and replace it with the new code from stylesheet.css.
  4. Replace Nevis and all instances in layout.css with the new font-family name.

 

PSD Files


These are the PSD files included in this theme:

Home Page layout in 3 color styles
4 PSDs layout in default style:
PSDs of the elements (icons, widgets, etc)

 

Sources and Credits


Credits belong to:

Icons
Font
JavaScript