BestBuild Documentation

Introduction

BestBuild | Construction & Building WP Theme

A short guide and general information to help you get to know your new theme.

Above all, We would like to thank you for purchasing this theme, your contribution is very much appreciated.


This document covers the installation and use of this theme and reveals answers to common problems and issues - We encourage you to read this document thoroughly if you are experiencing any difficulties. If you have any questions that are beyond the scope of this document, feel free to pose them in the dedicated support forum.

Getting Started

Installation of the theme

Installation of the theme

To install this theme you must have a working version of WordPress already installed. For information regarding the installing of the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress

Installation

When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:
FTP Upload - Using your FTP client, upload the non-zipped theme folder into the /wp-content/themes/ folder on your server
WordPress Upload - Navigate to Appearance -> Add New Themes -> Upload. Go to browse, and select the zipped theme folder. Hit “Install Now” and the theme will be uploaded and installed.
Some webservers have a limitation for the maximum allowed size of files being uploaded to them and that value may be exceeded by the theme file. If that is the case you can receive an error that states: The uploaded file exceeds the upload_max_filesize directive in php.ini. or Are you sure you want to do this? Please try again. If you get any of these errors please increase the values of upload_max_filesize and post_max_size directives in your php.ini file to 20M or follow the Installation via FTP section described above.
Once the theme is uploaded, you need to activate it. Go to Appearance -> Themes and activate your chosen theme.
After that you need to activate the pre-installed plugins:
1. WPBakery Visual Composer
2. WooCommerce (for online shop)
3. Layer Slider
4. Revolution Slider
5. Contact Form 7
All the plugins which are not free come under our Extended License, so you don’t need to pay for their license to use them. Some of them might have messages requiring activation, but they are already activated on our side. No purchase code needed. When using them under our license you will need to wait for the plugin updates in our regular theme updates. If you want to be able to auto update them from wp-admin, you will need to buy your own personal license for that.
Also you can update included plugins via upgrading the theme. We include latest versions of plugins in every update of the theme.

Activate the theme and Import the demo content

Activate the theme and Import the demo content

After completing installation of the theme, you need to activate your product under BestBuild -> Product registration following these instructions:

1. Click on this Generate A Personal Token link. IMPORTANT: You must be logged into the same Themeforest account that purchased BestBuild. If you are logged in already, look in the top menu bar to ensure it is the right account. If you are not logged in, you will be directed to login then directed back to the Create A Token Page.

2. Enter a name for your token, then check the boxes for View Your Envato Account Username, Download Your Purchased Items, Verify Purchases You've Made and List Purchases You've Made from the permissions needed section. Check the box to agree to the terms and conditions, then click the Create Token button.

3. A new page will load with a token number in a box. Copy the token number then come back to this registration page and paste it into the field below and click the Submit button.

4. You will see a green check mark for success, or a failure message if something went wrong. If it failed, please make sure you followed the steps above correctly.
Then you can install included plugins under BestBuild -> Plugins (if you have not installed them).
After this you can choose and install the demo content under BestBuild -> Demo Import:
Please note: Most of images replaced with a placeholder image because of licensing. Also demo content doesn’t include WP options and widgets, so you need to create them manually via Appearance -> Widgets.

What if the Import fails or stalls?

If the import stalls and fails to respond after a few minutes You are suffering from PHP configuration limits that are set too low to complete the process. You should contact your hosting provider and ask them to increase those limits to a minimum as follows:
  • max_execution_time 600
  • memory_limit 128M
  • post_max_size 32M
  • upload_max_filesize 32M
You can verify your PHP configuration limits by installing a simple plugin found here: http://wordpress.org/extend/plugins/wordpress-php-info. And you can also check your PHP error logs to see the exact error being returned.

Setting up the Homepage

Setting up the Homepage

To set up the homepage you must create a new page, you can do so by navigating to Pages > Add New. The title for this page can be up to your liking. Under Settings > Reading please setup the new Homepage.
Actually you can set any page to be your homepage. Once it’s created you can compose your homepage layout. The design layout is created under Bootstrap framework which is split into 12 columns grid. Each widget has its own maximum and minimum widths, so depending on that you can work out the layout for each page.
As you can see the homepage just like any the page is now 100% constructible out of the modules we have in Visual Composer. The homepage can be created by any element in Visual Composer.
To view the short manual on how to use the Visual Composer, please follow this link:
http://codecanyon.net/item/visual-composer-page-builder-for-wordpress/full_screen_preview/242431
The detailed documentation of Visual Composer can be found in main ZIP archive under ‘manual’ folder.

Theme Features

Theme Customization

Theme Customization

WordPress Customize allows you to regulate the general settings of the website. In WordPress menu go to Appearance > Customize
Here you can add your Branding items (logo, slogan), change colors, set up footer widgets or Homepage, etc.
Site title & tagline: That’s pretty obvious, you can name your site here.
Navigation: You can choose the menu to display in the top from precreated sets in wp-menu
Widgets: You can set up the widgets into the precreated areas. You can do the same later Appearance > Widgets
Static Front Page: Choose the Homepage and the Blog which by default will use the Grid Layout. To create a List layout, you will not need to set it up here, you’ll need just to choose the Blog List layout for the page.
Blog: Choose blog page, choose sidebar and position.
Typography: Set up the fonts out of free google fonts.
Header: In that folder you can upload logo, social network links and contact details.
Shop: It’s about choosing sidebar for shop.
Footer: Here you can change the copyright text and split the footer into widgets. Also specify the number of widget areas.
Other: You can upload a favicon and insert Google Analytics code here.
Redux Framework: For additional theme settings we use Redux framework. So all general settings can be setup after clicking on Theme Options in WordPress Panel:
Using Redux framework you can easily change:
- Logo
- Favicon
- Header area
- Typography
- Front Pages
- Styling
- Social media profiles
- Footer area
- One click Theme Update
- Demo Content upload

Footer area setup

Footer area setup

The footer is the same on all pages. You can set that up on the Widgets page (Appearance > Widgets) and choose from the suggested widgets. Please see the attached screenshot.

How to set up the sidebar

How to set up the sidebar

In this theme we paid special attention to Sidebars for your biggest convenience and on multiple previous requests.
We have two types of sidebar: shop sidebar and blog sidebar, either of them can be positioned on the left or on the right based on your selection in the Customize section.
Now how it works.
There are default sidebars set up as usual under Appearance - > Widgets as well.
That’s how it is going to look by default. In addition to that, you can add any element you want for a specific page, in this case you will need to go here:
Edit or create a new sidebar, and add any sections you need by means of VisualComposer
Shop sidebar is a little more complicated. If you need to add only woocommerce widgets – you can use the Appearance -> Widgets to set it up. If you need any VC elements in addition to that – you can edit shop sidebar under Sidebars above or below the Widgetsized sidebar element.

Adding Images to Layer slider

Adding Images to Layer slider

You will need to upload various images to the Layer slider. You can add items from Layer Slider plugin in the WordPress backend. When you go there first you need to create the new Slider, and add new slides.

Adding Images to Revolution slider

Adding Images to Revolution slider

You will need to upload various images to the Layer slider. You can add items from Revolution Slider plugin in the WordPress backend. When you go there first you need to create the new Slider, and add new slides.

Menus

Menus

There is only one navigation on the site – in the top, so you can adjust it under Appearance - > Menus
This is standard Wordpress functionality, you can choose from the pages, post categories, or custom links.

Content

Setting up Content Pages and Posts

Setting up Content Pages and Posts

All pages can be created as simple content pages or built by means of Visual Composer page builder. You will need to first set up the page and then add and set up content blocks. Just add a row and add the modules to row from the Visual Composer dashboard.
Now you can choose how to compose your template. Add Content modules, Testimonials, etc. You have everything to realize your imagination.
We have also included extension packages for Visual Composer. You can use them free.
Just pick the module you like and add it to the row. Then you can edit it.
You can also edit the row background, add video or parallax images to the background. Just click on Row edit icon and you will see the options & features, which are available for this row.
Custom added shortcodes in our theme are on a separate tab:
Besides this, each page contains these options which include header color or background image, title fonts and colors, breadcrumbs and button settings:

Blog page

Blog page

The Blog page is a usual blog, formed from the posts which belong to categories created by you, which have tags and featured images that show in the post listings on the blog page. If you have created a new page for Blog, it needs to set this page as a Blog page via Settings -> Reading -> Front pages. The blog page can have the sidebar on the left, right or no sidebar, and the contents of the sidebar, as described above, are set under the Theme Options > Blog. Blogs can be posted by someone who has the access to the backend of the site with admin or author role. Anyway that person will be able to log into the WordPress panel and have a user profile.
Default blog layout is Grid layout and once you set up an empty page in the theme setting where it is said blog, it will show posts in grid layout.
If you want to have List layout, you can set up it via Theme Options -> Blog -> Blog Layout.

Projects

Projects

Projects are created as another custom post type called Projects. It has Categories that can be ordered as needed.
All the content of Project item can be built by means of Visual Composer.
So basically, you create an individual post describing a Project.

Services

Services

Again we use custom post types to describe a service your company offer via any element visual composer offers you

WooCommerce shop

WooCommerce shop

WooCommerce is the most popular e-commerce plugin for WordPress. Now you can have a shop with all e-commerce features on WordPress.
Before you start adding products, please go through the WooCommerce plugin settings and specify everything you need for your shop:
Go to WooCommerce > Settings > Products > Display
Adding the products: You can easily add new products via Products > Add Product
Just specify all details with the description and shipping details. For a single product you can upload several photos in Product Gallery. More information about the WooCommerce features you can find here:
http://docs.woothemes.com/documentation/plugins/woocommerce/getting-started/

Testimonials

Testimonials

In order that you could create testimonials in one place and then use all over the ste, just inserting a VC element, we have created custom posts.
Each testimonial is a simple post
Again, thank you for purchasing this theme!
If you have any questions that are beyond the scope of this document, feel free to pose them in the dedicated support forum at www.stylemixthemes.com