Builderio Documentation

Builderio Documentation describes about theme installation and the features

Theme Installation

Generally, you can install the theme in two ways either by FTP/Cpanel or via WordPress Dashboard itself.

Theme Installation Via FTP/Cpanel

To Install the theme via FTP/Cpanel follow these steps:

  • Download a Copy of Theme zip file from WordPress.
  • Save the downloaded theme zip file in your hard drive.
  • Extract the downloaded zip file.
  • Now Connect the ftp server using the FTP details and copy the extracted folder to your WordPress theme direcetory
  • Now go to the Dashboard > Appearance > Themes.
  • You’ll see the theme in the theme dashboard.
  • Activate the theme.

Theme Installation Via WordPress Dashboard

To install the theme via WordPress Dashboard follow these steps:

  • Login into WordPress Dashboard.
  • Go to Dashboard > Appearance > Themes.
  • Click on Add New button then search Builderio in search field.
  • Click Install button to theme install into the wordpress site.
  • Once installed, Activate the theme.

Theme Recommendation & Configuration

To install recommended plug-in follow the below steps:

  • Check in header notification after activate the theme.
  • Theme recommend the plug-in Conact Form 7 like below screen shot

  • Click to install the plug-in and activate to your site like screen shot.

Demo Installation

Import Demo

Note: Before you start to demo import, You should install the theme and recommended plugin. please check Theme Installation to install theme and plugin to your site.

Note: If you import demo means no need to create post, page.

  • Login to you WordPress Dashboard.
  • Go to Dashboard > Tools > Import.
  • Demo file located in theme folder. like this builderio/demo/builderio-demo-template.xml
  • After successfully imported, you have to set homepage. We briefly explained under the title Setup Home Page.
  • Next, You have to Activate Primary Menu In WordPress Dashboard > Appearance > Menus.

Import Widget

  • Login to you WordPress Dashboard.
  • Go to Dashboard > Plugins > Add New.
  • Search the Plugin Widget Importer & Exporter on serach box like screenshot.

  • Click Install and Activate the plugin for import widgets to your site
  • After Activate the Plugin, Navigate to Tools > Widget Importer & Exporter.
  • Import Widget file located in theme folder. like this builderio/demo/builderio-widgets.wie

  • After import the widget, navigate to Appearance > Widgets > Homepage Widget Area.
  • Open Our Works – Builderio Widget and Choose 8 from Number of Post and Save the widget
  • Open Testimonial – Builderio Widget and Choose Clients from Category Option and Save the widget

Homepage Setup

Setup Home Page

  • Go to Settings > Reading
  • Set Homepage and Posts Page. Like below screenshot.

Setup Theme Options

Page Slider

You can show pages as slider on homepage.

  • Go to Dashboard > Appearance > Customizer > Frontpage Section.
  • Expand the Page Slider and choose the pages to show on heompage. E.g: screenshots

Contact Section

  • Go to Dashboard > Appearance > Customizer > Frontpage Section.
  • Expand the Page Slider and choose the pages to show on heompage. E.g: screenshots

Widget Section

You can customize the widget

  • Go to Dashboard > Appearance > Widgets.
  • Just Drag and Drop the Builderio Widgets into Homepage Widget Area

Top Header

  • Login into WordPress Dashboard.
  • Go to Dashboard > Appearance > Customizer > Theme options.
  • Expand the Header Options tab.
  • Activate Header Top Option and fill the input values like screenshot
  • Click Publish button to show on website

Contact Page Setup

You can show contact us page on your website

Contact Form Configuration

  • Go to Contact > Contact Forms.
  • You can see 2 contact forms on contact form grid
  • Click Edit the shortcode form: id=”71″
  • Click Mail tab and Add your email address in the “To” field.

  • Click Save Button

Setup contact page

  • Navigate to Pages > All Pages.
  • Click to edit the Page Contact Us.
  • Note: please take backup before you edit the page.
    • Note: contact page content editor should be Text mode. Then only you can use html elements.

  • Please check the screenshot. we have used the shortcode from Contact Form 7

Header Setup

Theme comes with header features. You can show website look better.

Setup Menu

You must create a menu before you can add item to it.

  • Login into WordPress Dashboard.
  • Go to Dashboard > Appearance > Menus.
  • Click Create a new menu at the top of the page.
  • Enter a name for your new menu in the Menu Name Field.
  • Click the Create Menu button.

Now you can add items to the menu.

  • Locate the panel entitled Pages.
  • Within this panel, select the View All link to bring up a list of all the currently published Pages on your site.
  • Select the Pages that you want to add by clicking the checkbox next to each Page’s title.
  • Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
  • Click the Save Menu button once you’ve added all the menu items you want.

Configure Header Banner

You can show banner in your site after the header

  • Login into WordPress Dashboard.
  • Go to Dashboard > Appearance > Customizer.
  • Expand the Header Image tab.
  • Click Add New Image to upload new images through media library.
  • Please read description we recommended banner image size before you upload image.
  • Click Publish button to show on website

Configure Breadcrumb

You can setup breadcrumb to your site. customers easily navigate to previous page or related pages.

  • Login into WordPress Dashboard.
  • Go to Dashboard > Appearance > Customizer.
  • Go to Theme Options > Breadcrumb Option.
  • Click Normal to activate the breadcrumb
  • Click Publish button to show on website

Activate Sticky Header

  • Login into WordPress Dashboard.
  • Go to Dashboard > Appearance > Customizer.
  • Go to Theme Options > Header Option.
  • Click Enable Sticky Header option to activate header sticky
  • Click Publish button to show on website

Footer Setup

You can set footer top with 4 column and change copyright text

Footer Top

You can display 4 footer widget areas in the Footer. To Configure these footer widgets follow these steps:

  • Login into WordPress Dashboard.
  • Go to Dashboard > Appearance > Widgets.
  • Drag and Drop the widgets of your choice to Footer One, Footer Two, Footer Three & Footer Four widget areas.
  • Configure the widget contents and settings.
  • Once Done, Click on Save button.

Footer Bottom

You can change copyright text to your website:

  • Login into WordPress Dashboard.
  • Go to Dashboard > Appearance > Customizer.
  • Go to Theme Options > Footer Option.
  • Write Copyright Text into the Field.
  • Click Publish button to show on website.

Background Setup

You can set background image or background color to your website

Background Image

You can set background image to your website

  • Login into WordPress Dashboard.
  • Go to Dashboard > Appearance > Customizer.
  • Expand the Backround Image tab.
  • Click Select Image button to upload image through media library.
  • Once Done, Click Publish button.

Background Color

You can set background color to your website

  • Login into WordPress Dashboard.
  • Go to Dashboard > Appearance > Customizer.
  • Expand the Colors tab.
  • Select Color from Background Color button.
  • Click Publish button to show on website.