Web Development Pro Theme Documentation

Introduction

Thank you for purchasing Web Development Pro. Before you get started, please be sure to always check out these documentation files. We outline all kinds of good information, and provide you with all the details you need know to use Web Development Pro Theme.

If you are unable to find your answer here in the documentation, please contact us on our support desk.

What is included in the price?

Web Development Pro WordPress Theme
1 Year Free Updates
Theme Documentation
Premium Support - To our support desk.

Thanks!
VoilaThemes Team

Theme Installation via WordPress

After the purchase you will be able to download the theme .zip file.
When done, you should see web-development-pro.zip (zip file name can be changed from version to version).

Please, follow the steps below to install Web Development Pro Theme.

Step 1 - Login to your WordPress Dashboard.

Step 2 - Go to Appearance > Themes. Click Add new button, located at the top of the screen or Add new theme. (see screenshots below)

Step 3 - Click on Upload button at the top of the screen.

Step 4 - Choose web-development-pro.zip and click on the Install Now button.

Step 5 - Wait while the theme is installed, when done Activate the Web Development Pro theme.
(see screenshots below)

Step 6 - Congratulation you are ready to use Web Development Pro, but first Activate your license key.

Common Theme Installation Problems

Are you sure you want to do this?
If you get the “Are you sure you want to do this” message when installing web-development-pro.zip file via WordPress, it means you have an upload file size limit. Install the theme via FTP if this happens, or ask your hosting company to increase the limit.

Missing stylesheet file
If you get an error saying that the stylesheet is missing, then you have uploaded the wrong folder. Please check that you are uploading the web-development-pro.zip within the Theme Files folder.

Theme Installation via FTP

If you are going to install the theme using FTP, you will need an FTP Client, such as FileZilla.

After the purchase you will be able to download the theme .zip file.
When done, you should see web-development-pro.zip (folder name can be changed from version to version).

Please, follow the steps below to install Web Development Pro theme via FTP:

Step 1 - Log into your hosting space (server) via FTP client.

Step 2 - In extracted archive folder, find web-development-pro folder

Step 3 - Upload the web-development-pro folder to your server in path .../wp-content/themes/

Step 4 - The uploaded path should be like this: .../wp-content/themes/web-development-pro/

Step 5 - Login to your WordPress Dashboard and go to Appearance > Themes and activate the Web Development Pro Theme. (see screenshots below)

Step 6 - Congratulation you are ready to use consulting-company Pro, but first Activate your license key.

Additional Links

Installing new theme
FileZilla Free FTP Client

Theme License Activation

After installing the theme the first step to take will be activating the theme license. Enter the license key and you'll get access to theme support.

Follow the below instruction to activate the theme license.

Step 1 - Go to your WordPress Appearance > License.

Step 2 - Now, you need to enter the license key. (see screenshots below)

Step 3 - The final step is to click on Activate button.

Plugins Installation

After activating the theme and the license a notice should appear on the top of the screen, click on Begin installing plugins.

Follow the below instruction to activate all the necessary plugins.

Step 1 - Go to your WordPress Dashboard and click on Begin installing plugins.

Step 2 - Select all the plugin, change Bulk Actions drop to Install then click Apply. (see screenshots below)

Step 3 - Once the plugins are installed go back to Install required plugins and Activate them all.

Setting up the Demo Content

Before importing the dummy data Make sure you have installed all the required plugins.

Once the theme will be activated you will see the option for importing demo.

Step 1 - Go to Appearance > Demo Setup.

Step 2 - Click on the Import Demo Data button.

Step 3 - Done! Menu and Home Page will be set automatically.

Menu Setup

Create & Manage your menu

First we will see how to create your menu

Adding pages to your menu

How to add page to our new menu

Assigning a Menu to a Location

Select where to show our menu

Create & Manage your menu

Step 1 - Login to the WordPress Dashboard.

Step 2 - From the Appearance menu on the left-hand side of the Dashboard, select the Menus option to bring up the Menu Editor.

Step 3 - Select Create a new menu at the top of the page.

Step 4 - Enter a name for your new menu in the Menu Name box.

Step 5 - Click the Create Menu button.

Your menu is now defined, and you can now add pages to it (steps below).

Adding pages to your menu

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

Step 1 - Locate the pane entitled Pages.

Step 2 - Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.

Step 3 - Select the Pages that you want to add by clicking the checkbox next to each Page's title.

Step 4 - 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.

Step 5 - Click the Save Menu button once you've added all the menu items you want.

Your custom menu has now been saved.

Assigning a Menu to a Location

Once you've created a menu and filled it with items, it's time to assign it to one of the theme pre-defined locations.

Step 1 - Go to Appearance > Menus and click Manage Locations.

Step 2 - Assign each Theme Location with a menu. You can assign menus to multiple Theme Locations.

Step 3 - Click the Save Changes button.

Page Options

Go to Pages > Add New or edit any page scroll down the page and at the bottom you'll find below options.

1. Header

Here you can choose whether to show or hide your header menu, choose menu option to default or same as home page and also you can change the menu style. Also you can show or hide the page title area and change the title background image.

2. Footer

Here you can choose whether to show or hide your footer.

3. SEO Settings

Here you can assign page title and meta description and also manage the robots setting.

4. Facebook Pixel

Here you can add your facebook pixel code for your website.

Page Builder Widgets

Go to Pages > Add New or Edit a page. Click on the Page Builder tab and go to Add Widget as shown in below screenshots.

Before using the widget make sure you check the features it offers in below description.

1. Web Development Pro Button Widget

Here you can Add button text and assign a URL along with the designing changes that you may want to make.

2. Web Development Pro Contact Form Widget

Using a shortcode method you can display your contact form and change contact form styling that you may want.

3. Web Development Pro Counter Widget

Using this widget, you can add multiple counters. Also, you can make the changes in style that you may want.

4. Web Development Pro Progress Bar Widget

Using this widget, you can add counter, and title for Progress bar widget.

5. Web Development Pro Key Feature Widget

Using this widget, you can display the key features and customize it's design as per your requirement.

6. Web Development Pro Blog Post Widget

Using this widget, you can display the blog post listing using post query method.

7. Web Development Pro Client Slider Widget

Using this widget, you can display clientale slider using this widget.

8. Web Development Pro Video Widget

Using this widget, you can display video, make the changes in it's design that you may want.

9. Web Development Pro Team Widget

Using this widget, you can display the team members and members details. Also, you can make the changes in it's design that you may want.

10. Web Development Pro Testimonials Widget

Here you can add the testimonials details and display it in slider. Also, you can make the changes in design that you may want.

Customizer Options

Go to Appearance > Customize and you'll find below options where, you can make the changes as per your requirements.

1. General

- Header & Logo

Here you can change your website logo and dark logo along with site icon and also add or remove site title and tagline. Also you can change the logo size that may you want and enable or disable the fixed header.