Bingle

A Complete Free WordPress Theme


Installing Bingle Theme (Administration Panel)
Get a copy of  Bingle Theme
Log in to the WordPress Administration Panel.
Click on Appearance -> Themes -> Add New
Click on Upload Theme button at the top and browse the downloaded zip file in your computer.
Click on Install button and then Activate the theme.



Installing Bingle Theme (Cpanel / ftp)
Get a copy of Bingle Theme
Unzip the downloaded zip file.
Upload the unzipped file in to /wp-content/themes/
Now, activate the theme by going to Appearance -> Themes in the wordpress dashboard.
Activate the Bingle and Click on “Customizer” in the Appearance Menu in the Dashboard.


Updating Theme
Backup your existing theme folder.
Copy the files inside "bingle" folder from the zip file of the latest version of  Bingle Theme.
Enter the theme's admin panel and save your options.
There are 10 pre-built demos that comes along with this theme.
You can import them from the admin panel after activating the theme.



Colors

Header Text Color

This option will change the color of site title and tagline.

Background Color

This option will help you choose the main site background color.




Background Image

This option will help you add image on background, It will show further options to repeat or non-repeat, alignment options after selecting image.




Homepage Settings

HomePage

This is same settings as in Settings > Reading where we set the static front page as the home page which is assigned with the template that came with theme.

Check Step 2: Homepage Setups for this in detail.

Posts Page

You can choose a specific page to display all your latest blogs.

 

[Note: Click Save & Publish to save your changes to become live.]







Header Layouts

This theme provides you 10 different header layouts, each specific to different demo layouts but you are free to use any layout in any template design. You can re-order the elements using the Header builder and set their custom width as per your need.

Click on "Manage Elements" to go to edit elements.

All three Top,Main and Bottom Header elements can be dragged and order as per your wish using the Header Builder.

 




Top / Main / Bottom Header Designs

- Choose the Wrapper style for each header sections among "wrapped" or "full width"

- Choosing wrapper will enable the field to set the custom width of each header sections.

- Set the custom background color with opacity for each header sections.

- Set the Margin and Padding for each header sections.

 




Header Background Image

This will help you add background image of the site header.

 

[Note: Click Save & Publish to save your changes to become live.]




This section has the elements of header, which can be enabled disabled from the "eye" icon of the builder.




Elements:

Site Identity

- Set Width of the Element.

- Choose Logo

- Enter Site Title

- Enter Tagline

- Choose whether or not to display the Site Title and Tagline on Header.

- Choose favicon.

 

Primary Menu

Set Width of the Footer menu Section.

 

Choose the Primary Menu to show in header and select the primary menu from Navigations Locations,just by clicking the link available in the section.

Set Width of the element.

Enter the Search Label.

Cart Icon

Set Width of the Element.

Enter cart icon class.

Choose to Show header cart dropdown/preview.

(This option will only be available if woocommerce is installed.)

SideMenu Icon

Set Width of the Element.

Add widgets from the widget area for this section.

Header Address

Set Width of the Element.

Enter Address Icon Class

Enter Address Text/Html

Header Email

Set Width of the Element.

Enter Email Icon Class

Enter Email Text/Html

Header Phone

Set Width of the Element.

Enter Phone Icon Class

Enter Phone Text/Html

 

Header Social

Set Width of Element.

Social Items will be same available in Header Section.

 

Header Button

Set Width of the Element.

Enter Header Button Text.

Enter Header Button Link.

Choose Button Background Color.

Choose Button Background Hover Color.

 

Custom Html or Shortcode

Set Width of Element.

Enter your icon class.

Enter your custom html or shortcode of any plugin. 

 

 




Blog/Archive Settings




Container Wrapper Style

Choose if you want wrapped style or full width style of page layout for blog/archive pages.

Container Width

Choosing "Wrapped" will provide you additional option to set the width of the container just below it.

 

Sidebar Style

Choose among Left,Right Sidebar or without sidebar layout.

 

Content Width

Set the width of the main content area for the pages, in case of the sidebar pages the width of sidebar will be auto calculated by subtracting it from 100%.

 

Post Style

List View or Grid View - Choose among list or grid design to display the posts on archive pages.

 

Excerpt Length

Enter the number of words for the excerpt to be shown on the archive pages. This will work using the "excerpt_length" hook of wordpress and hence will affect on all the excerpts throughout the site.

 

Post Elements Order

Drag and re-order the order of the elements of posts within the archive pages.

 

Meta Elements Order

Drag and re-order the order of date and author on archive pages.

 

 

Single Page / Post Settings




Container Wrapper Style

Choose if you want wrapped style or full width style of page layout for blog/archive pages.

Container Width

Choosing "Wrapped" will provide you additional option to set the width of the container just below it.

 

Sidebar Style

Choose among Left,Right Sidebar or without sidebar layout.

 

Content Width

Set the width of the main content area for the pages, in case of the sidebar pages the width of sidebar will be auto calculated by subtracting it from 100%.

 

Post Elements Order

Drag and re-order the order of the elements of posts within the single posts.

 

 

There are 2 registered widget areas with our theme:

1. Sidebar

This is used on left and right sidebar pages.

2. Bingle Sidemenut Contents

This is used on the Sidemenu menu element of the header.




This is wordpress default option.

You can add your extra modification css codes here rather than modifying the files directly.