WP Portfolio 文檔

How to Get License Key of WP Portfolio?

The license key (or purchase key) is needed in various instances; like registering the product to receive free updates, logging in to our support center to request support and more.
You can find the key when you log in to our store.
Login to our store and open the Licenses page.
You will see all your license keys information there.

How to Style Portfolio Items and Menu Bar

When you display portfolio on the page it inherits colors from the theme. All portfolio sections like the top menu bar, portfolio item frame, quick view button on hover will display in a simple default styling. Below is the screenshot –
You can edit the default colors and a new one with custom CSS. We have provided a custom CSS to add colors to portfolio menu and items. You can find a CSS on the following link
Astra Portfolio: Styling
After applying above CSS, the portfolio will look like –

Slider doesn』t work on iOS Devices when Previewed in Portfolio

When you use a slider on your website and display it with the portfolio. You might face issue with a slider when previewed with the portfolio on iOS devices.
Why does this happen?
Mostly, a slick library is used to display a slider/carousel. The slick library contains CSS and JS needed for the slider to work. This library has an issue with iOS devices. Here is a GitHub link for the same issue.
So when you click on the Quick View button on the website portfolio, the website opens in the iframe. If that site has used a slider/ carousel then it breaks the markup of the website in iframe only on iOS devices.
How to fix?
To fix this issue you need to add custom code on the website. Note that you need to add this code specifically to the website that is displaying as a portfolio and uses a slider. No need add this code to the main site where you are displaying all portfolios.
Code Snippet can be found on GitHub on a link here. Paste the code to the child theme』s functions.php file.

How to Add CTA on the Preview Bar?

When you click on the Quick View button the website portfolio will open in an iframe. It shows the preview bar at the bottom with website portfolio name and responsive buttons. You can add CTA on this preview bar. Below are the steps to add CTA to the preview bar of the website –
Step 1: Edit the website portfolio.
Step 2: Add a CTA code to Add Call-to-action section.
Step 3: You can add HTML for the button and add a link to it.

Step 4: Default button style from the theme will be applied to the button.

How to Show Specific Portfolio Items using Shortcode?

The WP Portfolio plugin allows you to display a specific portfolio item with the help of categories, other categories, and tags assigned to the portfolio.
Categories assigned to portfolios sort them on an initial level. Other categories can be further used to filter portfolios from assigned categories. Tags can be used further to filter the portfolios.
Below is the example that will explain how the sorting works –

Let us say we have 4 portfolios named Restaurant, Gardening & Landscaping, Sports Lounge and Wanderlust Travel Diary.
We have assigned the following categories, other categories, and tags to these portfolios as shown in the screenshot.

Categories – Free and Premium
Other categories – Elementor and Beaver Builder
Tags – website portfolio

Below are the IDs for categories, other categories, and tags. See How to Get the ID for Categories, Other Categories, and Tags?

How to Hide Portfolio Menu Panel?

The menu panel that appears at the top of the portfolio shows categories, other categories, and the search box. Just for a reference below is the screenshot for menu panel.
If you wish to hide this panel you would need to update some settings.
From the WordPress dashboard navigate to Portfolio > Settings. Settings listed for Display manage the menu for the portfolio.
You can disable all the fields for Display.
Disabling above settings will not display menu bar for default shortcode – wp_portfolio
If you want to display menu bar for the particular portfolio you can add attributes to the shortcode. – wp_portfolio show-categories="yes" show-other-categories="yes" show-search="yes"
Note: Shortcode has priority than settings. Shortcode will overwrite the Display settings.
Read more about WP Portfolio ShortCode and Attributes.

How to Create Video Gallery?

Want to showcase videos in a nice gallery with sorting and searching options? This article will help you achieve it.
Have a look at the demo page for Video Gallery.
In order to create a video gallery follow the steps –
Step 1 – Add a new portfolio.
Step 2 – Add a Title and Set portfolio type as Video.
Step 3 – Set Thumbnail Image and Video URL.

Make sure the video URL is full and valid. Shortened URL will not work.

For example – For YouTube,

Valid URL – https://www.youtube.com/watch?v=YE7VzlLtp-4
Invalid URL – https://youtu.be/YE7VzlLtp-4

Step 4 – Set categories and other categories for the video.

If you have set a similar category for different portfolio types ( Website, Image, Video, Single Page ) you can add a tag to make the video more specific.

Step 5 – Repeat above 4 steps to add all your videos to the portfolio.
Step 6 – Copy the IDs for all categories, other categories, and tags that are set for all videos in the portfolio. See how to get the ID for categories, other categories, and tags?
Step 7 – Go to a page where you wish to display Video Gallery. Use following shortcode with the IDs that you copied in step 6.
wp_portfolio show-categories="yes" categories="1,2,3,4" show-other-categories="yes" other-categories="5,6" tags="10" columns="2" show-search="no"
See more information about all shortcode attributes here.
Your Video Galley will display on the page. You can use the above shortcode in the post as well.
Note: After adding the shortcode to the page, if you are getting No Items Found message on the page in the front end, flush the permalinks once.

How to Get the ID for Categories, Other Categories, and Tags?

You need to enter IDs for Categories, Other Categories, and Tags in the portfolio shortcut.
Below are steps to get the ID for the category. In the similar way you can get IDs for Other Categories, and Tags.
Step 1 – Go to 「Portfolio > Categories」. Edit the category.
Step 2 – Observe the URL. You will find a section with astra-portfolio-categories&tag_ID= ( your category ID ). Copy the ID. You can use it in portfolio shortcode.

How to Reorder Portfolio Items?

Have you ever thought of reordering the items when they are added to your portfolio?
Although you cannot do this using WP Portfolio itself, you can still use an external plugin that will help you rearrange/reorder all the portfolio items in the list.
We recommend you to use the Post Types Order plugin which is available for free on the WordPress repository.
Let us take a look at how we can reorder the portfolio items within WP Portfolio.
Once you install the Post Types Order plugin, you』ll find a Reorder option added under Portfolio in your WordPress backend.

When you open the page, you can drag and drop the items to reorder them as you want.

How to Add Tags in WP Portfolio?

The WP Portfolio plugin allows you to add tags that will help sort items within various categories.
Let us see how we can create a new tag in WP Portfolio.
1. Click on the Tags option seen under Portfolio in your WordPress backend.
2. Name the tag and add a slug and description for it.

This tag can now be used for any Portfolio item that you add through the plugin.