Portfolio Designer WordPress Plugin Documentation

Introduction

Thank you for the activation of Portfolio Designer Plugin. We are glad that you have chosen our plugin for your website.

Portfolio Designer is a powerful portfolio designer, WordPress plugin to create especially for portfolio display. This plugin is Fully Responsive and Mobile-Friendly with Powerful backend options. Your site will get ready for set up and customize in a minute using its fantastic One-Click Installation feature.

This document is written very carefully by keeping mind set that it should be easy understand for Beginner to Advance user or developers. We have divided this document in 3 main section.

1) Getting Started : This section will very help full for Quick start and understand how plugin works
2) Detailed Document : This section explains every thing about Portfolio Designer plugin with every settings.
3) Other : This section provides information about miscellaneous item like plugin features, FAQ, License Key etc.

If you have any query that is beyond the scope of document, please feel free to contact us at support@solwininfotech.com

Portfolio Designer
  • Created On: 24th February 2017
  • Updated On: 25th April 2019
  • Created By: Solwin Team
  • Email: info@solwininfotech.com
We offer plugin customization. Get in touch for a quote.
Quick Search Tip: Access your browser search with keyboard shortcut "Crtl+F" (Windows) or "CD+F" (OSX) for instant results.

Installation

Please extract that codecanyon downloaded zip in your local PC. There are 2 items inside it.

  1. 1) portfolio-designer-document.zip
  2. 2) portfolio-designer.zip

You need to select that portfolio-designer.zip

1. Installation via WordPress Admin area

  1. Step 1. Login into your WordPress admin area.
  2. Step 2. Click on the left side plugin menu.
  3. Step 3. Now at top of the page, you can see Add New button, click on that button.
  4. Step 4. Again at top of the page, you can see/view Upload Plugin button, click on that button for next process.
  5. Step 5. Now upload the plugin zip file (portfolio-designer.zip) via drag and drop or direct file upload selection. After file selection, click on Install Now button and then click on Activate Plugin link.

Plugin Installation

Plugin Upload

Plugin Upload

Plugin Installation

2. Installation Via FTP

  1. Step 1. Extract the above selected zip file (portfolio-designer.zip). It will create 'portfolio-designer' folder with all plugin files & folder inside it. (Remember this extracted folder path)
  2. Step 2. Using your FTP program like Filezilla or cPanel, upload the non-zipped plugin folder into the /wp-content/plugins/ folder on your server.
  3. Step 3. Go to Dashboard » Plugins » Installed Plugins page and find 'Portfolio Designer PRO' from plugin list.
  4. Step 4. Click on Activate to activate Portfolio Designer PRO plugin.
Before going to the detail document, preview the Quick Guide of the Portfolio Designer.

Quick Guide

This quick guide section will help you to easily set up your portfolio layout in 2 easy steps within 1 to 2 minutes. we have made it easier as you can set up.

Please follow this quick steps given below.

Create a new Page

Create a new portfolio layout

Please follow below steps.

Detail Document

Create a New Layout

  1. Step 1. Go to Dashboard » Portfolio Designer
  2. Step 2. Click on "Create New Portfolio Layout" Button OR click on "Add Layout" menu link.
  3. Create new layout
  4. Step 3. Fill all the settings as per your preferences.
  5. Step 4. Click on "Save Changes" button at bottom of page. And Enjoy the Portfolio Layout.

General Settings

General Settings

Fig.3.0 Portfolio General Setting

1. Portfolio Name

Unique layout name to identify your portfolio layout on listing page.

2. Select Post Type for Portfolio

Select type of posts which you wants to use as a Portfolio Layout.

3. Select Post Type for Media

Select type of posts which you want to use as a Media of Portfolio Layout.

NOTE : If you will select media for a Portfolio Layout, then this option display

4. Display Date

To display date, simply select the yes option otherwise no.


5. Display Category

To display category, simply select the yes option otherwise no.


6. Display Tag

To display tag, simply select the yes option otherwise no.


Query Settings

Query Settings

Fig.3.1 Portfolio Query Setting

1. Select Taxonomy Type to Filter Posts

Here Portfolio Designer provide taxonomy selection that you should use in post query and post filtering like Category, Tags.

2. Select Terms to Filter Posts

By selecting terms it will display only selected items in layout.

NOTE : If you will not select any terms for filtration then it will show all posts.

3. Terms filter with

The terms filter will display selected conditional data by "OR" and "AND".

4. Select Post

Using this option you can Select particular post for your portfolio item.

5. Display Number of Posts

Select number of post want to show on page.

6. Order By

By Selecting below listed parameter you can sort portfolio items as.

7. Order

Using this option you can set your portfolio item by name and values as according to Ascending and Descending order.

8. Display Sort By

To display sort by in front side, simply select the yes option otherwise no.

9. Sort By

By Selecting below listed parameter you can sort portfolio items as front side.

NOTE : If you will select Display Sort By is Yes, then this option to display.

10. Display Search

To display search in front side, simply select the yes option otherwise no.

Layout Settings

Layout Settings

Fig.3.2 Portfolio Layout Setting

1. Content Layout

Portfolio Designer provide you two type of content layout like below.

2. Layout Type

Portfolio Designer provide you three type of layout like below.

3. Column Setting Mode

Portfolio Designer provide you two type of column setting mode like below.

4. Column Layout

Set break point of column width and column layout.

NOTE : If you will select Column Setting Mode is Advanced, then this option to display.

5. Column Layout

Set column layout with 6 different styles .

3. Column Space

To add space between two portfolio item Horizontally.

4. Row Space

To add space between two portfolio item Vertically.

5. Animations

To select display with portfolio block animation

6. Animations Speed

To add animation speed.

7. Animations Delay

To add animation delay.

8. Hover Animations

To select display on hover with portfolio block animation

Slider Settings

Slider Settings

Fig.3.3 Portfolio Slider Setting

1. Enable Infinite Looping

To display infinite slide loop, simply select the yes option otherwise no.

2. Enable Autoplay

Automatically switch between slides after a period of time (autoplay interval), simply select the yes option otherwise no.

3. Slide Speed

Add Automatically switch between slides after a period of time (autoplay interval).

4. Show Navigation Controls

To display navigation arrow for slider layout.

5. Navigation Style

To select navigation arrow style for slider layout.

6. Navigation Position

To set navigation arrow postion like top and bottom.

7. Navigation Offset

To display space to each dots of navigation slider in px.

8. Show Arrow

To display arrow for slide control.

9. Arrow Style

To select arrow style for slider layout.

10. Arrow Position

To set arrow postion like top,center and bottom.

11. Arrow Alignment

To set arrow alignment like left,right and center.

12. Arrow Offset

To set space from left/right for arrows in px.

13. Add Custom Size for slider

To set slider width and height.

NOTE : If you will select Layout is 3D-Carousel, then this option to display.

14. Distance Between Two Slider

To set distance between two slide.

NOTE : If you will select Layout is 3D-Carousel, then this option to display.

Slider Slideshow Settings

Slider Slideshow Settings

Fig.3.4 Portfolio Slider SliderShow Setting

1. Column Setting Mode

Portfolio Designer provide you two type of column setting mode like below.

2. Column Layout

Set break point of column width and column layout.

NOTE : If you will select Column Setting Mode is Advanced, then this option to display.

3. Column Layout

Set column layout with 6 different styles .

4. Enable Infinite Looping

To display infinite slide loop, simply select the yes option otherwise no.

5. Enable Autoplay

Automatically switch between slides after a period of time (autoplay interval), simply select the yes option otherwise no.

6. Slide Speed

Add Automatically switch between slides after a period of time (autoplay interval).

7. Show Navigation Controls

To display navigation arrow for slider layout.

8. Navigation Style

To select navigation arrow style for slider layout.

9. Navigation Position

To set navigation arrow postion like top and bottom.

10. Navigation Offset

To display space to each dots of navigation slider in px.

11. Show Arrow

To display arrow for slide control.

12. Arrow Style

To select arrow style for slider layout.

13. Arrow Position

To set arrow postion like top,center and bottom.

14. Arrow Alignment

To set arrow alignment like left,right and center.

15. Arrow Offset

To set space from left/right for arrows in px.

Thumbnail Settings

Thumbnail Settings

Fig.3.5 Portfolio Thumbnail Setting

1. Select Thumbnail Size

Select preferable resolution of thumbnail image for portfolio items.

NOTE : The original resolution is loaded if a thumbnail size doesn't exist in an image.

2. Select Default Image

Upload default image for your portfolio items.

NOTE : If there is no any default image, it will show uploaded default image.

3. Image Overlay Effect

Select the checkbox to apply hover effect on portfolio images.

4. Select Content Position

Select portfolio content position in four different position.

5. Select Mouse Hover Effect

This plugin provides more then 50+ Image Hover Effects like below instead of.

NOTE : Image Effect option only available when Image Overlay Effect is selected.

7. Select border redius

Set border radius to main content area.

8. Display Summary in Words

It will display number of word in portfolio item Summary as description.

NOTE : Set ZERO for disable summary.
NOTE : Display Summary option only available on when Image Overlay Effect is selected.

9. Show Image Popup Link

It is providing options to show portfolio item image in full size in popup box.

10. Select Image Popup Lightbox

Select lightbox for display image in popup box.

11. Project URL Open In

It is providing options like Disable link or open in same tab or new tab.

NOTE : This will work only for custom post type generated by this plugin, on image hover.

12. Select Gallery Icon from list

Select image gallery link icon from font awesome icon library.

13. Select Project link icon from list

Select portfolio single post link icon from font awesome icon library.

14. Enable Lazy Load Image

By selecting checkbox you enable lazyload image on front end.

14. Enable Lazy Load Blurred Image

By selecting checkbox you enable lazyload blurred image on front end.

13. Select Lazy Load Color

Select color for lazyload image on front end.

Filter Setting

Filter Setting

Fig.3.6 Portfolio Filter Setting

1. Enable Filter

By selecting checkbox you enable filtration on front end.

NOTE : If filter enable then pagination not apply.

2. Text of "Show All" filter tag

Enter text that you want to display for "Show All" filter tag.

NOTE : If you will set blank then default text will be "Show All".

Pagination Settings

Pagination Setting

Fig.3.7 Portfolio Pagination Settings

1. Enable Pagination

Pagination will show, if post count is larger then number of selected post.

NOTE : Enable pagination if your post count is larger than the "Number of posts" option.

2. Pagination Type

Portfolio designer provide you three type of paginations like below.

  1. Pagination (simple Pagination)
  2. Load More Button (by clicking on button it will display another portfolio items on same page)
  3. Auto Load (By scrolling page it will display automatically)

3. Pagination Template

Select pagination layout from dropdown.

4. Pagination Color Settings

NOTE:The Active color option is available only in "Pagination Template-4 is selected".
NOTE: Display pagination templates and pagination color setting when Paged option is selected in Pagination Type in Standard Setting tab.

5. Loader Style

Select Loader style from loaders library by clicking on "Select Loader" button.

NOTE: Display loader template when "Load More Button" & Auto Load option is selected in Pagination Type.

Social Share Setting

Social Share Setting

Fig.3.8 Portfolio Social Share Setting

1. Social Share Links

Select checkbox to display social share icons in front.

2. Social Icon Display Position

This option will display all social icon in selected position like below.

3. Select Social Icon Alignment

you can set social icon in three different position like below.

4. Select Social Share Style

select icon style from social share style.

5. Select Shape of Social Icon

select icon shape from social share shape option.

6. Select Size of Social Icon

select icon size from social share size of icon option.

7. Facebook Share Link

To set Facebook social share count.

8. Twitter Share Link

To set Twitter social share .

9. Google+ Share Link

To set Google+ social share count.

10. Linkedin Share Link

To set Linkedin social share count.

11. Pinterest Share Link

To set Pinterest social share count.

12. Share Via Mail

To share portfolio via E-mail link.

13. WhatsApp Share Link

To share portfolio via whatsapp link.

14. Social share count position

To set social share count position like below.

Style Setting

Style Setting

Fig.3.9 Portfolio Style Setting

1. Select Box Border

Add left, right, top, bottom border width and left, right, top, bottom border color to the portfolio block.

2. Select Box Border

Add H-offset, V-offset, Blur, Spread and To set the color to the portfolio block box shadow.

3. Display Title

To display portfolio title for portfolio Layout.

4. Enable Title Link

Portfolio title will display with link(permalink) if enabled otherwise display title without link(permalink).

5. Title HTML Tag

Portfolio title will display with the HTML tag.

6. Title Alignment

To select the title alignment like left,right and center.

7. Select Title Background Color

To set title background color.

8. Select Title Font Color

To set title font color.

9. Select Title Font Family

Select Font style for post titles.

10. Select Title Font Family

Select Font style for post titles.

11. Select Title Font Size

Select Font size for post titles.

NOTE : If want to default font size set value ZERO.

12. Padding Title Section

Add left, right, top, bottom padding to the title section.

13. Margin Title Section

Add top, bottom margin to the title section.

14. Title Font Weight

To select the post title font weight from available font weight options.

15. Title Text Transform

To select the post title font transform from available font transform options.

16. Title Text Decoration

To select the post title font decoration from available font decoration options.

17. Title Italic Style

To apply italic font style to the post title.

18. Title Line Height

Add line height to the post title.

19. Title Letter Spacing

Add letter spacing in pixels to the post title.

20. Content Alignment

To select the content alignment like left,right and center.

21. Select Content Background Color

To set content background color.

22. Select Content Border Radius

To set content border radius.

23. Select Content Font color

To set post excerpt and post contents font color.

24. Select Content Font Family

To set post excerpt and post contents font style.

25. Padding Content Section

Add left, right, top, bottom padding to the content section.

26. Select Content Font Size

To set post excerpt and post contents font size.

NOTE : If want to default font size set value ZERO.

27. Content Font Weight

To select the post contents font weight from available font weight options.

28. Content Text Transform

To select the post contents font transform from available font transform options.

29. Content Text Decoration

To select the post contents font decoration from available font decoration options.

30. Content Italic Style

To apply italic font style to the post contents.

31. Content Line Height

Add line height to the post contents.

32. Content Letter Spacing

Add letter spacing in pixels to the post contents.

33. Padding Date, Category and Tag Section

Add left, right, top, bottom padding to the date,category,tag section.

34. Select Date, Category and Tag Font color

To set post excerpt and post date,category,tag font color.

35. Select Date,Category and Tag Hover Color

To set post excerpt and post date,category,tag hover text color.

36. Select Background Color

To set portfolio block background color.

37. Select Image overlay Color

To set image overlay color.

38. Custom CSS

To add extra CSS to particular tag or any html section.

Ex. .class_name{ color:#000000; }

39. Select Slideshow Background Color

To set slideshow background color.

40. Padding Slideshow Image

Add top, bottom and space between two image padding to the slideshow.

41. Select Active Slide Border

Add border width and border color to the active slide border.

42. Filter Area Background Color

To set filter area background color.

43. Filter Text Color

To set filter text color.

44. Filter Text Font Family

To set filter text font family.

45. Filter Text Font Size

To set filter text font size.

NOTE : If want to default font size set value ZERO.

46. Filter Text Font Weight

To select the filter text font weight from available font weight options.

47. Filter Text Text Transform

To select the filter text font transform from available font transform options.

48. Filter Text Text Decoration

To select the filter text font decoration from available font decoration options.

49. Filter Text Italic Style

To apply italic font style to the filter text.

50. Filter Text Line Height

Add line height to the filter text.

51. Filter Text Letter Spacing

Add line spacing to the filter text.

52. Filter Text Padding

Add left, right, top, bottom padding to the filter text.

53. Filter Text Border

To set filter text border and border color.

54. Filter Text Background Color

To set filter text background color.

55. Select Icon Font Color

To set icon font color.

56. Select Icon Background Color

To set icon background color.

57. Select Icon Border Radius

To set icon border radius.

58. Select Slider Arrow Color

To set slider arrow font color.

59. Select Slider Arrow Background Color

To set slider arrow background color.

60. Select Slider Arrow Border Radius

To set slider arrow border radius.

61. Select Slider Slideshow Arrow Color

To set slider slideshow arrow font color.

62. Select Slider Slideshow Arrow Background Color

To set slider slideshow arrow background color.

63. Select Slider Slideshow Arrow Border Radius

To set slider slideshow arrow border radius.

64. Load More Button Font Family

To set load more button text font family.

65. Load More Button Text Font Size

To set load more button text font size.

NOTE : If want to default font size set value ZERO.

66. Load More Button type

To set rectangle and oval button type.

67. Select Load More Button Font color

To set load more button font color.

68. Select Load More Button Background color

To set load more button background color.

69. Read More Button Label

To set read more button label.

NOTE : Leave this blank, If you dont want to show read more button on front side.

70. Read More Button Font Family

To set read more button text font family.

71. Read More Button Text Font Size

To set read more button text font size.

NOTE : If want to default font size set value ZERO.

72. Read More Button Border Radius

To set read more button border radius.

73. Select Read More Button Font color

To set read more button font color.

74. Select Read More Button Background color

To set read more button background color.

75. Select Read More Button Font Hover color

To set read more button font hover color.

76. Select Read More Button Hover Background color

To set read more button hover background color.

77. Read More Button Padding

Add left, right, top, bottom padding to the read more button.

78. Margin Read More Button

Add top, bottom margin to the read more button.

Create a New Custom Post Type

  1. Step 1. Go to Dashboard » Portfolio Designer » Custom Post types
  2. Step 2. Click on "Create New Post types" Button.
  3. Create New Custom Post Type
  4. Fig.5.0 Create New Custom Post Type

Custom Post Type Name and Slug

Custom Post Type General settings

Fig.6.0 Custom Post Type General settings

1. Custom Post Type Plural Name

Using Custom Post Type Plural Name user can set name for the post type(e.g. Portfolio).

2. Custom Post Type Singular Name

Using Custom Post Type Singular Name user can set name for the post type(e.g. Portfolio post).

3. Custom Post Type Slug

Enter custom post type unique slug name like a post type id (e.g. portfolioname).

NOTE : Enter slug name in small letters without include any spaces.

4. Custom Post Type Icon

Select icon for your custom post type which is display on your WordPress dashboard menu.

Custom Post Type Taxonomy Setting

Custom Post Type Taxonomy Setting

Fig.6.1 Custom Post Type Taxonomy Setting

1. Create Custom Category

Select checkbox to register new custom category for new custom post type.

2. Custom Category Name

Enter new custom category name

3. Custom Category Slug

Enter new custom category slug (e.g. categoryname).

NOTE : enter categort slug name in small letters without include any spaces.

4. Create Custom Tag

Select checkbox to crate new custom tag name for new custom post type.

5. Custom Tag Name

Enter tag name for the new custom post type.

6. Custom Tag Slug

Enter new custom tag slug name (e.g. tagname).

NOTE : Enter tag slug name in small letters without include any spaces.

7. Select Additional Taxonomies

Using this option user can select additional taxonomies which is registered for the other post type.

Custom Post Type Metabox Setting

Custom Post Type Metabox Setting

Fig.6.2 Custom Post Type Metabox Setting

1. Gallery Image Upload

By selecting this checkbox it will provide gallery Metabox to upload gallery images in custom post type.

2. Link URL

By selecting this checkbox it will provide Link URL Metabox to add portfolio link in custom post type.

3. Custom Fields

By selecting user can add Custom Fields in custom post type.

Custom Post Type Single Post Setting

Custom Post Type Single Post Setting

Fig.6.3 Custom Post Type Single Post Setting

1. Select Single Post Layout

You can set 4 types of custom post type single page layout listed below.


Single Post Layout with Full Width Slider

Single Post Layout with Full Width Slider Setting

Fig.6.3.1 Single Post Layout with Full Width Slider Setting

1.Select Single Post Layout

Select Full With slider types option to apply full width slider on single page.

2. Select Slider Height

Set slider height in px ex: 300px.

NOTE : To set auto image height set zero(0) in text box.

3.Slide Looping

Select check-box to set infinite looping for slider.

4.Autoplay

Select check-box to set autoplay for slider.

5.Slide Speed

Set timeout duration between slides in milliseconds ex: 3000.

6.Slider Navigation

Select check-box to display navigation button in bottom of the slider.

7.Slider Controls

Select check-box to display left or right slider control button on front of slider.

8.Custom Fields Box

Select check-box to display custom fields on portfolio post page.

9.Select content layout

Select sidebar position to display in portfolio post layout like below.

10.Select Sidebar Width

Select sidebar width for portfolio post layout like below.

11.Select sidebar

Select sidebar name to display on portfolio single post oage.


Single Post Layout with Column Layout

Single Post Layout with Column layout Setting

Fig.6.3.2 Single Post Layout with Full Width Slider Setting

1.Select Single Post Layout

Select Column Layout types option to apply column layout on single page.

2.Custom Fields Box

Select check-box to display custom fields on portfolio post page.

3.Select content layout

Select sidebar position to display in portfolio post layout like below.

4.Select Sidebar Width

Select sidebar width for portfolio post layout like below.

5.Select sidebar

Select sidebar name to display on portfolio single post oage.


Single Post Layout with Small Image Slide Left

Single Post Layout with Small Image Slide Left Setting

Fig.6.3.3 Single Post Layout with Small Image Slide Left Setting

1.Select Single Post Layout

Select Small Image Slide Left types option to apply small image slide left on single page.

2. Select Slider Height

Set slider height in px ex: 300px.

NOTE : To set auto image height set zero(0) in text box.

3.Slide Looping

Select check-box to set infinite looping for slider.

4.Autoplay

Select check-box to set autoplay for slider.

5.Slide Speed

Set timeout duration between slides in milliseconds ex: 3000.

6.Slider Navigation

Select check-box to display navigation button in bottom of the slider.

7.Slider Controls

Select check-box to display left or right slider control button on front of slider.

8.Custom Fields Box

Select check-box to display custom fields on portfolio post page.

9.Select content layout

Select sidebar position to display in portfolio post layout like below.

10.Select Sidebar Width

Select sidebar width for portfolio post layout like below.

11.Select sidebar

Select sidebar name to display on portfolio single post oage.


Single Post Layout with Small Image Slide Right

Single Post Layout with Small Image Slide Right Setting

Fig.6.3.4 Single Post Layout with Small Image Slide Right Setting

1.Select Single Post Layout

Select Small Image Slide Right types option to apply small image slide right on single page.

2. Select Slider Height

Set slider height in px ex: 300px.

NOTE : To set auto image height set zero(0) in text box.

3.Slide Looping

Select check-box to set infinite looping for slider.

4.Autoplay

Select check-box to set autoplay for slider.

5.Slide Speed

Set timeout duration between slides in milliseconds ex: 3000.

6.Slider Navigation

Select check-box to display navigation button in bottom of the slider.

7.Slider Controls

Select check-box to display left or right slider control button on front of slider.

8.Custom Fields Box

Select check-box to display custom fields on portfolio post page.

9.Select content layout

Select sidebar position to display in portfolio post layout like below.

10.Select Sidebar Width

Select sidebar width for portfolio post layout like below.

11.Select sidebar

Select sidebar name to display on portfolio single post oage.


Single Post Layout with Image Gallery Top

Single Post Layout with Image Gallery Top Setting

Fig.6.3.2 Single Post Layout with Image Gallery Top Setting

1.Select Single Post Layout

Select Image Gallery Top types option to apply image gallery top on single page.

2.Custom Fields Box

Select check-box to display custom fields on portfolio post page.

3.Select content layout

Select sidebar position to display in portfolio post layout like below.

4.Select Sidebar Width

Select sidebar width for portfolio post layout like below.

5.Select sidebar

Select sidebar name to display on portfolio single post oage.


Single Post Layout with Image Gallery Bottom

Single Post Layout with Image Gallery Bottom Setting

Fig.6.3.2 Single Post Layout with Image Gallery Bottom Setting

1.Select Single Post Layout

Select Image Gallery Bottom types option to apply image gallery bottom on single page.

2.Custom Fields Box

Select check-box to display custom fields on portfolio post page.

3.Select content layout

Select sidebar position to display in portfolio post layout like below.

4.Select Sidebar Width

Select sidebar width for portfolio post layout like below.

5.Select sidebar

Select sidebar name to display on portfolio single post oage.


Custom Post With Social Icon Setting

Single Post Layout with Column layout Setting

Fig.6.3.3 Single Post with Social Icon Setting

1.Social Share Links

Select check-box to display social icons on portfolio post page.

2. Select Social Icon Alignment

You can set social icon in three different position like below.

3. Select Social Share Style

Select icon style from social share style.

4. Select Shape of Social Icon

Select icon shape from social share shape option.

5. Select Size of Social Icon

Select icon size from social share size of icon option.

6. Facebook Share Link

To set Facebook social share count.

7. Twitter Share Link

To set Twitter social share .

8. Google+ Share Link

To set Google+ social share count.

9. Linkedin Share Link

To set Linkedin social share count.

10. Pinterest Share Link

To set Pinterest social share count.

11. Share Via Mail

To share portfolio via E-mail link.

12. WhatsApp Share Link

To share portfolio via whatsapp link.

13. Social share count position

To set social share count position like below.

14. Related Post

To display related post in portfolio post page.

15. Related Post Title

To display related post title in portfolio post page.

16. Select Mouse Hover Effect

To apply mouse hover effect on portfolio post page select hover effect from drop-down list.


Single Post Setting

Single Post Layout with Column layout Setting

Fig.6.3.4 Single Post Design Setting

1.Select Title Font Color

To set title font color.

2. Select Title Font Family

To set title font family.

3. Select Title Font Size

To set title font size.

4. Font Weight

To set title font weight.

5. Italic Style

To set title font style.

6. Select Content Font Color

To set Content font color.

7. Select Content Font Family

To set Content font family.

8. Select Content Font Size

To set Content font size.

9. Custom CSS

To add custom css.

10. Font Weight

To set Content font weight.

11. Italic Style

To Content font style.

12. Select Meta Font Color

To set meta font color.

13. Select Meta Font Family

To set meta font family.

14. Select Meta Font Size

To set meta font size.

15. Font Weight

To set meta font size weight.

16. Italic Style

To set meta font style.

17. Select Slider Arrow Color

To set slider arrow color.

18. Select Slider Arrow Background Color

To set arrow background Color.

18. Select Slider Arrows Border Radius

To set slider arrow border radius.

Custom Post Type Single Post Audio Setting

Single Post type audio setting

Single Post type audio Setting

1.Select Single Post Layout

Using this feature you can set audio into your custom post type post or default wordpress post type.

Steps to add Audio on custom post

Custom Post Type Single Post Video Setting

Single Post type Video setting

Single Post type video Setting

1.Select Single Post Layout

Using this feature you can set video into your custom post type post or default wordpress post type.

Steps to add audio on custom post

Import & Export

1. Import

  1. Step 1. Go to Dashboard » All Layouts.
  2. Step 2. Click on Import Portfolio Layout button.
  3. Step 3. Click on Brows button and choose .txt file to import layouts.
  4. Step 4. Now, click on Import Layout button.

Import Admin Screen

Fig.7.0 Import portfolio items

2. Export

  1. Step 1. Go to Dashboard » Portfolio Designer.
  2. Step 2. Now click on particular layout export button to export displayed in below image.
Export Admin Screen

Fig.7.1 Export portfolio items

Other

One Click Installation

1. Demo Installation

  1. Step 1. Go to Dashboard » Portfolio Designer.

    Select any one option from Add Sample Post Types

    • 1. Create Sample Post Type only

      It will create only sample post type.

    • 2. Create Sample Post Type with Dummy Data

      It will create sample post type with sample data(sample portfolio post in post type).

    Select option from Add Sample Layouts

    • 1. Create Portfolio Layout Shortcode (4 Layouts)
  2. Step 2. Now click on One Click Installation button displayed in below image.
  3. Wait for a while it will show notification when it will done.

One Click Installation

Fig.8.0 One Click Installation

Portfolio Designer plugin features

FAQ

1. How portfolio designer plugin can setup?

To setup portfolio designer setup please visit this link Quick Guide , it will helps you to make setup your first portfolio layout

2. How custom post type can be setup?

To setup custom post type in portfolio designer please visit this link Create New Custom Post Type , it will helps you to create your first Custom Post Type

3. What to do if you get the Fatal Error like "Cannot declare class lessc_formatter_compressed, because the name is already in use" ?

If you get the Fatal Error like above when activate the Portfolio Designer Plugin, then contact to your theme developer.

4. Portfolio custom post type not display after create in portfolio designer?

After creating any custom post type in portfolio designer plugin you should have to save permalink from wordpress settings.

After saving permalink your custom post type will display on your dashboard.

5. Is it possible to overwrite Single page with a portfolio designer pro? How?

yes, it is possible to overwrite Single page with portfolio designer.

Here the instruction

  • Create "portfolio-designer" folder in active theme directory.
  • Now go to portfolio designer plugin directory.
  • Copy 'single' folder and paste it to active-theme/portfolio-designer/

Register Product

Verify your License key to get automatic update.

Go to Dashboard » Portfolio Designer » License key

License Key

Fig.9.0 Add License Key

Update Portfolio Designer Plugin

You can update Portfolio Designer Plugin using 1 of the two ways below

1. Update plugin manually


2. Update plugin from admin panel

Update Plugin

Fig.10.0 Update Plugin

Translation

Portfolio Designer plugin is language compatible, thus can be translated into multiple languages. You can use POEdit plugin for translation.

  1. Step 1. Install Poedit tool and open it

  2. Step 2. Open .POT file from /wp-content/plugins/portfolio-designer/languages/ that you want to translate

    Open .pot file
  3. Step 3. Now, click on "Save"

  4. Step 4. Then one popup will be appear and then enter your Language code ( Ex: - "ca_CA" for English (Canada)) in language option

    Translation property
  5. Step 5. Then select source path tab and you have to modify this path to full path of your plugin that you want to translate.

    Select path
  6. Step 6. Then press ok button.

  7. Step 7. Then give file name like this wp_portfolio_designer-ca_CA.po for English (Canada) language.

  8. Step 8. Then save file inside language folder in plugin that you want to translate and all strings are appear in your poedit editor

    POT file
  9. Step 9. Select your string that you want to translate and in bottom side there are two options one is Source Text and another one is Translation

    Translate string
  10. Step 10. Source Text keep as it is and in Translation section enter your translated string of selected string that you want to translate and then save it.

  11. Step 11. Repeat step 10 untill your all strings to be translate.

  12. Step 12. Now you will get two separate files – a .po file and a .mo file.

    Note: When you save the files, you must name them according to your language code. Find a list of language codes at WordPress in your Language. For example, the language code for English (Canada) is ca_CA, so you would save the translated files as ca_CA.po and ca_CA.mo.

    PO MO file
  13. Step 13. Then go to wp-config.php file then enter the below code.
    define('WPLANG', 'Your language code'); for Ex.(ca_CA for English (Canada)) then save it.

  14. Step 14. Select language from admin side, Go to Dashboard » Settings » General in that check Site Language options.

    Select language
  15. Step 15. Check language prefix in front end, view HTML.

    Language prefix
For more about translating WordPress themes please visit the following link: https://developer.wordpress.org/themes/functionality/localization/

Thanks for using Portfolio Designer Plugin!

We would like to thank you for using our Portfolio Designer Plugin! If you have any difficulties with Portfolio Designer Plugin or need any additional service, do not hesitate to contact us. We provide priority support with our all premium WordPress themes and plugins.

Just contact us on support.solwininfotech.com

We are very happy to assist you!

Credits

I've used the following jQuery Plugins as listed.