Portfolio Web Pro

Portfolio Web Pro is a  Fully Responsive Multi-purpose WordPress theme. This theme is an ideal one for any kind of portfolio page or website. It is the premium version of Portfolio Web Pro.

Theme Installation

From WordPress Dashboard Appearance > Themes

1. Log in to the WordPress Administration Panel.
2. Go to the Appearance panel and then on Themes.
3. Click Add New.
4. Upload the Zip file of  Portfolio Web Pro.
5. After Installing the theme Click Activate button.

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

FTP Installation (alternate method)

1. Use your FTP software to browse to wp-content/themes folder.
2. Extract portfolio-web-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

• Page Builder by SiteOrigin
• Contact Form 7
• Acme Demo Setup (Check Plugin Recommended Tab)

DummyData

Before importing the demo content. It is required that you install necessary plugins. They are:
1. Acme Demo Setup
2. Advanced Import

Then you can follow the path below:

• Dashboard > Appearance > Demo Import 
• Click on Get Started and a page will appear with a thumbnail image of the demo design.(There can be more than 1 demo design in some themes)
• Hover over the image and click on Import
• Then in few minutes the demo will be imported in your site and you can visit your site now.

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

Updating Theme License

Within your My Account Page you will also receive theme license along with the zip file of Pro theme.

You can copy the license code and follow the path below.

Dashboard->Appearance->Theme License

Enter the license code in the box and save it.

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 has content and featured image. You can enable Excerpt Field. 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 down and see the right corner, you will find the Set Featured Image section

Note: This theme has been tested with Gutenberg editor and is highly compatible with it. So, you can use the awesome features of Gutenberg.

The theme use Slider Content and most of the Widget Content from the Excerpt Field

This theme can be fully customized from the Customize section. To customize the theme, Go to Appearance > Customize. You will find the various options related to the theme.
You can add as many pages as you want. Later you can select the 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 the demo but without importing demo content, you can follow the following procedure.

1. Install Theme Portfolio Web Pro 

• Go to Admin Panel > Appearance > Themes > Add New and search theme Portfolio Web Pro
• Click on Install and then Activate

2. Create Page for Home and Blog Page

• Go to admin panel > Pages > Add New
• Give the title of the page (Example: Home Page)
• Click on Publish to publish the page.
• Create another page (for Blog), follow the above page creation method.

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

• Go to admin panel > Settings > Reading
• Click on “A static page (select below)”
• Set Front page: (Home Page recently created above)
• Posts page:(Blog you recently created)

4. Theme Customizer
After setting the 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.

• Go to Appearance > Customize > Home Main Content Area
• Check the available widget/sections and add it to Home Main Content Area
• The Theme Custom Widgets are Prefixed with AT
• After adding widget on check for available options in the widgets
• Most of the widget use Page, while adding Widget, don’t forget to add title, content, excerpt, Feature Image and Feature Icon on the Page
• You can add any Widget available there, drag, drop, reorder and remove widget as you want

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 the theme works and can create any kinds of sites.

Theme Options and Setting on Customizer

Some Available options in Customizer

• Home Page Setting
• Site Identity ( Site Title, Tagline & Logo)
• Header Options
• Featured Section Options
• Home Main Content Area
• Footer Options including copyright
• Layout/Design Option includes various options related to site Appearance
• Typography Option
• Single Post Option with Related Post Options
• Theme Options which includes extra options in the theme
• Menus
• Widgets
• Additional CSS

Home Page Setting

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

Site Identity ( Logo, title, and tagline )

• From Customize, go to Site Identity
• You will get the options to manage Site title, tagline, and logo.
• Use the available options to customize the logo, site title, and tagline.
• If the preview is fine Click on Save & Publish to save the changes.

Header Options

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

• Go to Appearance > Customize > Header Options

Header Top

• Go to Appearance > Customize >Header options >Header Top
• You can choose different kinds of header options here.
• If the preview is fine, click on “Save & Publish” button to save the changes.

Menu Options

• Go to Appearance > Customize >Header options >Menu Options
• You can choose different kinds of options for the menu here.
• If the preview is fine, click on “Save & Publish” button to save the changes.

Menu Position

• Go to Appearance > Customize >Header options >Menu Position
• You can choose different kinds of header options here.
• If the preview is fine, click on “Save & Publish” button to save the changes.

Header Image

• Go to Appearance > Customize >Header options >Header Image
• You can choose or put images for header here.
• If the preview is fine, click on “Save & Publish” button to save the changes.

Popup Widgets

• Go to Appearance > Customize >Header options >Popup Widgets
• You can choose or put popup images here.
• If a preview is fine, click on “Save & Publish” button to save the changes.

Featured Section Options ( Feature Slider and Feature Info Section )

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

• Go to Appearance > Customize > Featured section options

Enable Feature Section

• Go to Appearance > Customize > Featured section options > Enable Featured section.
• Checked on Enable Featured Section
• Featured section will display on Front/Homepage
• If the preview is fine, click on “Save & Publish” button to save the changes.

Featured Slider Selection

• Go to Appearance > Customize > Featured section options > Feature Slider Selection.
• Select the pages for the slider Items.
• If the preview is fine, click on “Save & Publish” to save the changes.
• Title, Excerpt and Featured Image of each selected page will appear as a slider content and Image.
• Check all the available options to manage the slider section.
• You can make the responsive image or full-screen background image from the available options.
• If the preview is fine, click on Save & Publish to save the changes.

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.

• Go to Appearance > Customize >Home Main Content Area
• Add the necessary widgets from the available Widgets
• Especially use necessary widgets with AT prefix
• If you add the Widgets on Home Main Content Area, it will appear on Home Page Section.
• Drag up or down to manage the position of Widgets
• After adding/editing them, don’t forget to click ‘Save & Publish’ button at the top.

Footer Options

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

Footer Background Image

• Go to Appearance > Customize > Footer Options > Footer Background Image
• Change the options you desire
• If the preview is fine, click on Save & Publish to save the changes.

Bottom Copyright Section

• Go to Appearance > Customize > Footer Options > Bottom Copyright Section
• Change the options you desire
• If the preview is fine, click on Save & Publish to save the changes.

Layout Design Options

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

• Go to Appearance > Customize > Layout/Design Option

Intro Loader Options

• Go to Appearance > Customize > Layout/Design Option >Intro Loader Options
• Check the box if you want to enable intro  loader option
• If the preview is fine, Click on Save & Publish to save the changes.

Front Page Content Options

• Go to Appearance > Customize > Layout/Design Option > Front Page Content Options
• Check to hide the front page content of home page.
• If the preview is fine, Click on Save & Publish to save the changes.

Button Design

• Go to Appearance > Customize > Layout/Design Option > Button Design
• You can update the button designs here.
• If the preview is fine, Click on Save & Publish to save the changes.

Sticky Sidebar Options

• Go to Appearance > Customize > Layout/Design Option > Sticky Sidebar Options
• You can update the sticky sidebar here.
• If the preview is fine, Click on Save & Publish to save the changes.

Animation

• Go to Appearance > Customize > Layout/Design Option > Animation
• Check this to disable overall site animation effect provided by theme.
• This will not disable the slider animation, Slider has its own options for Animation, Check Feature Section options
• If the preview is fine, Click on Save & Publish to save the changes.

Default Post Page Sidebar Layout

• Go to Appearance > Customize > Layout/Design Option > Default Post Page Sidebar Layout
• Select the sidebar from the available drop-down option.
• If the preview is fine, Click on Save & Publish to save the changes.

Front/Home Front Sidebar Layout

• Go to Appearance > Customize > Layout/Design Option > Home Front Sidebar Layout
• Select the sidebar from the available drop-down option.
• If the preview is fine, Click on Save & Publish to save the changes.

Category/Archive Sidebar Layout

• Go to Appearance > Customize > Layout/Design Option > Category/Archive Sidebar Layout
• Select the sidebar from the available drop-down option.
• If the preview is fine, Click on Save & Publish to save the changes.

Default/Blog Archive Layout

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

• Go to Appearance > Customize > Layout/Design Option > Default/Blog Archive Layout
• Check the image options and read more options.
• Click on Save & Publish to save the changes.

Color

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

• Go to Appearance > Customize > Layout/Design Option > Color
• Click on Save & Publish to save the changes.

Advanced Color

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

• Go to Appearance > Customize > Layout/Design Option > Advanced Color
• Click on Save & Publish to save the changes.

Background Image

• Go to Appearance > Customize > Layout/Design Option > Background Image
• Select the image for your site background.
• Click on Save & Publish to save the changes.

Typography Option

Typography lets you choose and update various types or style of fonts on 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

 Enable Typography

• Go to Appearance > Customize > Typography Option > Enable Typography 
• Check the button to enable typography option
• Click on Save & Publish to save the changes.

Site Title Font Options

• Go to Appearance > Customize > Typography Option > Site Title Font Options
• It will let you update the typography font for site title font
• Click on Save & Publish to save the changes.

Site Tagline  Font Options

• Go to Appearance > Customize > Typography Option > Site Tagline Font Options
• It will let you update the typography font for site tagline font
• Click on Save & Publish to save the changes.

Primary Menu Font Option

• Go to Appearance > Customize > Typography Option > Primary Menu Font Option
• It will let you update the typography font for primary menu font
• Click on Save & Publish to save the changes.

Body Font Options

• Go to Appearance > Customize > Typography Option > Body Font Options
• It will let you update the typography font for body text
• Click on Save & Publish to save the changes.

Headings Font Options

• Go to Appearance > Customize > Typography Option > Headings Font Options
• It will let you update the typography font for headings text
• Click on Save & Publish to save the changes.

Single Post Options

Single Post options include 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

  Meta Display Options

• Go to Appearance > Customize > Single Post Option > Meta Display Options
• You can update meta display here

 Single Header Title 

• Go to Appearance > Customize > Single Post Option >  Single Header Title 
• You can update Singe Post header title here

 Post-Navigation Title

• Go to Appearance > Customize > Single Post Option >  Post Navigation Title
• You can update Singe Post navigation title here

Post Comments Options

• Go to Appearance > Customize > Single Post Option >  Post Comments Options
• You can update Post Comments Options here

   Feature Image Option

• Go to Appearance > Customize > Single Post Option >   Feature Image Option
• You can update the feature image  here

 Author Info Option

• Go to Appearance > Customize > Single Post Option >Author Info Option
• You can update Author Info  here

   Single Post Related Post Option

• Go to Appearance > Customize > Single Post Option >Single Post Related Post Option
• You can update Singe Post related post here

Theme Options

Theme options include the following features:

• Breadcrumb
• Search Placeholder
• Social Options
• Google Map API

Breadcrumb

• Go to Appearance > Customize > Theme Options > Breadcrumb Options
• Check to Enable Breadcrumb to enable it.
• Click on Save & Publish to save the changes.

Search Placeholder

• Go to Appearance > Customize > Theme Options > Search
• Enter the suitable search placeholder.
• Click on Save & Publish to save the changes.

Social Options

• Go to Appearance > Customize > Theme Options > Social Options
• Enter the social link and select the icons for the respected links. Use search features there.
• Click on Save & Publish to save the changes.

Google Map API

• Go to Appearance > Customize > Theme Options > Google Map API
• Use the code of Google Map API to display google map in your website.

Menus

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

• Footer Menu
• Primary Menu
• View All Locations

Footer Menu

• Go to Appearance > Customize > Menus > Footer Menu
• You can update title and locations for the footer.
• Click on Save & Publish to save the changes.

Primary Menu

• Go to Appearance > Customize > Menus > Primary Menu
• You can update pages in the primary menu
• Click on Save & Publish to save the changes.

 View All Locations

• Go to Appearance > Customize > Menus > View All Locations
• You can update title and locations for the footer.
• Click on Save & Publish to save the changes.

Widgets

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

• Footer Column One
• Footer Column Two
• Footer Column Third
• Footer Column Fourth

Footer Column One

• Go to Appearance > Customize > Widgets >  Footer Column One
• You can update widgets in the first column of the footer.
• Click on Save & Publish to save the changes.

Footer Column Two

• Go to Appearance > Customize > Widgets >  Footer Column Two
• You can update widgets in the second column of the footer.
• Click on Save & Publish to save the changes.

Footer Column Third

• Go to Appearance > Customize > Widgets >  Footer Column Third
• You can update widgets in the third column of the footer.
• Click on Save & Publish to save the changes.

Footer Column Fourth

• Go to Appearance > Customize > Widgets >  Footer Column Fourth
• You can update widgets in the fourth column of the footer.
• Click on Save & Publish to save the changes.

Additional CSS

Add your CSS code in the box to customize the theme.

• Go to Appearance > Customize >Additional CSS

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