BuildPress WordPress Theme Documentation Online Documentation

General & Installation

Few Words on Start

BuildPress is a premium WordPress Theme for any kind of construction businesses and companies. It is our most advanced and sophisticated theme we built so far. It is very easy to setup and use, with one click demo content import. Available only on ThemeForest!

Installation

I assume you already have a fresh copy of WordPress installed on your server.

Download the theme zip file
The first thing you will need to do is to download the theme installation zip file.

If you bought the theme on ThemeForest, then you have to download the installable WordPress files only zip file from the ThemeForest download section.

Install the theme
You can install the BuildPress WP Theme in two different ways:

Upload a zip file - preferred method
When you are logged in your WordPress dashboard go to Appearance » Themes » Add New » Upload Theme and select the theme installation zip file you downloaded from our Shop or from the ThemeForest and click Install Now button.
FTP upload
Unzip the contents of the theme installation zip file and upload the extracted folder to your server to wp-uploads/themes/ folder using a FTP client.

Once your theme is on the server, activate it by clicking the Activate button below the preview image in Appearance » Themes

Congratulations! Now the BuildPress WP Theme is installed.

You still need to install/activate the required and recommended plugins - you can do this by visiting Appearance » Install Plugins inside wp-admin.

You can also watch whole installation process on our video:

Updates

Automatic updates
You can register the theme and receive automatic updates. Go to Appearance » Theme Registration and follow the instructions on that page. This will register your copy of the theme and you will get update notifications in the admin dashboard, whenever an update is available.

If you have any issues with the automatic updates, please go to you wp-admin to Dashboard » Updates and click on the Check Again button, to refresh the update data.

Manual update
You can also update the theme manually: here are the steps on how to do that.

Customize the Appearance

You can fully customize the appearance of the BuildPress WP Theme. Go to the Appearance » Themes and click on the Customize button:

The new window appears and you can now customize the appearance of your theme - upload your custom logo, change the base colors, enable/disable theme features, add Custom CSS or Javascript etc.

Demo Content

One Click Demo Install

You can import demo content from our demo site (with blurred licensed images) with a single click of a button. Go to wp-admin » Appearance » Import Demo Data, here you have to select which demo data you want to import! You can choose from our 4 demo pages:

BuildPress Classic
BuildPress Light
BuildPress Landscape
BuildPress RTL

Once you select which demo data you want to import, just click on the Import button.

Don't forget to activate all required plugins before importing demo data.

Import XML File

If you want to import the demo content the old-fashioned way, you can get a fresh copy of the XML files on our server at these URLs:

BuildPress Classic: http://artifacts.proteusthemes.com/xml-exports/buildpress-latest.xml
BuildPress Light: http://artifacts.proteusthemes.com/xml-exports/buildpress-light-latest.xml
BuildPress Landscape: http://artifacts.proteusthemes.com/xml-exports/buildpress-landscape-latest.xml
BuildPress RTL: http://artifacts.proteusthemes.com/xml-exports/buildpress-rtl-latest.xml

Don't forget to activate all required plugins before importing demo data. To import the demo data go to Tools » Import, click on WordPress (install the WordPress Importer plugin if not already installed) and upload/import the previously saved xml file (don't forget to enable the Download and import file attachments checkbox to also import the images).

Demo Widgets
After you import the demo content, you can also import widgets the old-fashioned way. The files for widget import are also located on our server:

BuildPress Classic: http://artifacts.proteusthemes.com/json-widgets/buildpress.json
BuildPress Light: http://artifacts.proteusthemes.com/json-widgets/buildpress-light.json
BuildPress Landscape: http://artifacts.proteusthemes.com/json-widgets/buildpress-landscape.json
BuildPress RTL: http://artifacts.proteusthemes.com/json-widgets/buildpress-rtl.json

Rename this file to widgets.wie (mind the file extension) and use it in the plugin Widget Importer & Exporter. Go to Tools » Widget Import/Export and import the file.

Customizer settings
The last thing you have to import are the customizer settings. The files for that can also be found on our server:

BuildPress Classic: http://artifacts.proteusthemes.com/customizer-exports/buildpress.dat
BuildPress Light: http://artifacts.proteusthemes.com/customizer-exports/buildpress-light.dat
BuildPress Landscape: http://artifacts.proteusthemes.com/customizer-exports/buildpress-landscape.dat
BuildPress RTL: http://artifacts.proteusthemes.com/customizer-exports/buildpress-rtl.dat

Install and activate the Customizer Export/Import. Go to Appearance » Customize » Export/Import and import the file (also enable the Download and import image files? checkbox, to import pattern images).

After import setup
After you have imported the demo data, widgets and customizer settings, you should also setup these things:

go to Settings » Reading, set the the Front page displays to A static page and select the front page and the blog page in the appropriate dropdowns,
go to Appearance » Menus, select the main menu from the dropdown at the top and click on Select. Scroll to the bottom and set the Theme location to Main Menu (if there are more locations you can also assign other menus to those locations),
go to Appearance » Widgets, and set Custom menu widgets, by selecting the correct menu (in footer and our services sidebars). More info on how to create the Our Services sidebar, can be found in the Custom Sidebars section,
optionally set other things (like logo, colors, ...). These settings can be found in Appearance » Customize.

If for some reason these URLs are not available, then all you need to do is download the All files & documentation zip from ThemeForest and you will find these files in the extras folder.

Don't forget to activate all required plugins before importing demo data.

Import Essential Grid Projects

The Essential Grid export file from our demo page comes with the theme. It is located inside the theme folder:

buildpress/demo-content/essential-grid-construction.json, or
buildpress/demo-content/essential-grid-landscape.json

First install the theme, install and enable the Essential Grid plugin, then:

Go to Ess. Grid,
Import/Export,
Click on the Import section,
Choose the appropriate file above (construction or landscape JSON file),
Click on Read File, DO NOT click on Import Full Demo Data,
After the file is read, click on Import Selected Data,

Voila, the new BuildPress skin and the new 2 Essential Grids are imported.

Front page projects
Go to Pages » Front page, edit the Widget called Essential Grid and choose Essential Grid: Projects.

Projects Page
Copy shortcode of the Essential Grid Projects Page and paste it to the page Projects.

Top Bar

On the left side you can put Site Tagline Appearance » Customize » Site Title & Tagline, very useful for slogans.

On the right side is the top menu area so you can make new menu in the Appearance » Menus. You must choose Top Bar Menu theme location and that's it.

What if i don't like Top Bar at all? No problem, you can hide it in our Theme Options in customizer - Appearance » Customize » Theme Options » Header & Breadcrumbs » Top Bar Visibility.

Logo

The logo can be changed in our Theme Options - Appearance » Customize » Theme Options » Logo.

Favicon

Since WordPress version 4.3, the favicon setting can be found in Appearance » Customize » Site Identity, where you have to set the Site Icon option.

Header Widgets

You can put a lot of widgets in the Header widget area, but your header will look great with the following widgets:

Icon Box

With widget Icon Box you can put any kind of title with small text and image in the header. In our demo we use this widget for contact information which we think are very important for customers.

In this widget you can choose Title, Text and Icon from Font Awesome. You can also choose a link for the whole box. If you let that field empty Icon Box will not be click-able.

We give you few Icons to choose from but you can actually use any icon from 519 Font Awesome icons. Just paste the icon title in the Icon field and that's it. How cool is that?

More than one Icon Box widget can be used in the Header.

You can also use tel: and mailto: in the Link area for direct connection with phone or mail. For example: tel:0038631567536 or mailto:[email protected].

Social Icons

Very easy to use widget. Insert your link to the social network and select your social network. If you want to have more than 8 social networks at once please contact our support and we will help you.

Main Menu can be set in wp-admin » Appearance » Menus. Theme locations for Main Menu is called Main Menu.

Pages

wp-admin » Pages is the area where you will spend most of your time when building a site. We added a few tools in that process so you can create your pages easier and faster.

Page Templates

You can choose between 4 different Templates - Default Template, Default Template (for Page Builder), Front Page With Layer/Revolution Slider and Front Page with Slider.

Default Template: Just default template for simple layouts.

Default Template (for Page Builder): This is where the magic happens. First you must choose Page Builder option under the title and you are ready to go. You can add our widgets here, choose different visual styles and much more. More about that in the next chapter.

Front Page with Slider: This is an unique template which adds option for the slider in page options. It can be used with Page Builder. More about that in the Slider chapter.

Front Page with Layer/Revolution Slider: We don't include this two sliders with the theme but we make sure they work since we know our customers want to use them. When you activate this template there is a new field in which you can put alias from Layer/Revolution Slider and that's it.

Empty Template (no header and footer): The name says it all. This is an empty page template, without the header or footer section. It's a blank canvas that you can create a landing page, coming soon or any other typo of page. This template also has Full page background settings section, which can add full page background color, image or video. Here is an example of full page background image and video. (This page template is available from BuildPress version 5.0 onwards).

Coming Soon Page

In BuildPress version 5.0 we introduced two coming soon pages, one with a full page background image and one with a video background. These two pages come with the original BuildPress demo import (BuildPress Classic).

To set the coming soon page, so that users will see it instead of your site (which is "under construction"), you have to set it as your front page. Go to Settings » Reading and set the Front page displays to A static page (if not already set) and then select your coming soon page as the Front Page. Don't forget to save the settings.

Page Builder (version 1.5.X)

Instructions for Page Builder version 1.5.X are deprecated. See the documentation for version 2.0 below.

Page Builder is very powerful tool for making pages. Here is one example of how it looks like:

You can make any kind of grid with adding new rows and inside them you can put widgets. When you are finished with adding widgets you can also move whole rows up and down.

You can also choose between few Visual Styles of row - Default, Wide (No Container), Wide Solid Background Color, Wide Pattern Background, Wide Image Background.

Default: normal most common visual style.

Wide (No Container): visual style with no container. Everything you put here will go from edge to edge of the screen. Most useful for Google Maps Widget.

Wide Solid Background Color: visual style with full width color for background. In our demo we use this style for showing Banners.

Wide Pattern Background: visual style with full width pattern for background. In our demo we use this style for showing Testimonials.

Wide Image Background: visual style with full width Image for background. In our demo we use this style for showing Motivational Text.

All this styles can be modified in the wp-admin » Appearance » Customize » Theme Options » Page Builder Row Styles, so you can give your own feel to the site.

Page Builder works best with our carefully selected widgets. You can see how to use and modified them in the Widgets section.

Page Builder (version 2.0 and above)

From December 15, 2014 (version of BuildPress: v1.8.1) the old version of Page Builder is deprecated. This affects the way the demo data are imported and (especially) how the front page is configured.

From v1.8.1 the front page is imported, but the import doesn't work as it used to, since only the bare content is imported for the pages which use Page Builder plugin.

In order to compensate that, we created a prebuilt layout called Home page. You just create a new page, select Page Builder and click to button Prebuilt Layouts. Select the Home Page and you are done (make sure you are using the page template Front Page with Slider).

In the next days we will be creating a more complete and easier way to import the pages built using the Page Builder, so stay tuned.

Manual Upgrade from 1.5.x to 2.0

In the new version of Page Builder all row layouts work differently than before. This is why after the update all the wide elements are cropped left and right. Here is a guide on how to fix that really fast with a few clicks.

You must go into Page Builder editor and Edit Row of broken row.

You will need to delete everything in Attributes » Row Class for each element.
In the Layout options select Row Layout Full Width or Full Width Stretched (Google Maps for example).
And in the Design you must choose Background Color or Background Image. If you use pattern than you must choose both. The images for background and patterns are located in the BuildPress theme in buildpress/assets/images/.

Wide Layout on Boxed Version

The Full Width Row Layout in the new Page Builder works flawlessly. But in the boxed BuildPress some content might not be visible. One example is Google Maps where the controls for zoom and navigation are hidden when using Full Width.

Of couse, we have a workaround for that. Since BuildPress v1.9.0 there is a special class you should set for wide rows when you are using boxed layout of the theme (set in Themes » Customize » Theme Options » Theme Layout & Colors » Layout). When editing row (see screenshot above) click to Attribues and enter the wide-boxed for the Row Class.

Make sure that you leave the Standard layout on Layout » Row Layout when using the wide-boxed class.

Slider

Building a Theme slider has never been easier.
You can create a Theme slider on any page you want. The only thing you must do is choose the page template Front Page With Slider (you can use this template even if it's not for the front page). After you select this page template there will be a new meta box at the bottom of the page which is called Front page slider. Now add your pictures, your text and your slider will be ready to go. This is an example from one of our themes:

Please take a look at this slider dimensions article for the recommended size of the slider images for this theme.

You can also use Layer/Revolution Slider. We don't include them with the theme but we make sure they work. When you activate page template - Front Page With Layer/Revolution Slider there is new field in which you can put id/alias from Layer/Revolution Slider.

ProteusThemes Options

You can find all Theme Options in the Customizer: Appearance » Customize. This is a live preview editor for your page.

Here you can change:

Logo & Favicon
Header & Breadcrumbs
Navigation
Typography
Theme Colors
Footer
Add Custom Code
And Much More ...

Shortcodes

Buttons

For adding buttons you must use button shortcode which looks like this: [button]Your Text[/button]
There are 6 options with different attributes - text, style, href and target.

Text: You can change the text of the button.
Example: [button]New Text[/button]

Style: You can choose betwen few styles - primary, secondary, danger, success, info or default.
Example: [button style="primary"]Your Text[/button]

Href: You can add URL to the button.
Example: [button href="http://www.proteusthemes.com"]Your Text[/button]

Target: You can choose if you want to open link in the same - "_self" or new - "_blank" window.
Example: [button target="_blank"]Your Text[/button]

Icons - Font Awesome

Shortcode for Font Awesome is very simillar to the buttons shortcode. It looks like this: [fa]
There are 3 options with different attributes - icon, href, target and color.

Icon: You can use any of 519 FontAwesome icon. To set the selected icon, just get the title of the icon, for example "fa-phone".
Example: [fa icon="fa-phone"]

Href: You can add URL to the icon.
Example: [fa href="http://www.proteusthemes.com"]

Target: You can choose if you want to open link in the same - "_self" or new - "_blank" window.
Example: [fa target="_blank"]

So a Font Awesome icon shortcode with a home icon, linking to a page and opening in a new window/tab would look like this: [fa icon="fa-home" href="http://www.proteusthemes.com" target="_blank"]

Tables

Tables are in fact not made with real shortcodes but very simple html tables.

They must be inserted in the Text page editor or in the Text widget. Look at the images bellow:

After that all you need to do is to add our .buildpress-table class in the <table> and that's it.

Example for our demo Pricing Tables:

<table class="buildpress-table">
  <thead>
    <tr>
      <th>SERVICES</th>
      <th class="align-center">PRICE FOR 10+ HOURS/PERSON</th>
      <th class="align-center">PRICE FOR 50+ HOURS/PERSON</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>CONSTRUCTION MANAGEMENT</td>
      <td class="align-center">FREE (on all orders over $5k)</td>
      <td class="align-center">FREE (on all orders over $5k)</td>
    </tr>
    <tr>
      <td>DESIGN AND BUILD</td>
      <td class="align-center">$22.95</td>
      <td class="align-center">$232.95</td>
    </tr>
    <tr>
      <td>KITCHEN REMODELING</td>
      <td class="align-center">$16.95</td>
      <td class="align-center">$166.95</td>
    </tr>
    <tr>
      <td>TILING AND PAINTING</td>
      <td class="align-center">$12.95</td>
      <td class="align-center">$128.95</td>
    </tr>
    <tr>
      <td>CONDO REMODELING</td>
      <td class="align-center">$15.95</td>
      <td class="align-center">$154.95</td>
    </tr>
    <tr>
      <td>HARDWOOD FLOORING</td>
      <td class="align-center">$9.95</td>
      <td class="align-center"><a href="http://themeforest.net/item/buildpress-wp-theme-for-construction-business/9323981?ref=proteusthemes" taget="_blank">GET IN TOUCH</a></td>
    </tr>
  </tbody>
</table>

Example for our demo Content Tables:

<table class="buildpress-table">
  <thead>
    <tr>
      <th>SERVICES</th>
      <th>WHY ARE OUR PRICES SO MUCH BETTER THAN FROM ANYONE ELSE!!</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>CONSTRUCTION MANAGEMENT</td>
      <td class="primary-font">We aim to eliminate the task of dividing your project</td>
    </tr>
    <tr>
      <td>DESIGN AND BUILD</td>
      <td class="primary-font">Between different architecture and construction company</td>
    </tr>
    <tr>
      <td>KITCHEN REMODELING</td>
      <td class="primary-font">We are company that offers design and build</td>
    </tr>
    <tr>
      <td>TILING AND PAINTING</td>
      <td class="primary-font">Services for you from initial sketches to the final</td>
    </tr>
    <tr>
      <td>CONDO REMODELING</td>
      <td class="primary-font">We aim to eliminate the task of dividing your project</td>
    </tr>
    <tr>
      <td>HARDWOOD FLOORING</td>
      <td class="primary-font">Between different architecture and construction company</td>
    </tr>
  </tbody>
</table>

Example for our demo Default Tables:

<table class="table">
  <thead>
    <tr>
      <th>Services</th>
      <th class="align-center">For House</th>
      <th class="align-center">For Hotel</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Donec suscipit vehicula turpis sed lutpat</td>
      <td class="align-center">35€</td>
      <td class="align-center">55€</td>
    </tr>
    <tr>
      <td>Quisque vitae quam neque.</td>
      <td class="align-center">32€</td>
      <td class="align-center">42€</td>
    </tr>
    <tr>
      <td>Morbi cilisis placerat dapibus.</td>
      <td class="align-center">44€</td>
      <td class="align-center">31€</td>
    </tr>
    <tr class="active">
      <td>Etiam ultrices nulla ed leo malesuada</td>
      <td class="align-center">48€</td>
      <td class="align-center">34€</td>
    </tr>
    <tr>
      <td>Commodo bibendum orci vi verra ;</td>
      <td class="align-center">22€</td>
      <td class="align-center">33€</td>
    </tr>
    <tr>
      <td>alesua commodo malesuada commodo</td>
      <td class="align-center">16€</td>
      <td class="align-center">7€</td>
    </tr>
  </tbody>
</table>

Widgets

You can use almost any widget in the Page Builder. Let's take a look at few, not so straight forward ones.

Visual Editor will make you the same editor environment as in normal WordPress editor. You can use that widget if you want normal text but also some of Page Builder widgets/tools. More about that widget can be found here.

How to add button? With our custom shortcodes. You can find instructions on Buttons section.

Clients

This one is actually normal text widget with some html code.

<div class="logo-panel">
  <div class="row">
    <div class="col-xs-12  col-sm-2">
      <img src="http://demo.proteusthemes.com/buildpress/wp-content/uploads/sites/16/2014/10/client_01.jpg">
    </div>
    <div class="col-xs-12  col-sm-2">
      <img src="http://demo.proteusthemes.com/buildpress/wp-content/uploads/sites/16/2014/10/client_02.jpg">;
    </div>
    <div class="col-xs-12  col-sm-2">
      <img src="http://demo.proteusthemes.com/buildpress/wp-content/uploads/sites/16/2014/10/client_03.jpg">
    </div>
    <div class="col-xs-12  col-sm-2">
      <img src="http://demo.proteusthemes.com/buildpress/wp-content/uploads/sites/16/2014/10/client_04.jpg">
    </div>
    <div class="col-xs-12  col-sm-2">
      <img src="http://demo.proteusthemes.com/buildpress/wp-content/uploads/sites/16/2014/10/client_05.jpg">
    </div>
    <div class="col-xs-12  col-sm-2">
      <img src="http://demo.proteusthemes.com/buildpress/wp-content/uploads/sites/16/2014/10/client_06.jpg">
    </div>
    <div class="col-xs-12  col-sm-2">
      <img src="http://demo.proteusthemes.com/buildpress/wp-content/uploads/sites/16/2014/10/client_07.jpg">
    </div>
    <div class="col-xs-12  col-sm-2">
      <img src="http://demo.proteusthemes.com/buildpress/wp-content/uploads/sites/16/2014/10/client_08.jpg">
    </div>
    <div class="col-xs-12  col-sm-2">
      <img src="http://demo.proteusthemes.com/buildpress/wp-content/uploads/sites/16/2014/10/client_09.jpg">
    </div>
    <div class="col-xs-12  col-sm-2">
      <img src="http://demo.proteusthemes.com/buildpress/wp-content/uploads/sites/16/2014/10/client_10.jpg">
    </div>
    <div class="col-xs-12  col-sm-2">
      <img src="http://demo.proteusthemes.com/buildpress/wp-content/uploads/sites/16/2014/10/client_11.jpg">
    </div>
    <div class="col-xs-12  col-sm-2">
      <img src="http://demo.proteusthemes.com/buildpress/wp-content/uploads/sites/16/2014/10/client_12.jpg">
    </div>
  </div>
</div>

Change source of image - src="yourimage.jpg" and your image will be shown.

Why Choose Us & Who We Are?

Both widgets are made with Visual Editor widget. Here is an example of the output from Why Choose Us:

<h6><span style="color: #fcc71f;">
[fa icon="fa-check"]</span> <span style="color: #333333;">WE ARE PASSIONATE</span></h6>
Our construction managment professio nals organize, lead and manage the people, materials and processes of construction utilizing the latest techno logies within the industry. Our construct ion management Our construction management.
<h6><span style="color: #fcc71f;">
[fa icon="fa-check"]</span> <span style="color: #333333;">WE LOVE WHAT WE DO</span></h6>
Our construction managment professio nals organize, lead and manage the people, materials and processes of construction utilizing the latest techno logies within the industry. Our construct ion management Our construction management.
<h6><span style="color: #fcc71f;">
[fa icon="fa-check"]</span> <span style="color: #333333;">WE ARE ALWAYS IMPROVING</span></h6>
Our construction managment professio nals organize, lead and manage the people, materials and processes of construction utilizing the latest techno logies within the industry. Our construct ion management Our construction management.

And also from Who We Are?:

<a href="http://demo.proteusthemes.com/buildpress/wp-content/uploads/sites/16/2014/10/content_24.jpg"><img class="alignleft wp-image-115 size-medium" src="http://demo.proteusthemes.com/buildpress/wp-content/uploads/sites/16/2014/10/content_24-300x168.jpg" alt="Content Image" width="300" height="168" /></a><a href="http://demo.proteusthemes.com/buildpress/wp-content/uploads/sites/16/2014/10/content_23.jpg"><img class="alignleft wp-image-116 size-medium" src="http://demo.proteusthemes.com/buildpress/wp-content/uploads/sites/16/2014/10/content_23-300x168.jpg" alt="Content Image" width="300" height="168" /></a>Our construction management professionals organize, lead, and manage the people, materials, and processes of construction utilizing the latest techno logies within the industry.

Our construction management professionals organize, lead, and manage the people, materials, and processes of construction utilizing the latest techno logies within the industry.

Our construction management professionals organize, lead, and manage the people, material.

<strong><a href="/about-us/" target="_blank">READ MORE</a></strong>

This widget can be included everywhere - in page builder and in a normal sidebar. For that widget we use a normal WordPress Text Widget.

First, go on https://twitter.com/settings/widgets and click Create new.

Now choose your Username, height of the widget, Theme and Link color. When you are happy with your widget click on Create widget button. You will get the code which you copy and paste in the Text Widget in your WordPress site.

Brochure Box

Brochure box is perfect widget for all kind of documents. All you must do is to upload document, put URL in the widget and select the icon you want. After that you will get the perfect looking download box and that's it. Brochure box can be used in Sidebars or in Page Builder.

If you want to see it in action, check it out on BuildPress demo page.

Featured Page is a really simple widget that we use in Page Builder. All you have to do is to select the page and one of the two layouts we made for you.

But how do I change the image and text on the Front Page?

The image on the Front Page is just the normal Featured Image of the selected page. You can change that in the sidebar of every single page. Text can be changed in the Excerpt field which can be found at the end of the page settings. If the excerpt field is not there, you must click on the Screen Option (at the top of the page) and check Excerpt. For more info please take a look at the screenshot below.

MailChimp Subscribe widget will help you collect emails from your potential clients, so you can email them a newsletter or a promotional offer and so increase your profits. Here is an example of the MailChimp subscribe widget. (This widget is available from BuildPress version 5.0 onwards).

This widget is easy to setup. Just follow the instructions in the widget:

Visit this URL and login with your mailchimp account,
Create an API key and paste it in the MailChimp API key input field,
Click on the Connect button, so that your existing MailChimp lists can be retrieved,
Select which list you want your visitors to subscribe to, from the dropdown menu,
Save the widget and update the page.

That's it! The subscribe form will be generated automatically (email field and a submit button) and you will be able to collect emails.

Countdown

The Countdown widget is another simple widget, that can be setup in seconds. All you need to do is input the valid date and time format and it will countdown to that exact time. Here is an example of the countdown widget. (This widget is available from BuildPress version 5.0 onwards).

Valid date and time formats:

04/25/2017 4:00 pm
25.4.2017 16:00
...

Plugins

We also use and support some of the best plugins for WordPress.

Required and Recommended Plugins

You can install and activate these plugins by going to wp-admin » Appearance » Install Plugins.

The list of required and recommended plugins used in this theme:

Contact Form 7

We use Contact Form 7 for our Contact Us page. This is the code from our demo:

<div class="row">
    <div class="col-xs-12  col-sm-4">
       [text* your-name placeholder "Your Name"]
       [email* your-email placeholder "E-mail address"]
       [text your-subject placeholder "Subject"]
    </div>
    <div class="col-xs-12  col-sm-8">
      [textarea your-message placeholder "Message"]
      [submit class:btn class:btn-primary "SEND MESSAGE"]
    </div>
</div>

After that just place the plugin's shortcode into your Contact Us page.

WooCommerce

This theme supports basic WooCommerce integration.

Once WooCommerce is activated you will see this notice:

Click on Run the Setup Wizard button to begin the WooCommerce install. That will start the setup wizard, where you can set things like shop pages, store locale, shipping & tax and payments.

If you want to change some settings, you can change them in WooCommerce » Settings. There are many tabs at the top, you can configure to fit your needs.

Most of our themes come with our own demo products for the WooCommerce store and will be imported automatically when you import the demo content using our industry-leading One Click Demo Import plugin. You need to make sure that WooCommerce is activated at the time that you import the demo data.

However, you can (optionally) install the additional demo products by WooCommerce. Go to Tools » Import » WordPress and import the demo XML file which can be found in the folder where WooCommerce was installed on your server. Usually this is in wp-content/plugins/woocommerce/dummy-data/dummy-data.xml. Also check the Download and import file attachments checkbox, so that all product images will be downloaded as well.

When you're done, you should see the products:

If you want to feature certain products, you can do so by clicking a star symbol in the table seen above.

When you are done with the settings, go to Appearance » Widgets.

Drag & Drop the WooCommerce widgets that start with "WooCommerce" to the sidebar called Shop Sidebar.

That's all, your WooCommerce shop is now ready!

All further information and documentation for WooCommerce can be found on the official WooCommerce website.

Visual Composer

Visual Composer: Page Builder for WordPress is supported for our BuildPress theme from version 3.1 onwards, so in order to use Visual Composer, it's best to update your BuildPress theme to the latest version. (Note: We do not bundle this plugin with the theme).

Please watch our video on How to setup Visual Composer as the main page editor, replacing our default page editor: Page Builder by SiteOrigin.

We have converted our widgets to the Visual Composer content elements, so you can use them in the VC editor. You can add them to your site from the Add new Element menu. Our elements are marked with our ProteusThemes icon, so they are easy to spot. ProteusThemes Visual Editor elements

Templates for Visual Composer

We've also made it very easy to create our original demo page layout templates with Visual Composer. You can choose from these pre made templates: Home Page, About Us, Contact Us, and Our Services. To recreate the theme Home Page you need to:

Create a new page and set the page template to Front Page with Slider and set the slider images below the editor.
In the Visual Composer editor click on Templates icon, click on Default Templates tab and then select Home Page template:
Publish/update the page.

Nested Visual Composer Elements

Some of our Visual Composer elements are nested elements. That means that once you select the element you will have to add its child element in order to achieve the desired result.

Lets take Testimonials as an example of the nested element. When you select Testimonials element in the VC editor a window will pop up with just some simple options and a "container" will be displayed in the editor.

Now you have to click the + icon and add a Testimonial element, edit its settings (that will actually add a testimonial quote to the page). With this method you can add as many testimonials as you want. And that's why we use nested elements.

The other nested element, apart from Testimonials is Google Map. It works on the same principle, it enables you to add multiple locations on the Google map.

Breadcrumbs NavXT

The breadcrumbs in this theme are powered by the Breadcrumbs NavXT plugin.

All the settings for breadcrumbs can be found in Settings » Breadcrumbs NavXT. When you first access this settings page, there might be a notice, which has a link Migrate now at the end, just click it and it will take you to the correct settings page. Here you can define a separator (which should be empty by default for our themes), breadcrumb hierarchies for different pages (pages, custom post types, taxonomy, ...) and set other breadcrumbs related things.

Default Product Breadcrumbs

Let's take a look at how to setup the default breadcrumbs used on this theme for the Products custom post type. Go to Settings » Breadcrumbs NavXT and click on the Post Types tab. Scroll down to the Product section, and set the Product Root Page to Shop page and since we set the root page, we can also disable (uncheck) the Product Archive Display checkbox. Don't forget to save the settings.

Default Project Breadcrumbs

To set the correct default Project custom post type breadcrumbs, you should go to Settings » Breadcrumbs NavXT and click on the Post Types tab. Scroll down to the Project section, and set the Project Root Page to your "Projects" page (where you list all your projects), then disable (uncheck) the Project Archive Display and Project Hierarchy Display checkboxs. Save the settings.

Premium Essential Grid

Find the documentation for the Essential Grid plugin here: Essential Grid Documentation.

Custom Sidebars

In our BuildPress theme we use Custom Sidebars for Services Sidebar. So instead of Regular Page Sidebar we want to show a sidebar with Our Services related things.

First we need to Create a new sidebar and put widgets inside like in image below.

After that we need to go to our page with Our Services content and in the Sidebars section we can replace the default sidebar. Instead of Regular Page Sidebar we choose our new Services Sidebar.

With this method you can have unlimited unique sidebars for every page.

Last but not least there is our footer area. Footer area is divided in two - Footer Widgets and Bottom Footer.

Footer Widgets is place where you can add the last things to your page. You can add widgets in the Appearance » Widgets » Footer. There is also few options for that area in the Appearance » Customize » Theme Options » Footer. You can choose how many widgets you want to place there or you can even turn whole area off if you choose 0. Here you can also change background pattern and all colors.

Bottom Footer area is place for copyrights, some custom text or footer menu. We add Footer Menu area in left side of the bottom footer. You can activate that menu in the Apperance » Menus » Footer Bottom Menu. Custom text for both left and right side of bottom footer can be added in live customizer Appearance » Customize » Theme Options » Footer.

Translations

Manual translation

We have an article with the video on how to translate our themes published on this link.

WPML for Multilingual sites

This theme officially supports WPML. Head over to the WPML website, buy the subscription, then download and install the following plugins:

WPML Multilingual CMS
WPML String Translation
WPML Translation Management

After that the WPML wizard will guide you to properly configure the multilingual site.

For reference: the widgets and theme options can only be translated using the String Translation.

Extras

Demo Images

All images used in BuildPress WP can be found on Shutterstock.

All the images shown in the demo page of BuildPress WP are copyrighted and come blurry with the theme (demo content).

Customizations

If you need advanced customizations on the theme, we are available for that as well.

Let us know what'd you'd like to change via support ticket and we will get back to you with a quote.

Changelog

View the BuildPress WP changelog.

Support

If you need more help after all, you can write to us.