Spyro Documentation

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.

Privacy Settings
We use cookies to enhance your experience while using our website. If you are using our Services via a browser you can restrict, block or remove cookies through your web browser settings. We also use content and scripts from third parties that may use tracking technologies. You can selectively provide your consent below to allow such third party embeds. For complete information about the cookies we use, data we collect and how we process them, please check our Privacy Policy
Youtube
Consent to display content from Youtube
Vimeo
Consent to display content from Vimeo
Google Maps
Consent to display content from Google
Spotify
Consent to display content from Spotify
Sound Cloud
Consent to display content from Sound