Professional Responsive Premium WordPress Themes 

If this is your first WordPress theme, this section will walk you through the steps necessary to install Business Pro.

First login to WordPress. Typically located at http://www.yourdomain.com/wp-admin

Once logged in press the “Appearance” tab in the left-hand menu of WP-Admin Dashboard and press “Themes”. Then press the “Install Themes” tab at the top of the page.

Next, press the “Upload” tab and press the “Choose File” button and browse to the location where you downloaded businesspro.zip. Once the file has been selected, press the “Install Now” button. Once the theme has been uploaded, and installed, simply activate the theme and you are ready to begin using Business Pro.

Permalink

There are three ways to update your existing install of Business Pro to the latest version. You can always get access to the latest version of the zip from your account page.

The fastest and easiest way is via our Update API. Simply visit the Updates link in the sidebar when logged into WP-Admin on your site and scroll down to the themes section. Simply check off the box next to Business Pro and press Update Themes.

If you have FTP access to your server, simply upload the new businuesspro folder to the wp-content/themes directory, overwriting the old files with the new ones.

Or, if you would rather use the theme installer in WP-Admin, simply activate the default theme (2011), delete the old version of Business Pro, and then install the new zip as you normally would.

You do not have to worry about your settings being lost as they are stored to the database.

Permalink

For complete control over Business Pro's Menu, we highly recommend using the WordPress menu system. By default, any page you make becomes a link in the menu.

To begin creating your own custom menu, visit Apperance > Menus while logged into WP-Admin. Assign a name for your menu (navigation for example) and begin adding your menu items by using the options available to you in the left-hand menu. You can either make your own custom links by entering in the URL and the Label (the text that will actually show up in the menu), or by selecting and adding currently existing pages.

You may then drag and drop each item to re-order them. Once you are done creating your menu, select it from the Header Menu dropdown list and press save menu. Now your new custom menu will appear in your menu.

Permalink

Business Pro offers several Widgetized areas using WordPress’s built-in Widget dashboard:Sidebar Widgets, Box Widgets, and Footer Widgets.

To make changes to Widgets go to the Appearance tab in WP-Admin, and select “Widgets”.

Grab the widgets you wish to use into the designated area to the right within the Widgets dashboard.

Sidebar Widgets

Business Pro has three widgetized sidebars: a full sidebar and a left and right half-sidebar. The full sidebar is used on the single sidebar left and right layout configuration, and the half sidebars are used on the two sidebar right and sidebar left and right configuration.

Box Widgets

Business Pro has 4 widgetized boxes. To add your own content to each box, use the Box 1, Box 2, Box 3 and Box 4 widgetized area.

Footer Widgets

The Footer also uses Widgets, and supports up to 4 widgets that are displayed horizontally left-to-right. Simply drag and drop them in the order you would like and they will display in Widgetized Footer area of your website (see image above).

Permalink

Note: In Version 3.1 of Business Pro we have eliminated the Front Page template to give users the choice to have a blog page as their homepage or to be able to have standard page and sidebar content. If you are using a version older than 3.1, please update to the latest version.

Overview:

By default, WordPress sets your front page to display your latest blog posts. If you want to use a static page as your homepage and have your blog posts appear on a different page, continue reading below to learn how.  :

Setting your Front Page and Posts Page:

The first thing you'll need to do is have pages ready to use for your front page and posts page. Create a page for each, such as Home and Blog.

Next go to Settings > Reading to bring up the WordPress Reading Settings. Click the radio button for "a static page" and then select the pages you have created for your front page and posts page. Save your settings and now your Front Page and Posts Page will display on the specific page you created for it.

Using your Front Page and Posts Page:

To learn specifically how to customize these two pages, read our documentation for the Business Pro Page Options and the Blog Theme Options.

Permalink

Overview:

Business Pro includes a powerful set of page options that you can use to create unique and dynamic content on a per-page basis. Powered by our Drag & Drop Page elements, these options give you the tools you need to create a cutting-edge website. Continue reading below to learn how to use all of these great options.

Page Options:

Select Page Layout:

Select the page content layout you wish to use. The options are: Sidebar Right, Sidebar Left, Half-Sidebar Left and Half Sidebar Right, Two Half-Sidebar Right, and Full Width.

Page Title:

Select whether or not you wish to display the page title. Default is ON.

Page Elements:

Use the Drag & Drop elements to chose the type and order of the elements you want to use on your page.

To use this tool, simply click on the element, hold your mouse or trackpad button, and drag the element over from the inactive elements column to the active elements column, and vice versa (you can also click the minus button to remove an active element). Once you have the elements you wish to use in the Active Elements column, click and hold down again and drag the elements above or below each other until you achieve the desired order.

Once you enable the Elements you want to use on your page, the various options tabs that appear below the Page Options will allow you to set specific settings to each of those elements.

Permalink

Overview:

The Business Pro Content Slider is a full-width, responsive feature slider that allows you to add text, images, and embed videos from sites like YouTube and Vimeo. The Content Slider can be enabled on the Front Page, Posts Page, and any Static Page and set up with our easy to use options. The Content Slider also allows for custom categories so you can assign different sets of slides for each slider. Continue reading below to learn how to use the Business Pro Content Slider.

Creating Slides:

To use the Content Slider you will need some slides, so to get started click on Content Slides in your WP-Admin sidebar and click Add New to create a new slide. There are three different types of content slides: text and media, media only, and text only. Select the type you want to use from the Select Slide Type option. If you're using text, enter your text into the Slide Text option.If you are using Text and Media, you can select the layout from the Slide Layout option. If you're using an image use the Slide Image uploader. If you're embedding a video enter the code into the Media Embed text box. You can also assign one or more categories to your slide from the Slide Categories option to the right.

Image/Video Sizes:

The ideal sizes for either images or video in the slider are 980 by 300 for the image-only slide, and 420 by 210 for the text-image slide.

Setting the Slider:

To enable the slider on the desired page, use the Drag & Drop Elements option for that particular page. If it's the Front Page use the Front Page Theme Options, if it's your posts page use the Blog Page Theme Options, and if it's a static page use the Business Pro Page Options found below the page content window when editing that page.

Slider Options:

Once you have enabled the slider for your page using the Drag & Drop Elements option, use the options panel that appears below to set your options.

Slide Category:

Select the category of slides you will use on your page.

Slider Height:

Enter a height for the slider. The default height is 300.

Slider Delay:

Enter a time in milliseconds that you want each slide to display before it transitions. The default is 3500.

Slider Animation:

Select the animation style you want to use for the slider.

Slider Navigation:

Select the slider navigation type you want to use for the slider.

WordThumb Image Resizing:

Permalink

Overview:

The Business Pro Portfolio lets you show off your images in a clean, organized layout. The images are sized accordingly to fit either two, three or four images per row, and then pop out into a lightbox when clicked. When using the portfolio it is advised to crop your images so they are all the same size, such as 800 by 800.

Continue reading below to learn how to use the Portfolio.

Creating Portfolio Images:

Click on Portfolio in the sidebar in WP-Admin and click Add New. Enter a title for the image and use the image uploader to upload your image. You can also use the Portfolio Categories section to assign one or more categories to your image which is useful for calling a particular set of images in your portfolio.

Setting and configuring the Portfolio:

Use the Drag and Drop Elements for the page you are editing to enable the Portfolio. From there, use the Portfolio Options to configure how you want the Portfolio to display. Set the number of images per row with the Images Per Row option. Use the Carousel Category option to select the category of images to display. Finally, use the Portfolio Title if you want to enable a title for the Portfolio.

Permalink

Overview:

The Product Element is used to feature one particular things on a page such as a product you sell. It allows for custom text, an image or video, and a link button to be used. The media can be featured on either the left or right of the element. Continue reading below to learn how to use the Business Pro Product Element.

Enabling and configuring a Product Element:

Use the Drag & Drop Elements option on the page you're configuring to enable the Product Element. Once you have done that, use the Product Options to set up your Product.

Product Layout: 

Set the layout you want to use, either Text Left - Image Right or Text Right - Image Left.

Product Title:

Enter the title for your product.

Product Text :

Enter the text for your product.

Media Type:

Select from either Image or Video and use the corresponding image uploader to upload your image or the text box to paste your video embed code.

Product Link:

If enabled this displays a button link. You can enter your own link and text using the corresponding options.

Permalink 

To customize your install of Business Pro, select “Business Pro Options” under the Appearance tab in the left-hand menu of WP-Admin. Here you will find seven different option tabs:  Design, Header, Front Page,Blog, Templates, Footer, and Import/Export. Simply select the settings tab you wish to edit.

Within each option tab are sub-sections that contain specific groups of options. Some tabs also include options that don't fall under a sub-section, such as the "Color Scheme" option in the "Design" tab.

When you are done making your changes, press the "Save Options" button in the top-right corner of the options panel. If at any time you wish to revert to the default settings, press the "Restore Defaults" button in the bottom-left corner of the options panel.

At the top of the options panel you will find helpful links to our documentation, support forum, and social media profiles. Please visit these links for more information and to stay up to date on the latest CyberChimps news.

Permalink

Overview:

The design options tab allows you to control the look and feel of Business Pro, including fonts, colors, and even Custom CSS. These powerful options allow you to make a wide variety of design choices, so continue reading below to learn more.

Select a Skin Color:

Business Pro features two skin colors, light and dark.

Typography:

Choose A Font

Select the font you would like to use from the drop down menu. The default font is Arial, and you have a choice between a number of standard web fonts and Google fonts. Additionally, if you select "Custom" from the drop down, a custom font option will appear below the drop-down menu where you can enter a custom font not found in the list. You have the choice of using standard Web fonts and any of the Google Web Fonts. If entering a Google font with more than one word, please use a + symbol in between the words instead of a space. For example, "Maven+Pro".

TypeKit Code

If you wish to use TypeKit fonts with Business Pro, please enter your custom TypeKit code into the text box.

Custom Colors:

Text Color:

Use the color picker to change the color of the body text.

Site Title Color:

Use the color picker to change the name of the site color in the header.

Site Description Color

If you have the site description (tagline) enabled and wish to change the color, use this color picker to do so.

Link Color

Use the color picker if you would like to change the color of the links throughout Business Pro 3.

Post Title Color

Use the color picker to select a custom post title color if you wish.

Footer Color

Use the color picker to select a custom footer color.

Lazy Load Image Effect:

Enables the Lazy Load image effect.

Custom CSS:

Override the default CSS.

Permalink

Overview:

This options tab controls all aspects related to the header, including the header Drag & Drop Elements. Continue reading below to learn more.

Drag & Drop Elements:

This section allows you to have complete control over your Business Pro header. To customize your header, simply move elements from the inactive column to the active column by holding down your mouse or trackpad button over them and dragging them over to the active column (or vice versa to remove). You can also re-order them in the active column to change the order that they appear in.

Header Options:

Custom Logo:

Allows for an image to be used in the header. Use the image uploader to upload your logo image. If you would just like to use the site name text, turn this option off and the name of your site set in the WordPress General options will be used. The maximum width of your logo should be 380 pixels.

Custom Favicon

Use the image uploader to upload a custom favicon for the header. You can also enter the link to your custom favicon if you've already uploaded it to the Media section of WP-Admin. A favicon is a 16 pixel by 16 pixel image which appears next the URL in most web browsers. If you need help generating a favicon, we recommend a website like http://favicon-generator.org/.

Apple Touch Icon

Enable the use of an Apple Touch icon on Apple devices like the iPad and the iPhone. The best size to use is 128 by 128.

Menu Options:

Choose a Menu Font

This option allows you to select a font to use in your Menu. The default font is Lucida Grande, but you also have a choice between a variety of standard and Google Web fonts. If the font you wish to use is not in the list, select "Custom" to trigger a text box to enter a custom font value. If you would like to use a Google font with more than one word in the name, please separate the words with a + symbol rather than a space. For example: "Maven+Pro".

Social Options:

Twitter Icon URL

Toggle the On/Off switch to enable or disable the Twitter social icon. Use the text field to enter the link to your Twitter profile.

Facebook Icon URL

Toggle the On/Off switch to enable or disable the Facebook social icon. Use the text field to enter the link to your Facebook profile.

Google + Icon URL

Toggle the On/Off switch to enable or disable the Google + social icon. Use the text field to enter the link to your Google + profile.

Flickr Icon URL

Toggle the On/Off switch to enable or disable the Flickr social icon. Use the text field to enter the link to your Flickr profile.

LinkedIn Icon URL

Toggle the On/Off switch to enable or disable the LinkedIn social icon. Use the text field to enter the link to your LinkedIn profile.

YouTube Icon URL

Toggle the On/Off switch to enable or disable the YouTube social icon. Use the text field to enter the link to your YouTube profile.

Google Maps Icon URL

Toggle the On/Off switch to enable or disable the Google Maps social icon. Use the text field to enter the link to a Google Maps location.

Email Address

Toggle the On/Off switch to enable or disable the Email Address icon. Use the text field to enter your Email address.

RSS Icon URL

Toggle the On/Off switch to enable or disable the RSSl icon. Use the text field to enter a link to a custom RSS solution like Feedburner.

 Tracking

Google Analytics Code:

Use this entry field to enter your Google Analytics Code, which will automatically be inserted into the footer. For more information about Google Analytics, please visit http:// www.google.com/analytics/.

Permalink

With version 3.1 of Business Pro we have eliminated the Front Page template in favor of users having the choice to have their blog posts or a static page on their site's homepage. Re-creating your original homepage will only take a couple of minutes using our Business Pro Page Options.

For more information about setting up your front page see our Setting the Front Page and Posts Page documentation.

Permalink.

Overview:

This options tab is where you can configure all of your blog settings, including the Drag & Drop Blog Elements. Please read below to learn more.

Drag and Drop Blog Elements:

The Drag and Drop Blog Elements give you complete control over the look and feel of your blog page. Too add or remove elements, simply hold down your mouse or trackpad button over the element and drag it over to the active/inactive column. You can also re-arrange the elements within the active column to change the order they appear. Use the corresponding option panels that appear below the Drag & Drop Elements option to configure the settings for the elements.

Blog Options:

Select the Sidebar Type

Select the image that represents the sidebar configuration you would like to use. The options are: Sidebar Right, Sidebar Left, Sidebar Left and Right, Two Sidebar Right and No Sidebar.

Post Format Icons

Enable the post format icons. These are on by default.

Post Excerpts

Toggle to enable or disable the the use of post excerpts. When enabled, two options will appear below which allow you to customize the link text and the length of the excerpt before the link appears.

Featured Images

Enables the use of Featured Images.

Post Byline Elements

These options allow you to enable or disable the following Post Byline Elements from appearing in your posts: Author, Categories, Date, Tags, and comments. They are all enabled by default.

Overview:

This options tab gives you control over the Single Post, Archive, Search, and 404 WordPress templates. You can change the sidebar layout, hide or enable post meta elements, and more. Read below for more info.

Single Post:

Select the Sidebar Type

Select the image that represents the sidebar layout you wish to use for this template.

Breadcrumbs

Enables breadcrumb links on this template.

Post Byline Elements

Toggle the byline elements you want to use for this template.

Post Pagination Links

Displays Previous and Next post links at the bottom of this template.

Archive:

Select the Sidebar Type

Select the image that represents the sidebar layout you wish to use for this template.

Breadcrumbs

Enables breadcrumb links on this template.

Enables post excerpts to be used instead of the full post.

Post Byline Elements

Toggle the byline elements you want to use for this template.

Post Pagination Links

Displays Previous and Next post links at the bottom of this template.

Overview

These options are related to the footer section of Business Pro. To learn more continue reading below.

Footer

Enables the theme footer.

Footer Copyright Text

Here you can enter your custom footer copyright text. By default it displays your site title.

Credit Link

Enables the CyberChimps Credit Link.

Afterfooter

Enables the theme after footer.

Permalink

Overview

If you would like to copy your current Business Pro settings to another install (or back up your existing settings, which could be useful if you accidentally reset your options), copy the export code from the “Export Settings” text window and paste them to a text/office document and save.

To import you settings, copy your saved export code and enter it into the “Import Settings” text window and then save your theme options.

WARNING: If you do not paste correct export code into the “Import Settings” text window, the theme will restore to the default settings as a failsafe. Be sure to select the code in its entirety before you Copy and Paste.

Permalink