Web Designer Portfolio Pro Documentation

Structure of files

The downloaded template package comprises multiple folders. Now, let's take a look at the contents of each folder

Screenshots - displays template screenshots. Do not use these for creating templates

Theme - carries Files for a WordPress theme

Select the web-designer-portfolio-pro.zip theme by clicking on Browse, then click Install Now.

The file "license.txt" consists of important information regarding the license

The setup procedure might be executed in two methods.

1-To be able to install a new theme through the WordPress admin panel

The first step is to log in to your WordPress admin dashboard. After that, click.

1. Select the menu Select Appearance → Then Themes

2. Tap Add New

3. the button labelled "Upload Theme".

4. Choose your web-designer-portfolio-pro theme by clicking the Browse button, then hit the Install Now button.

Congratulations on successfully installing a theme on WordPress website!

2-If you prefer to install a WordPress theme with FTP (File Transfer Protocol), you can follow these steps:

Another option for installing a theme is upload it via FTP (File Transfer Protocol).you first need to log in your website through FTP and Select to the themes folder inside wp-content folder. From there, you can upload the theme you downloaded by unzipping it and uploading it to server.

Afterward, sign in to your WordPress website and Select to Appearance -- Select Themes And activate .

Plugin Installation

To Add a WordPress Plugin manually by .zip archive follow steps below for Uploading plugin

Plug-ins must be installed:
Contact-form-7 plugin
Select Dashboard → Selectplugin → Then Add New → and Tap Upload plugin.

click on the install now button and activate

Section One Click Demo Importer

Import demonstration content with one click to get your theme Set-up. This content will lead you through creating your website.

Select Dashboard → Select Appearance → Get started

Insert Your license key and click on activate button.

After activating key successfully click on next button.

Click on"Run Importer".

Set-up Home-page.

1) Now To set up home-Page First Create a Page From Admin Area

Lable your Page with your parent site name either you can label it home-page also. Then select settings then Reading and change the template from static to home-page.

2) Set the page: Select Setting →Select Reading → Set the post page display static page to home-page

once you've finished you can see all the demo content on front page.

Set-up Section Ordering Section

How to Arrange and Reordering Section

Section reordering means to arranage the section as per our requirement. first you need to choose section and drag section on top or bottom where you need it. when you will drap any section your front view will change according to your choice.

To be able to begin with Section Ordering.

Select Select Appearance → Theme Settings → Section Ordering

Set-up Site Identity Section

To be able to begin with Site Identity,

Select Select Appearance → Tap On Customize → Then Site Identity

Set-up Header Section

To be able to begin with header,

Select Pages → Add new

For menu you will have to add pages from.

Select Appearance → menu → Add new

Repeat the same steps if you want to add more pages.

Select Select Appearance → Tap On Customize → Select Theme Settings → Then Header

In this way you can add the menu section.

Set-up Banner Section

To be able to begin with Banner Section

Select Appearance → Tap On Customize → Select Theme Settings → Then Banner Settings

In the front, it will manifest as shown.

Set-up Counter Section

To be able to begin with Counter Section

Select Select Appearance → Tap On Customize → Theme Settings →Counter

In the front, it will manifest as shown.

Set-up About Us Section

To be able to begin with About Us Section

Select Appearance → Tap On Customize → Select Theme Settings → Then About Us Settings

In the front, it will manifest as shown.

Set-up Our Services Section

To be able to begin with Our Services Section.

You must first install and activate the Web Designer Portfolio Pro Posttype plugin.

After you enable the plugin, a Services section will appear on your dashboard.

Create Service Post

Select Dashboard → Tap On Services → Add New

Select Appearance → Tap On Customize → Select Theme Settings → Our Services

In the front, it will manifest as shown.

Set-up Latest Post Section

To be able to begin with Latest Post Section

Create Post First

Go to Dashboard → Tap On Post → Add New

Select Select Appearance → Tap On Customize → Theme Settings → Latest Post

In the front, it will manifest as shown.

Set-up Pricing Plan Section

To be able to begin with Pricing Plan Section.

Select Appearance → Tap On Customize → Theme Settings → Pricing Plan Setting

In the front, it will manifest as shown.

Set-up Testimonial Section

To be able to begin with Testimonial Section

You must first install and activate the Web Designer Portfolio Pro Posttype plugin.

After you enable the plugin, a Testimonials section will appear on your dashboard.

Create Testimonial Post First

Go to Dashboard → Tap On Testimonials → Add New

Select Select Appearance → Tap On Customize → Theme Settings → Testimonial

In the front, it will manifest as shown.

Set-up Latest Work Section

To be able to begin with Latest Work Section.

You must first install and activate the Web Designer Portfolio Pro Posttype plugin.

After you enable the plugin, a Project section will appear on your dashboard.

Create Project Post

Select Dashboard → Tap On Latest Work → Add New

Select Appearance → Tap On Customize → Theme Settings → Latest Work

In the front, it will manifest as shown.

Set-up Get In Touch Section

To be able to begin with Get In Touch Section.

For Get In Touch you need to install contact form 7 plugin. Following the installation of contact form 7 plugin. Contact options become visible on the Dashboard.

Select Dashboard → Contact → Add New Page

Select Appearance → Tap On Customize → Theme Settings → Get In Touch

In the front, it will manifest as shown.

Set-up Portfolio Section

To be able to begin with Portfolio Section

Select Appearance → Tap On Customize → Theme Settings → Portfolio

In the front, it will manifest as shown.

Set-up Footer Section

To be able to begin with Footer,

Step 1.Select Dashboard → Select Appearance → Widgets

Step 2. Select Footer
(a) Footer One
(b) Footer Two
(c) Footer Three
(ii) Click on "save" button

For designing this section, Select widgets of Select Appearance section and select four footer columns for tags, gallery, contact and logo image respectively.

Below image throws light on the widgets section.

Select Dashboard → Select Appearance → Widgets → Add New

Select Select Appearance → Tap On Customize → Select Themes Settings → Footer Option → Footer Widgets

Footer Heading Color: Here, you can choose the font text of footer.
Footer Heading Fonts: Here, you can set the font of heading of footer.
Footer Content Color: Here, you can select the text color of contents of footer
Footer Content Fonts: Here, you can choose the font of the contents of the footer.
Setting Options: Involves settings for Service display enable / disable option..
Background Color: Here, you can choose the Background Color of the footer.
Background Image: Here, you can place the Background Image of the footer.

In the front, it will manifest as shown.

Set-up Footer Text Section

To be able to begin with Footer Text section,

Select Select Appearance → Tap On Customize → Select Themes Settings → Footer Option → Then Footer Text.

Enable/Disable option:Here, you may select the enable/disable option to show or hide the section.

In the front, it will manifest as shown.

Set-up Contact Page

Before proceeding with the Contact Us section, we need to install contact form 7 plugin. Following the installation of contact form 7 plugin. Contact options become visible on the Dashboard.

Select Dashboard → Contact → Add New Page

Select Select Appearance → Theme setting → Contact Page and Map Option

In the front, it will manifest as shown.

Post, Categories and Post Formats

Adding category

First of all create pages from Select Dashbord → Pages→ Add new page.
Select Select Appearance → Menu
Click on Create a new menu link
Give a name to menu in Menu name column and click save menu button
Once you create menu. You need to add pages by selecting with checkbox. After adding menu list you can arrange it with your choice by drag and drop.
Choose the menu theme location from the below checkboxes
If you clicked primary menu checkbox then menu will appear on header and if you select footer checkbox then menu will appear on footer.

Creating a Fitness post

Log into your WordPress Administration Panel (Dashboard).
Click the Posts tab.
Click the Add New tab.
Type in your post content.