A little
about BusinessClass

BusinessClass was build with search engines
in mind. It is a flawless multi purpose theme with more than 120
settings. It’s a perfect responsive and gorgeous
SEO friendly and SEO optimized WordPress business and corporate
theme – It has all meta tags, SEO plugin
collection, perfect page speed and on-page SEO together with a
slick responsive design and fully optimized clean light code.
BusinessClass is fully responsive, mobile optimized and retina
ready.

Next
Generation Seo Theme

BusinessClass is coded in a new way, where
it loads everything async and have carefully enqueued scripts so it
loads as quick as possble. Almost every theme loads JS, CSS and
much other code in an old and outdated way – We
have tested this theme on many different servers and testing it
with the tool Pingdom pagespeed test which compares it to the rest
of the internet.

On slow servers the theme had an average load of 0.8 seconds,
making it faster than 89% of all other websites. On decent to fast
servers it went all the way down to 600 milliseconds seconds,
making it faster than 94% of all other websites.

It won’t be long before a lot of themes
start copying this technique to optimize the load time, but until
then we are the first movers, which we are very proud of.

To cut down load time to an absolute minimum have we used as
little Javascript as possible, which means smooth scrolling and
other features are not available right now – But
we are currently working on a way to implement it without slowing
down the pagespeed, which is a challenge, but a doable one.

BusinessClass works with many plugins such as:

  • WooCommerce
  • bbPress
  • Mailchimp
  • Contact Form 7

Meta Tags

BusinessClass
follows the latest SEO standards and guidelines, the theme has
every meta tag you need.

Perfect Page
Speed

BusinessClass has a 600 milliseconds load time, which
will make your website faster than 94% of all other websites.

Perfect On-Page
SEO

BusinessClass follows Google’s own
on-page SEO guidelines 100%, making it literally have perfect
on-page SEO.

SEO Plugin
Collection

We have collected all SEO and page speed plugins for
you in BusinessClass, so all you have to do is click install.

Clean Code

BusinessClass
has fully optimized code, perfect HTML, valid Javascript, valid CSS
and no unnecessary code.

Responsive
Design

Scoring 100/100 on Google Insight usability test,
BusinessClass is fully responsive and works on any screen size and
device.

Core Features

  • Seo Optimized
  • All Meta Data
  • Seo Plugin Collection
  • Fast Page Speed
  • Clean Code
  • Responsive Design
  • Lightbox Images
  • Custom Image Gallery
  • Unique “About†Widget
  • Unique “Posts†Widget
  • Unique “Gallery†Widget
  • Unique “Block Grid†Widget
  • Unique “Advanced Textâ€
    Widget
  • Three Different Blog Designs
  • Background Color
  • Background Image
  • Fixed / Absolute Background Image
  • Content Text Color
  • Global Theme Colors
  • Custom Font
  • Feature
  • Capitalize / Uppercase Logo
  • Capitalize / Uppercase Menu
  • Capitalize / Uppercase Headlines
  • Custom WordPress Customizer
  • Site Icon
  • Transparent Menu on Front Page
  • Transparent Menu Text Color
  • Header Background Color
  • Logo Image
  • Logo Text
  • Logo Tagline
  • Logo Text Family
  • Logo Text Color
  • Logo Text Size
  • Menu Link Color
  • Menu Hover Border Color
  • Menu Active Border Color
  • Menu Font Size
  • Header Image
  • Header Image Content
  • Two Header Image Buttons
  • 6 Different Button Designs
  • Header Content Padding & Margin
  • Header Content Alignment
  • Scroll To Top Button
  • Footer Content Alignment
  • Footer Widgets Background Color
  • Footer Widget Text Color
  • Footer Widget Title Color
  • Custom Footer Text
  • Footer Menu
  • Footer Copyright Background Color
  • Footer Copyright Text Color
  • Hide / Show Post Info
  • Hide / Show Next/Previous Posts
  • Header Content Alignment
  • Scroll To Top Button
  • Hide / Show Comments
  • Page Header Text Color
  • Post/Page Title Color
  • Post/Page Link Color
  • Post/Page Links Hover Color
  • Sidebar Widgets Background
  • Sidebar Widget Text Color
  • Sidebar Widget Title Colors

Installing & Uploading The Theme

  1. In your admin panel, go to Appearance > Themes and click the
    Add New button.
  2. Click Upload and Choose File, then select the
    theme’s .zip file. Click Install Now.
  3. Click Activate to use your new theme right away.

Documentation
& F.A.Q:

ENABLE FRONTPAGE WIDGETS: SET FRONTPAGE TO LATEST POSTS

To add widgets on your frontpage, Go to Settings
> Reading from your WordPress Dashboard and make sure that your
“Front Page Displays†option is set
to “Your Latest Postsâ€. Even if you
don’t have to display latest posts on your
frontpage you will still have to make sure that the frontpage is
set to that option. Don’t worry, you can easily
replace the Posts with widgets by adding widgets from Customize
> Frontpage > Frontpage Widgets. Once you add the widgets,
the posts will be automatically replaced.

 

How do I add widgets to the frontpage?

To add widgets on your frontpage, Go to Settings
> Reading from your WordPress Dashboard and make sure that your
“Front Page Displays†option is set
to “Your Latest Postsâ€. Even if you
don’t have to display latest posts on your
frontpage you will still have to make sure that the frontpage is
set to that option. Don’t worry, you can easily
replace the Posts with widgets by adding widgets from Customize
> Frontpage > Frontpage Widgets. Once you add the widgets,
the posts will be automatically replaced.

When that is done the frontpage can be built with beautiful
widgets. To add widgets to your frontpage, Go to Customize >
Frontpage > Frontpage Widgets and click the
“Add Widgets†button to add
widgets.

 

How to set
up the frontpage

First Go to Settings > Reading from your WordPress Dashboard
and make sure that your “Front Page
Displays†option is set to “Your
Latest Postsâ€. Even if you don’t
have to display latest posts on your frontpage you will still have
to make sure that the frontpage is set to that option.
Don’t worry, you can easily replace the Posts
with widgets by adding widgets from Customize > Frontpage >
Frontpage Widgets. Once you add the widgets, the posts will be
automatically replaced.

Adding Widgets to your Frontpage

BusinessClass frontpage can be built with beautiful widgets. To
add widgets to your frontpage, Go to Customize > Frontpage >
Frontpage Widgets and click the “Add
Widgets†button to add widgets.

 

How to set up
the header

To set up the Header image, follow these steps:

  1. Go to Appearance
    > Customize -> Front page -> Header image>
    Header image Type
  2. Select Header Image from the drop down menu. (Wait for the page
    to refresh so changes can take place)
  3. Click on image tab (since you want a single image Header
    image)
  4. Click on Select Image to upload images. The Best resolution for
    the Header image image is 1920px x 900px.
  5. click on Edit Content from Header image Content (to add Header
    image description content)
  6. A Text Editor will appear. Write your text here then click on
    Save and close.
  7. Click on Button 1 & Button 2 to add your button text, link.
    If you want to hide the buttons, simply clear out the
    “Button Text†field.
  8. Set your content box width and position from
    “Header image Content Box Width†and
    “Content Box Vertical Positionâ€
    option.
  9. Click the Save & Publish Button to save your changes.

1. Header image doesn’t work.
Can’t see the Header image on my front
page?

In WordPress either you can select a page to be displayed as
Front Page or you can select the latest posts to be displayed as
front page.

  1. Go to Dashboard -> Settings -> Reading
  2. Set your “Front page displays†to
    “Your Latest Postsâ€
  3. Click on “Save Changesâ€

2. How can I remove the
“Demo†&
“Download†button from Header
image?

  1. Go to Appearance -> Customize -> Front Page -> Header
    image
  2. Click on respectively “Button
    1″ & “Button
    2″.
  3. Empty what’s on “Button
    text†and “Button linkâ€
    field.
  4. Click “Save & Publishâ€

3. How can I remove the BusinessClass logo from front page
Header image?

To remove these logo or text follow below steps:

  1. Go to Dashboard->Appearance -> Customize -> Front Page
    -> Header image
  2. Click on “Edit Content†from
    Header image Content
  3. Select all text and change it ( Its white on white,
    that’s why you are having difficulty)
  4. Click “Save &
    close“

 

How do I change
colors?

You can change the Color of any elements in BusinessClass theme.
To change the default colors of BusinessClass theme:

  1. Go to Appearance > Customize > Basic Style
  2. You can change your websites overall text color by modifying
    the “Site content Text Colorâ€
    option.
  3. The default Blue color that is set by default and displayed
    throughout your site in various elements like buttons can be
    changed by “Other Elements
    Backgroundâ€.
  4. Each elements color options are incorporated in each section.
    For example: You can change the Header background color from
    Customize > Header > Header > Header Background
    Color.
  5. To change the topbar Color go to Customize > Header >
    Topbar.
  6. To change the Footer Color go to Customize > Footer >
    Footer Style

 

How do I change
fonts?

BusinessClass lets you select fonts for your whole site, your
headings & Menus and your Site title. To change the fonts of
your site

  1. Go to Appearance > Customize > Basic > Basic
    Fonts.
  2. Now to change the font type and font size for the whole site,
    use the “Site Content Font†section.
    To change the Font of the Headings and Menu fonts, use the
    “Headings, Menu and Post Titles
    Fontâ€.
  3. By default, BusinessClass displays all the title and menu text
    in Uppercase. To change that, disable the “Turn
    Menu Text & All Headings to Uppercase†option.
  4. BusinessClass lets you change the font type of your Site Title
    that is located in the header. To do that, simply go to Customize
    > Header > Site Title & Logo and change the
    “Site Title Font†Family.

 

How To Turn On The Scroll To Top Button

Scroll to top button allows your visitors to quickly jump back
to the top of the page. To turn this on follow these steps:

  1. Go to Dashboard -> Appearance -> Customize -> Footer
    ->Footer Content
  2. Enable Scroll To Top Button
  3. Click on Save & Publish

How To Change The Footer Copyright Text

  1. Go to Dashboard -> Appearance -> Customize -> Footer
    ->Footer Content
  2. Click on Edit Content button under Footer Copyright Text
  3. Write your copyright text here & click Save & close
    after you finish
  4. Click on Save & Publish

How To Display Footer Menu

  1. Go to Dashboard -> Appearance -> Customize -> Footer
    ->Footer Content
  2. Turn on Display Footer Menu
  3. Click on Save & Publish

How To Center Align The Footer Section

  1. Go to Dashboard -> Appearance -> Customize -> Footer
    ->Footer Content
  2. Turn on the Center Footer Widgets & Copyright Text
  3. Click on Save & Publish

How To Change The Color of Footer Area Content

  1. Go to Dashboard -> Appearance -> Customize -> Footer
    ->Footer Style
  2. Click on the relevant color picker to the change the
    colors
  3. Click on Save & Publish

Setting up the
menu

BusinessClass comes with 3 menu locations where you can add your
menus. To setup a menu

  1. Go to Appearance > Customize > Menus
  2. Click the “Add a Menu†button
    & Write a menu name on the field, it can be anything you
    like.
  3. Now Click the “Create Menuâ€
    button.
  4. Click the “Add Items†button to
    add menu items to your menu. You can add pages, categories, posts
    etc. To add a homepage click the
    “Pages†tab from right and add click
    the + icon beside the “Homeâ€
    item.
  5. After adding all the menu items, click the
    “Add items†button again to hide the
    item selector panel.
  6. Now that you have created a menu, you need to set it to a menu
    location. You can select the “Header
    Navigation†to add the menu to your header or
    “Topbar Navigation†to add it to your
    topbar or “Footer navigation†to
    display the menu in the footer.
  7. Click “Save & Publish“
    button to save the changes.

You can change the Menu Style and color settings from Customize
> Header > Menu. One thing to note here is that, if you want
to display a menu icon, Go to Customize > Header > Menu and
first select a “Menu style†that has
the word “icon†in it and then from
your WordPress Dashboard go to Appearance > Menus and click on
each menu item and you will notice an icon option that lets you
select a specific icon to your menu item.

 

Text Logo

By default BusinessClass displays your Site Title as your Text
Logo, you can customize the look of this text logo by going to
Appearance > Customize > Header > Site Title & Logo
> Text

Image Logo

In BusinessClass, you can either upload an image as a logo or
write your company name as text and display it as your logo. To add
a logo to your Header simply go to Customize > Header > Site
Title & Logo and click the
“Image†tab and then click
“Select Image†button to upload your
logo image. When you do that, the Site title that was displayed by
default will be replaced by the logo image.

You can align the logo to center, left or right from the
“Site Title / Logo Positionâ€.

 

Setting up the
header

Transparent header

By default BusinessClass is set to have a transparent header on
Frontpage. To disable the transparent header on frontpage, Go to
Customize > Header > Header and disable the
“Transparent Header on Frontpageâ€
option. When you disable this option, a solid header background
color will appear that you can change by using the
“Header Background Color†option.

To make the header transparent on other pages, in the Page edit
screen, from the “BusinessClass
Options†box, enable the “Make Header
Transparent†option only for that page. Be sure to also
add a Page Header image for that page from the
“Page Header†tab.

Header color for other pages

To change the header background Color for all pages, Go to
Customize > Header > Header Background color. You can also
add a Background Image to your header by adding an image through
the “Header Background Imageâ€
option.

How to add a
post widget

BusinessClass Posts Widget is a very powerful widget that lets
you display posts, pages and Woocommerce Products on your site with
just few clicks.

  1. Go to Appearance > Customize > Frontpage > Frontpage
    Widgets
  2. Click on “Add Widgetsâ€
    button.
  3. Click the “Posts Widget†button
    to insert the Text widget to your Widget Area.
  4. You can set post type to Posts, Pages or Products from
    “Post Type†drop-down option.
  5. You can change how the posts appear from the
    “Layout†drop-down option.
  6. You can set the post navigation type from
    “Post Navigation†drop-down

 

Adding
an advanced text widget

The Advanced Text Widget that comes with BusinessClass is the
basic building block of your widgetized pages. You can add any type
of rich content to your sites using this widget. To add a Text
Widget to your Frontpage,

  1. Go to Appearance > Customize > Frontpage > Frontpage
    Widgets
  2. Click on “Add Widgetsâ€
    button.
  3. Click the “Advanced Text†button
    to insert the Text widget to your Widget Area.
  4. If you want to select a predefined style for the text widget
    click the “+†button beside
    “Advanced Text†button and select a
    predefined style.
  5. To create margin around the Widget, Increase the
    “Side Padding†& Top/Bottom
    Padding values of the widget.
  6. You can also display a parallax effect by enabling the
    “Parallax†option of the widget.

 

Setting up
the about widget

To set up the About Widget on Front Page,

  1. Go to Appearance -> Customize -> Front Page -> Front
    Page Widget
  2. Click on Add to Widget -> About Widget

How to reduce the white spaces on top and bottom of the about
widget?

  1. Go to Appearance -> Customize -> Miscellaneous ->
    Custom CSS
  2. Insert this CSS:
    .aboutblock { padding:1% 0;}
  3. Click on “Save &
    Publish“

 

How to add
block widgets

To configure Blocks, go to

  1. Go to Appearance->Customize->Front page-> Front Page
    Widgets
  2. Click on Add a Widget -> Blocks Widget
  3. Click on the tab titled Block 1

Block 1 will expand and below fields will be visible. Each block
has the following options:

  1. a. Block 1 Title: Title of the block
  2. b. Block 1 Image: Upload block image
  3. d. Block 1 Content: Write your block content here. You can also
    add HTML and images in your block content.
  4. Click on Block 2 if you want to set another block. (You can set
    up to 6 blocks)
  5. Click Save & Publish

Tip: To remove/hide Blocks just empty the Blocks Title and
Content Field.

How can I display only 2 blocks instead of 6?

  1. Go to Appearance->Customize->Front page-> Front Page
    Widgets -> Blocks Widget
  2. Click on the tab titled “Block
    3â€
  3. Remove whats written on “Block Title field
    & Block Content fieldâ€
  4. Click Save & publish

 

How to
customize page headers

To customize the Page Header, follow these steps

  1. Go to Appearance -> Customize -> Post & Page ->
    Page Header Settings
  2. Make sure your Page header is turned on
  3. You can change the color of the Default Page header from this
    section as well as the default text color of the page title.
  4. If you wish to set different images on different pages. Then,
    Select your Page from the drop down located at the top.
  5. Now from the right, click on Select Image to upload your
    default image from Page header Default Image.
  6. Click on Save & Publish

If you wish to set the same image as your page header on all of
your pages just skip Step 3.

 

Setting up
single pages

How to turn off the page header title?

  1. Go to Dashboard -> Appearance -> Customize -> Post
    & Page -> Page Header Settings
  2. Turn off Turn on Page Header
  3. Click Save & Publish

How to disable breadcrumbs under page title?

Indicates the location of the user within the
website’s hierarchy of pages E.g.: Top Level
> Main Category > Sub Category

  1. Go to Dashboard -> Appearance -> Customize -> Post
    & Page -> Page Header Settings
  2. Turn off Enable Breadcrumbs
  3. Click Save & Publish

How to change the page header color, size &
font?

  1. Go to Dashboard -> Appearance -> Customize -> Post
    & Page -> Page Header Settings
  2. Customize below optionsPage Header Background: Background color
    of page header section
  3. Page Header Text color: Color of page heading
  4. Page Title Font Size: Font size of page header
  5. Page Header Text Alignment: Postion of page header (Left |
    Center | Right)
  6. Click Save & Publish

How to set a default page header image?

  1. Go to Dashboard -> Appearance -> Customize -> Post
    & Page -> Page Header Settings
  2. Click on Select Image under Page Header Default Image
  3. Upload your default image for page headers
  4. Click Save & Publish

 

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

To add a new page Go To Dashboard -> Pages -> Add New and
Give it a title

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.

 

You can link your Social Media Page/ Accounts and display them
in Top Bar, Header & Footer.

To configure social settings, go to Appearance-> Customize
> Miscellaneous> Social Links

  1. Social Link Icon Style: Select the shape of the icon (Simple |
    Rounded | Square | Hexagon)
  2. Display Icons Color: Turn on for color social icon or off (then
    it will be decided by Footer Copyright Text Color)
  3. Position: Select the position of Social Links (Top Bar | Header
    | Footer)
  4. Size: Select the size of the social icons (Normal | Large)
  5. Account/Page URL – Copy & paste your
    social media account pages URL
  6. FIt currently supports below social networks
  1. Facebook
  2. Twitter
  3. Google Plus
  4. YouTube
  5. Flickr
  6. Linkedin
  7. Pinterest
  8. Tumblr
  9. Instagram
  10. RSS

How to set
up mobile layout

Hide Items From Mobile Version of Your Site

Some elements may seem a bit over the top for visitors browsing
from mobile. You can hide below elements for mobile visitors, if
you find them unnecessary.

You can hide below elements from Mobile Version of your site
only. Changes made in this section will not affect desktop version
of your site.

How to Hide header image for Mobile Only

  1. Go to Dashboard -> Appearance -> Customize ->
    Miscellaneous ->Mobile layout
  2. Turn on the Hide header image for Mobile
  3. Click on Save & Publish

How to Hide Right Sidebar for Mobile

  1. Go to Dashboard -> Appearance -> Customize ->
    Miscellaneous ->Mobile layout
  2. Turn on the Hide Right Sidebar for Mobile
  3. Click on Save & Publish

How to Hide Page Headers for Mobile Only

  1. Go to Dashboard -> Appearance -> Customize ->
    Miscellaneous ->Mobile layout
  2. Turn on the Hide Page Headers for Mobile
  3. Click on Save & Publish

How to add
custom code

How To Add Custom CSS (Cascading Style Sheets)

The Custom CSS section allows you to change the default style of
BusinessClass. Write your custom CSS here. No worries, it will not
be wiped out after you update the theme.

Follow these steps to change insert custom CSS

  1. Go to Appearance
    > Customize -> Miscellaneous -> Custom Code>
    Custom CSS
  2. Paste your CSS code on Custom CSS field
  3. Click Save & Publish

Adding Custom JavaScript

Follow these steps to change insert custom
JavaScript

  1. Go to Appearance
    > Customize -> Miscellaneous -> Custom Code>
    Custom JavaScript
  2. Paste your CSS code on Custom JavaScript field
  3. Click Save & Publish

How to add a
favicon

With BusinessClass you can easily add favicon to your site.
Favicon is the small logo that appears in the browser tab when you
load a website. To setup a favicon in BusinessClass:

  1. Go to Appearance > Customize > Basic > Site Identity.
    Now click the “Select File†button to
    upload your Site favicon.
  2. Make sure the image dimension is at least 512px x 512px.
  3. To see the change, refresh your page.
  4. You will notice your favicon has been changed to what you just
    set now.



















Download
Price: 0.00 USD
Preview: Theme Preview
Download: businessclass-seo-optimized-amp-seo-friendly-corporate-business-theme.zip
Rating : 4.5
Rate Count: 8008