Construction Field Pro


Construction Field Pro Fully Responsive Multi-purpose Construction Field WordPress Theme suitable for any Construction Field sites such as for Real Estate.

Theme Installation

From WordPress Dashboard Appearance > Themes

  1. Log in to the WordPress Administration Panels.
  2. Go to the Appearance panel, then Themes.
  3. Click Add New.
  4. Upload the Zip file of  Construction Field Pro 
  5. After Installing the theme Click Activate button

Note: After the theme purchased, you can find the theme on My Account page.

FTP Installation (alternate method)

  1. Use your FTP software to browse to wp-content/themes folder.
  2. Extract construction-field-pro.zip and upload the folder.
  3. Once it’s uploaded, go to your WordPress Admin, browse to Appearance > Themes.
  4. Click the Activate link.

Recommended Plugin

Dummy Data

One click demo import is available on Construction Field Pro.

  1. After the theme activated, go to Appearance > Construction Field Pro Info
  2. Install and activate Acme Demo Setup Plugin(Install Plugin From Useful Plugin Tab)
  3. Click on Here to import the dummy data from Recommended Actions Tab.(It may take some while).

Note: We recommend you to import demo data on new installation.

Adding Pages

Adding a new page is the same way as default WordPress installations, however, there are extra options that might need explaining.
Usually each page have content and featured image. You can enable Excerpt Field

too. Feature Image and Excerpt Fields are used in the Widget and Sliders.

  1. Go to Admin Panel
  2. Go to Pages > Add New
  3. Give the title of the Page
  4. Write the content of the Page
  5. Scroll to down and see the right corner, you will find the Set Featured Image section
  6. The theme use Slider Content and most of the Widget Content from the Excerpt Field

This theme can fully customize from the Customize section. To customize theme, Go to Appearance > Customize. You will find the various options related to theme.
You can add as many page as you want. Later you can select added page in the Slider and Widgets as their components.

Home Page/Make Home Page as Demo

If you want to create Home/Front Page similar to demo but without importing demo content, you can follow the following procedure.

1. Install Theme Construction Field

2. Create Page for Home and Blog Page

3. Set Home page and Blog page
Please set home page and blog page with following procedure.

4. Theme Customizer
After setting Front Page and Blog page. Go to Appearance => Customize, all available theme options are here.

5. Adding Home/Front Page Other Sections like About Section, Count Down Section, Gallery Section, Schedule Section, Speakers Sections, FAQ Section, Testimonials Sections , Blog and News Sections, Contact Sections.

Theme Options on Customizer

When you go to Admin Panel > Appearance > Customize. , there you will see various options available to customize your site. Just try those options one by one you will able to understand how theme works and can create any kinds of sites.

Theme Options and Setting on Customizer

Some Available options in Customizer

Home Page Setting

This section helps you to set the front page and blog page.
It is same setting ( Settings > Reading )

Site Identity ( Logo, title and tagline )

Header Options

Header Options includes Header Top, Menu Options, Header Images and Popup Widget options with individual setting etc. It includes the followings:

Header Top

Menu Options

Menu Position

Header Image

Popup Widgets

 

Featured Section Options ( Feature Slider and Feature Info Section )

You can add beautiful Feature Slider with Feature Info in the Front Page. Feature slider also includes the ability to add Count Down Timer. It has the following options.

 

Enable Feature Section

Featured Slider Selection

Featured Info Section

This section is design to include basic information of you company or Events.

Home Main Content Area

Home main content area is special Home Page Sections from where you can add the available widgets to make the site as our demo page or even better.

Footer Options

Footer Options will help you to change the copyright text, Social icons or Footer menu on footer sections.

Footer Background Image

Bottom Copyright Section

Layout Design Options

Layout Design Options help to change the overall layout of site including Front Page Content, animation, sidebar for Front page, Archive and Inner pages, Colors, Blog and Single Image size, Background image etc.

Intro Loader Options

Front Page Content Options

Button Design

Sticky Sidebar Options

Animation

Default Post Page Sidebar Layout

Front/Home Front Sidebar Layout

Category/Archive Sidebar Layout

Default/Blog Archive Layout

This options helps to select featured image size, Read More text and overall blog/archive/search layout.

Color

This  version have 5 different color options. Check the available color options and select the required color for you.

Advanced Color

This option lets you add more advanced color in your site.

Background Image

Typography Option

Typography lets you to choose and update various types or style of fonts in the site. It includes the  followings:

 Enable Typography

Site Title Font Options

Site Tagline  Font Options

Primary Menu Font Option

Body Font Options

Headings Font Options

Single Post Options

Single Post options includes the following features:

  Meta Display Options

 Single Header Title 

 Post Navigation Title

Post Comments Options

   Feature Image Option

 Author Info Option

   Single Post Related Post Option

Theme Options

Theme options includes the following features:

Breadcrumb

Search Placeholder

Social Options

Menus

Menu options lets you choose and various pages in menu located at different sections. It has the following options:

Footer Menu

Primary Menu

 Top Menu

 View all Locations

Widgets

Widgets lets you to add  and update some extra feature in your site like pages, text, images etc. It includes the  followings:

Footer Column One

Footer Column Two

Footer Column Third

Footer Column Fourth

Additional CSS

Additional CSS lets you to update the outlook of the site by adding more css to the theme.

 

If you have any confusion, please use support forum for queries.