Bhumi Lite Documentation

Getting Started

Installing The Theme

Installing The Theme via WordPress Dashboard

To Install a Theme via WordPress Dashboard follow these steps:

  1. Go to your WordPress Admin Panel & Log in (Ex: http://yourwebsite.com/wp-admin)
  2. Go to Appearance -> Themes -> Add New
  3. From top, Click on Upload Theme
  4. Choose the ZIP file you’ve downloaded & Click Install Now
  5. Click on Activate to active the theme

If you are a visual learner, you can watch this video tutorial about How To Install a Theme

Installing The Theme via FTP

To install a WordPress Theme via FTP, follow these steps:

We will be using Filezilla

  1. Open Filezilla
  2. Enter the FTP account details provided by your web host in Host, Username & Password field
                          Host: Server hostname (FTP.yourdomain.com)
                         
    Username: Your Username
                         
    Password: Your Password
  3. Once connected, you’ll see two panes.
                          Left Pane (Local Site): Shows the files on your computer
                          Right Pane (Remote Site): Shows the files currently on the web server.
  4. Locate your root folder (Ex: public_html)
  5. Extract the theme file; drag & drop the unzipped theme folder to wp-content/themes directory.
  6. If you’re done uploading files, to disconnect just click the disconnect icon
  7. Activate the theme from Appearance -> Themes

If you are a visual learner, follow Video tutorial about How To Use FTP To Upload Files To WordPress

Basic Setup

Site Layout

 

The Bhumi Lite is designed in a way that the whole site can be optimized easily from Customizer. And this changes will be applied throughout the entire site.

 

Bhumi Lite - Home page
Bhumi Lite – Home page

For customizing the theme options, login to your WordPress site’s admin, go to Appearance > customize.

The customizer comprises of

  1. Theme Options
  2. Site Identity
  3. Colors
  4. Background Image
  5. Menus
  6. Widgets
  7. Static Front Page

 

Theme Options

The theme option is the section which changes most of the home page features and consists of the following section:

Go to Appearance -> Customize -> Theme Options 

  1. General Options
  2. Slider Options
  3. Service Options
  4. Portfolio Options
  5. Home Blog Options
  6. Social Options
  7. Call to action Options
  8. Footer Options

 

  1. General Options

    • Front page option is for theme’s designed home page, if unchecked regular listing of post(similar to blog page) will appear as front page.
    • By default, Optimizer displays Site Title as a logo. However, if you want, you can upload an upload image logo too. Follow below steps to set up an image logo.
      1. Click on Select Image to upload your logo image
      2. Click on Save & Publish
    • Set the width and height of the Logo as per required. If left empty, auto width and height will be taken for Logo Image

      General Options -Bhumi lite

  2. Slider Options

    • It consists of option to put 3 images in the slider.
    • There are five options for each image.
      • Slider image is to add or remove the image.
      • Slider title is for respective slide’s title.
      • Slider description is for respective slide’s description.
      • Slider button is to change the button text.
      • Slider button link is to set the link after the click of the button

        slider

  3. Service Options

    • Home service title changes the title for Service block.
    • Consists for 4 blocks of services with its individual details.
      • Service title and text are for the title and description of the respective service.
      • The service icon can be changed by inserting the icon name from font-awesome link given above service icon field and adding it in the field.

        bhumi-services-option

  4. Portfolio Options

    • The Portfolio block can be shown or hidden by ‘Enable Portfolio on Home’ option.
    • The Portfolio heading displays the title of the portfolio block.
    • Images can be added or removed in Portfolio Image.
    • Each portfolio images text can be changed by changing in portfolio title.
    • The link to be displayed must be kept in portfolio link.

      portfolio-bhumi-lite

      Portfolio-frontend-bhumi-lite

  5. Home Blog Options

    • To show the blog posts ‘Show Blog Posts’ must be checked.
    • The blog section title can be changed by changing ‘home blog title’.

      latest-blog-bhumi-lite

  6. Social Options

    • ‘Enable social media icons in header’ option is to hide or show the social icons, number and email in the header.
    • Similarly the ‘Enable social media icons in footer’ option is to hide or show the social icons in footer.
    • The ’email id’ and ‘phone number’ fields are to display in header as well as email or call on the respective email id or phone number on click.
    • The ‘twitter’,’facebook’,’google+’,’youtube’,’instagram’ fields are to put the respective links in order to be displayed while clicking on the icons.

      social-icon-footer-bhuli-litesocial-icon-header-bhuli-lite
       

  7. Call to action Options

    • ‘Enable CTA on Home Page ‘ hides or shows the CTA block.
    • The top ,middle and bottom option under CTA location on homepage changes the display position of the CTA block.
      • The top option shows it above portfolio block.
      • Middle shows it above the blog and bottom displays under the blog.
      • By default the bottom option is selected.
    • Change the title from ‘footer call out title’.
    • Button text to be changed from ‘footer callout button text’.
    • The link to the desired feature can be kept in the ‘footer callout button link’.

      call-to-action-homepage-bumi-lite

  8. Footer Options

    • The text displayed in the footer and the link to where it should go on click can be changed in footer options.

      social-icon-footer-bhuli-lite
      footer-options-customizer-bhumi-lite

Site Identity

Go to Appearance -> Customize -> Site Indentity

By default, Bhumi displays Site Title and Tagline as a logo. However, if you want, you can upload an upload image logo too. Follow below steps to set up an image logo:

  1. Go to Appearance -> Customize -> Theme Options -> General Options
  2. Click on image tab.
  3. Click on Select Image to upload your logo image.
  4. Click on Save & Publish.

 

The Site Icon is used as a browser and app icon for your site. Icons must be square, and at least 512px wide and tall.

Colors

By default, Bhumi provides white background color of the container. However, if you want, you can change the background color of the container too. Background color for container will be set through out the site.

Follow below steps to set up an image logo:

Go to Appearance -> Customize -> Colors

 

body-background-bhumi-lite

 

innerpage-body-background-bhumi-lite

 

Background Image

By default, Bhumi doesnot have background. However, if you want, you can upload an upload background too. Background image will be set for the container through out the site.

Follow below steps to set up an image logo:

Go to Appearance -> Customize -> Background Image

Customize accordingly

Setting Up the Menu

How To Set Up The Menu?

Setting up a menu is quite easy. Follow these steps to create a menu:

  1. Go to Appearance ->Menus, and click the “create a new menu” link. Give your menu a name and click the “Create Menu” button.
  2. Now add menu items to the newly create menu. You can add menu from your pages and categories. You can also add custom links to your menu. To add a menu item, select the menu item from left and click the “Add to menu” button.
  3. You can change the order of menus from right by dragging and dropping them. To create a sub-menu, drag a menu item and move it to the right.
  4. After adding all the menu items, select the “Primary Menu” option from the bottom &
  5. Click “Save Menu

 

setting-menu-bhumi-lite

 

Still not clear. Take a look at this video about Creating Menu

Widgets

Primary Widget Area – Sidebar

Helps you to setup sidebar of inner pages.

Footer Widget Area

Helps you to setup pre-footer

 

Setting up a Widget is quite easy. Follow these steps setup widget:

  1. Go to Appearance ->Widgets
  2. Now Select the required widget from left side and assign it to the either sidebar or footer widget area. Or you can drag and drop the widgets too.
  3. You can change the order of widgets from right by dragging and dropping them.
  4. Once done, click “Save”.

 

widget-bhumi-lite

 

Still not clear. Take a look at this video about Creating Menu WordPress Widget Tutorial

 

 

Static Front Page
  • In static front page choosing your latest post shows only the latest post and sidebar.
  • For this to work ‘show front page’ option of general option must not be checked.
  • After choosing ‘a static page’ two options are given, each for selecting either a post as a static page or page as a static page.

static-front-page-bhumi-lite

 

Page Template

Page Template

In Bhumi Lite , you can set 3 types of page templates. These are

  1. Default: Page with Right Sidebar
  2. Full-Width Page: Page With No Sidebar
  3. Page With Left Sidebar: Page with Left Sidebar

 

How To Setup a Full-Width Page

If you want set a page with no margin on left or right, you can use Full-Width Page Template

  1. To add a new page Go To Dashboard -> Pages -> Add New and Give it a title
  2. In the post editor page, there is a box on the right called “Page Attributes“. From this box, you can select multiple page templates. Select “Full-Width Page Template” and save the page.

 

How To Set Up a Page With Left Sidebar

If you want set a page with no margin on left or right, you can use Page With Left Sidebar Template, So that you can customize the page with various Shortcodes

  1. To add a new page Go To Dashboard -> Pages -> Add New and Give it a title
  2. In the post editor page, there is a box on the right called “Page Attributes“. From this box, you can select multiple page templates. Select “Page With Left Sidebar” and save the page.
Advanced

How to create a Child Theme

What is Child Theme?

A Child theme inherits the functionality of a theme. It’s like a mirror or a copy of a theme. Suppose you bought a theme and you want to make some slight modification, but you don’t want to make changes to the original file (it can get messy). For the sake of simplicity, you just want to add certain things on top of that. This is where the child themes come in, you make a theme that inherits all the functionality of your original theme (Parent Theme) without worrying about breaking or making a mess out of the original code.

More simply put:

Parent Theme  = Main Theme
Child Theme    = Mirror Theme

Why Should Use Child Theme / Benefits of Using Child Theme

  • Make changes without modifying or messing up original theme code. (saves a lot of future headaches)
  • If you update your parent theme, the changes you made to your themes will not be lost.
  • You can always turn off your child theme and fall back on the original

 

How To Create a Child Theme

  1. Create a folder and name it bhumi-child
  2. Create a style.css in this folder
  3. Open the style.css and fill out theme information like below

/*
Theme Name: Bhumi Child
Template: bhumi
*/

Template is the directory name of the parent theme. In that case themes folder name is bhumi. It’s case sensitive, means if a parent theme directory named BHumi Template name should have been BHumi  instead of bhumi.

    1. Create a functions.php and write below code to Import parent themes CSS.

<?php
add_action( ‘wp_enqueue_scripts’, ‘enqueue_child_theme_styles’, PHP_INT_MAX);
function enqueue_child_theme_styles() {
wp_enqueue_style( ‘parent-style’, get_template_directory_uri().’/style.css’ );
}?>

  1. Zip the folder and Upload
  2. Activate the theme from Appearance -> Themes

If you are still not clear about the process, you can check out this video about how to create child theme.

Premium features

Additional advanced features available in Pro Version of Bhumi

  1. Option to show/hide each section of home page.
  2. Additional section for “Team Members” in home page.
  3. Additional feature called Typography for customizing the title, header tag’s color and font family.
  4. Additional feature in customizer for customizing contact page along.
  5. Separate Custom Post Types for Services, Portfolio, Team Member and Slider along with ability to handle slider settings on own.
  6. Additional Page templates.
  7. Compatible with Visual Composer.
  8. And lot more.

We’ll keep updating about it