Dustrial WordPress Documentation

Thank you for purchasing Dustrial - Industrial WordPress Theme and choosing our theme for your web development needs. This documentation will provide you with all the details you need in order to use this WordPress theme. If you are unable to find your answer here in our documentation, feel free to ask for help from our support team, all you have to do is sending an email to us: johanspond@gmail.com

If you like this theme, Please support us by rating us 5 stars

Thank you. Johanspond

Dustrial Wp - 3.0.0

1. About Dustrial Theme

Dustrial - WordPress Theme is a Fully Responsive Industrial Theme built on Bootstrap4, HTML5, CSS3, JavaScript, jQuery & PHP. It’s a modern crafted WordPress Theme which can be used for all types of industry, engineering or machinery businesses website.

2. Install Theme

Download packages:

Purchase Dustrial theme from ThemeForest then you can download our template package from there. Extract package the include all files and folders of theme. When done, you should see dustrial.zip (zip file name can be changed from version to version).


Once the download is complete, unzip the file and you will see the following packages:

System Requirements:

When selecting a hosting service, you should check to see that these server requirements are provided and installed on their web servers:

Theme Installation :

There are 2 ways to install a WordPress theme. Both ways will allow you to easily upload and install the WordPress theme files for a quick and easy setup.

Installing Theme from the WordPress Dashboard


If you are experiencing any issues during the installation I would recommend to check out this Screencast by Envato

Install theme via FTP

The second option how to install this theme would be the upload via FTP manager. It really doesn’t matter which of the two ways you choose, just choose the one you feel more comfortable with.

3. Plugin Installation

Right after the theme is activated, a notification at the top of the screen will suggest to continue with the installation of the plugins recommended for getting the best of your theme. Installing process is very simple, you just need to click Begin installing plugins and you will be redirected to the plugin installation page where you can install Plugins.

Plugins Using in Dustrial theme

Step 1: Click ‘Begin installing plugins and select the plugins you need to install from the list.

Install Plugin

Step 2: Select all plugins then choose Install, Click Apply to install all plugins

Apply Plugin Installation

4. Install Demo Data

Navigate to Appearance->>Import Demo Data >> OneClick Demo

Demo Data

Demo Data

After you import this demo, you will have to setup the theme options separately. See the documentation next step for Theme Options Setting

# Import Theme Options Data

Navigate to Theme Options->>Backup >> then paste your theme options data in the blog & click Import button.

Theme Options data location >> go to download package >> sample >> data folder then open the (options.txt) file any editor. just copy all code and import theme options data.

Option Demo Data

Theme Options Data

# How To Disable Site Tagline

Go to Appearance -> Customize->> Site Identity >> then uncheck Display Site Title and Tagline button.

site idendity

5. Theme Configuration

Upload Favicon, Logo and Enable/Disable Preloader.

You can upload your logo image in the Dustrial Theme Options. If the logo is not uploaded, then your site name will be used. Please, follow the steps below to upload your logo:

Theme Option 1

Set Up Menu

1. Creating your menu

Create Menu

2. Adding pages to your menu

Page Menu

Your custom menu has now been saved.

The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Posts or Portfolios are hidden by default. The Screen Options are located in the top right corner of your WordPress Dashboard.

screen options

6. Set Up Home Page

You can quickly build a home page using Wpbakery Page Builder for WordPress that is drag and drop backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required

From your Dashboard Admin Navigate to Pages

# How to use Wpbakery Page Builder

Have you ever used Wpbakery Page Builder? Please follow that guide first: WPBakery Page Builder

1. Drag and drop elements you need to build your page layout

Backend Editor

Backend Editor

How to use Back End Mode

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Editor Element

Step 2 - Select the Elements you want to use.

Select Element

Step 3 - Click on the Edit This Row (editor icon) to Edit the Row element (in our example we use row with 3 columns filled with text block)

Editor Icon

Step 4 - To change the Row layout (number of columns) you need to click the second Icon from the left then select a layout or custom to make your own.

Editor Columns

Editor Icon - To Edit Row, Column you need to click the Editor icon.

Editor Elements

Pages Icon - To Duplicate Row or Column you need to click the Pages icon.

Deplicate Elements

Close Icon - To Remove Row or Column you need to click the Close icon.

Remove Elements

When you edit row / column / custom heading / text block module, you can edit the row setting options.

Design Elements

Margin Padding

Careate full width section

Full Width Section

# Install WooCommerce

Flow step by step to install and activate WooCommerce

Step 1

Step 2

Step 3

Step 4

Step 5

Step 6

# Set a page as Home Page

Set Homepage

# Set Up Blog Page

1. Create the blog post

Create Post

2. Manage current all blog posts

You can see all information of you blog post, add new, edit or delete them.

Manage Post

# Create New Page

Create New Page with Wpbakery Page Builder

Create Page

Choose page header Layout

Choose header layout

Choose page footer Layout

Choose footer layout

# Blog Global Configure

Blog Global

# Create Service Item

Step 1: Go to Our Service from Dashboard then create content of Service

Create Service Item

# Create Project

Step 1: Go to Our Project from Dashboard then create content of Project

Create Project

# Create Testimonial

Step 1: Go to Our Testimonial from Dashboard then create content of Testimonial

Create Testimonial

# Create Team Member

Step 1: Go to Our Team from Dashboard then create content of Team

Create Testimonial

# Create Gallery

Step 1: Go to Our Gallery from Dashboard then create content of Gallery

Create Testimonial

# Create Contact Page

1. Create Contact Form.

Make sure you install and active Contact Form 7 plugin to continue reading.


Contact email settings

Contact form 1 raw code (Copy & Past it for your cf7 form build)

Ask Question raw code (Copy & Past it for your cf7 form build)

7. Theme Options

Dustrial Theme use Customizer provides an ultra-effective and intuitive way to customize theme layout & setting with real-time preview. Bring all of settings to customizer, you do not need to using another theme option anymore. To access Customizer, go to your admin Dashboard Navigate to Admin >> Theme Options

Theme Options

How to change Theme Color & Font Family

Typhography Settings

8. FAQ

# How to update Theme

1.Update Theme via WordPress

Updating the theme via WordPress is very similar to the install process via WordPress. Make sure you had backup all of your customization in our theme. Follow the steps below to update your theme via WordPress:

update themes

2.Update theme via FTP

Updating the theme via FTP is very similar to the install process via FTP. Follow the steps below to update your theme via FTP:

# How to create Child Theme

What is a Child Theme?

A child theme is a theme that inherits the functionality of another theme, called the parent theme. Child themes allow you to modify, or add to the functionality of that parent theme. A child theme is the best, safest, and easiest way to modify an existing theme, whether you want to make a few tiny changes or extensive changes. Instead of modifying the theme files directly, you can create a child theme and override within.

Why use a Child Theme?

if you modify an existing theme and it is updated, your changes will be lost. With a child theme, you can update the parent theme (which might be important for security or functionality) and still keep your changes. It’s a great way to get started if you are just learning WordPress theme development.

You need to use a Child Theme only if you are making code customizations.

Thanks for reading!