Framework

The New Measurement for Success

Docs

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

4.1 General

4.1.1 Settings 

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 Colors

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:

  • Name
  • Color
  • 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
  • Masthead
  • Main Menu
  • Main Menu Dropdown
  • Main Content
  • – Archive Header: Date
  • – Archive Header: Category
  • – Archive Header: Author
  • – Archive Header: Tag
  • – Sticky Article
  • – Comments
  • Sidebar
  • Foot Widget Area
  • Bottom Sub Menu
  • Copy
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.

4.4 Blocks

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.

5. Pages

6. Posts

7. Blocks

7.1 Layout Objects

8. Shortcodes

8.1 Columns

8.2 H1-P tags

8.3 Custom Wrappers

8.4 Line Breaks

8.5 Buttons

8.6 Highlights

8.7 Video

8.8 Fontawesome Icons

8.9 Fontawesome Lists

8.10 Ipsum Generator

8.11 Tabs

8.12 Toggles

8.13 Progress Bars

8.14 Google Maps

8.15 Attribute Copy & Paste

9. Menus

Leave a Reply

Important Information

Lhasellus dui nulla, congue sit amet vulputate id, porttitor sed mauris. Rullam quis velit vitae lorem dignissim scelerisque eget eu nisi. Jras iaculis diam eget ante dignissim pulvinar.

Home | About | Services | Blog | FAQ’s | Contact

This is a great spot for a clever tag-line or call to action statement!

Services

Lnteger a libero ante, in blandit enim. Morbi auctor ultricies dui eget porttitor.

About

Ponec eget risus arcu. Donec condimentum consectetur risus.

Team

Ahasellus lacinia pretium vehicula. Qaecenas scelerisque venenatis.

Contact

Ahasellus lacinia pretium vehicula. Yellentesque pulvinar laoreet interdum.

Gt pretium tincidunt est, vel eleifend leo varius id.

En hac habitasse platea dictumst. Honec condimentum bibendum erat, a elementum justo vulputate sed. Dn vulputate lectus sit amet libero auctor tempor non sit amet ligula. Xivamus laoreet placerat vestibulum.

Contact Information

1234 Five St.
Anytown, USA, 67890

949.555.1234
949.555.1235

Copyright © 2022 Framework, All Rights Reserved.