1. General Information
Benchmark is a WordPress theme.
A fresh or bug-free install of the latest WordPress build is required for optimal preformance.
You can download WordPress here for free. Download WordPress
To use Bencmark, you must be running WordPress 3.8.1 or higher, PHP5 or higher, and mysql 5 or higher.
2. Install the Benchmark Theme
The Benchmark theme comes with the BM Framework and several child themes. It is important to upload the BM Framework along with one or all of the child themes for Benchmark to work with your WordPress install.
2.1 Via the WordPress Admin
- Navigate to Appearance > Themes.
- Click Install Themes and hit the upload button.
- Navigate to find the “bm_framwork.zip” file on your computer and click “Install Now”.
- The theme will be uploaded and installed.
- Next, navigate to find one of the child themes “benchmark-XXX.zip” and click “Install Now”.
- Activate the newly installed theme. Go to Appearance > Themes and activate the installed theme. Be sure to use ond of the BM Framework child themes and not the Framework itself.
2.2 Via FTP Installation
- Unzip the bm_framework.zip file.
- Log into your server via FTP software
- Upload the extracted bm_framework folder into wp-content > themes folder in your wordpress installation
- Go to Appearance > Themes and activate the installed theme.
3. Importing Demo Content
Find the XML folder in the Benchmark package. Inside you there are XML files for Page, Post, and Block post types.
- Navigate to WP Admin > Tools > Import
- Select and install WordPress importer
- Once installed, select and upload the desired XML file. It may take a few minutes.
Please be sure to import the Block post type at the very least.
4. Theme Options
In the General Settings you will set the Base Text. All the text on your site will be a varient of these settings.
Next, you will set your Base Header and individual header fonts and text size. Note: All your header sizes will be set as a percentage of your Base Text.
Finaly, you will set a few toggles:
- Boxed or Full Width Option
- Show Layer Slider
- Show Revolution Slider
- Blog Sidebar Location
- Mobile Menu Select box
4.2.1 Define Colors
Here you define your custom color pallet.
Each color you define can be assigned as a background or text color to almost everything; Buttons, Highlights, Tabs, Toggles, Line Breaks, Column backgrounds, Custom Wrapper, Layout objects, H1-P Tags and more.
When you define a color, you set its:
- Header Color (when color is background)
- Text Color (when color is background)
- Link Color (when color is background)
- Link:hover Color (when color is background)
Everytime you create a new Color, the Benchmark theme will make 10 variations of that color for you, 5 lighter and 5 darker. Later, when you go to apply that color you will select the color and a value 1 through 10 to assign to that color. 1 is the lightest and 10 is the darkest with 5 being the actual color set.
4.2.2 Assign Layout Colors
In this area you will assign your new colors to as many as 15 different website layout objects. Easily select a color and value for:
- Top Sub Menu
- Main Menu
- Main Menu Dropdown
- Main Content
- – Archive Header: Date
- – Archive Header: Category
- – Archive Header: Author
- – Archive Header: Tag
- – Sticky Article
- – Comments
- Foot Widget Area
- Bottom Sub Menu
4.2.3 Assign Object Colors
Set the default color settings for your Buttons, Tabs, Toggles and more.
4.3 Targeted Tweaks
In this section you can make targeted tweaks to your Header, Body and Footer. Easily add background imagery, set the text alignment, adjust padding, text settings and more.
4.3.1 Target: Header
You can adjust the Top Sub Menu, Masthead, Main Menu and Sub Menus, or you can toggle them off completely!
Use our new Block post type to create your own Masthead. Now assign that Block to the Masthead section of the Block Layout Objects.
4.3.2 Target: Body
Set the Main Content Background and Sidebar settings.
4.3.3 Target: Footer
You can adjust the Bottom Sub Menu, Foot Widget Area, and Copy sections, or you can toggle them off completely!
Use our new Block post type to create your own Footers. Now assign that Block to the Footer section of the Block Layout Objects.
Blocks is our custom post type used for all sorts of things. Blocks are built with the WordPress editor. Once built, you can use your blocks in many different ways.
4.4.1 Block: Layout Objects
You can assign your Block to one of the Block Layout Objects. There are 4 Layout Objects:
- Above the Masthead
- Above the Main Content Area
- Below the Main Content Area
- Below the Footer
4.4.2 Block: Include with Shortcode
You can assign a Block as a page title template. When assignd to a Page or Post this block will appear above the main content.
4.5 LESS CSS
Create your own Responsive CSS with the LESS Framework. Easily create your own variables and target the different responsive widths in our theme options panel.