Create a Portfolio Item

Navigate to PORTFOLIOS > ADD NEW in your wordpress backend and create a new item by setting a Title & Featured Image. The Featured image is what will be used as a thumbnail in the Portfolio Grid. Optionally you can create & assign categories to your portfolio item. Components of a Portfolio Item on the Grid are –

Featured Image – This is mandatory. The image that you upload as featured image, will be seen in thePortfolio Grid as a representation for this Item.
Title of the Item – The title of the post item that is given here will be displayed on the Portfolio Grid
Category – The Category Taxonomy of a Post Item can be used to organise your Portfolio Items. The Category of the post item that is given here will be displayed on the Portfolio Grid
Tags – The Tags Taxonomy of a Post Item can be used to organise your Portfolio Items in addition to the Category Taxonomy.

PORTFOLIO ELEMENTS – BACKEND

PORTFOLIO ELEMENTS – FRONTEND

Additional settings for the Featured Image that will appear in the Portfolio Grid can be set up in the BE – Portfolio Options metabox. The settings will be present under Portfolio Grid – Thumbnail Settings Tab.

Open Thumbnail in new Tab – Enable to open the Thumbnail in New Tab. By default the Portfolio Page will open in the same tab.
Link Thumbnail to – The default value is Single Portfolio Page. To link the thumbnail to an external URL, enable the option External URL.
External URL – If option 2 was set to External URL, enter the link to which the thumbnail should be linked.
Double Width – Enable this option, to set the width of the Thumbnail(Featured) image to twice the width in the Portfolio Grid.
Double Height – Enable this option, to set the width of the Thumbnail(Featured) image to twice the height in the Portfolio Grid.

NOTE –

The option to set the Overlay Color, Overlay Opacity, Portfolio Title Color and Category Color is present in the Portfolio Module in Page Builder, which will be applied IN common to all the Images in the Grid. If you wish to set different colors for each of the image in your Grid, you can use the options above. This can be ignored otherwise.

Spyro Documentation

Related Articles

Create a Portfolio Item

NOTE –