Portfolio Single Post Pages

Last Update: February 23, 2024

At the core of the Portfolio system in Avada are the Portfolio Single Post Pages. Each portfolio item you create generates a corresponding Portfolio Single Post page. The single post page is the full portfolio post and associated content such as Featured Images, Project Details, Project URL text, Copyright URL text, etc. In this article, we will explain all the relevant sections in a single post page and how to configure it to your preferences.

Portfolio Single Post Screen

The following screenshot shows the various areas of the Portfolio Single Post Page as edited in the Gutenberg Editor.

  • The Post Editor – You can use either the Gutenberg Editor or the Avada Builder to create your Portfolio Post Content.

  • The Custom Post Type Fields – This is where you add and assign Portfolio Categories, Skills, Tags, and Featured Images to your individual Portfolio posts.

  • The Portfolio tab of the Avada Page Options – Here you can further extend the post with embedded videos, and other project details.

Portfolio Single Post - Gutenberg Editor

The Post Editor

The Post Editor is where you add your page content for your Portfolio posts. Other content comes from the Custom Post Type Fields, and through the Portfolio tab of the Avada Page Options, so depending on the type of Portfolio Post you are making, you might add more or less content via the Editor. Avada allows you to use any editor on the single post pages, from the WordPress Editor, the Gutenberg Editor or the Avada Builder. To enable the Avada Builder, simply click the ‘Avada Builder’ button above the WordPress Content Editor to access the Avada Builder. Any elements and content added to the post is treated exactly like regular page content.

As an example, this portfolio post on the Avada Agency demo has just two paragraphs of dummy text added through the Editor, while this post has a full Avada Builder layout. Portfolios are very flexible in their structure, but the easiest way to add content is just to add raw content through the editor, and use a Layout to control the display of that content. See How To Set Up A Portfolio in Avada for more information.

The Custom Post Type Fields

There are four fields added to the Portfolio Custom Post Type to allow you to add specific portfolio details to your posts – Portfolio Categories, Skills, Tags, and the Featured Images fields. These are accessed on the right-hand side of the page.

  • Portfolio Categories – Here, you can add and assign Portfolio Categories. Categories are pre-defined taxonomies used to sort and group content into different sections and making it easier for the user to filter and select the relevant portfolio items they prefer to view.

    You can add Categories on the fly by clicking the + Add New Category link at the bottom of the Portfolio Categories section, or you can navigate to Portfolio < Portfolio Categories to set up your Categories independently. To assign Categories, check the box next to the Category name. These Categories are the filters that show above your portfolio items when displaying your Portfolio items with the Portfolio Element. They allow you to filter different types of projects.

    When using the Portfolio Element, you can choose to pull posts by Category or Tag, so think about how you would like your Portfolio Filters to work. Category is the default option.

  • Skills – Here, you can add and assign any associated Skills to the post. Each skills tag is a meta link that your viewer can click to view similar types of portfolio posts.

    You can add Skills on the fly by clicking the + Add New Skill link at the bottom of the Skills section, or you can navigate to Portfolio < Skills to set up your Skills independently. To assign skills to the post, check the box next to the Skill.

  • Tags – Here you can add Tags to your post. Type the name of the tag in the field and hit enter or enter multiple tags by separating tags with commas. The Tags are the same as the tags you find in blog posts, but these tags will only show up on Portfolio items.

    When using the Portfolio Element, either Tags or Categories can be used to pull the portfolio posts, which then creates the Filters at the top of the Portfolio.

    The Categories, Skills, and Tags that are added to the individual portfolio posts are also used as a way of filtering content in the Portfolio Archive pages. Read the Portfolio Archives & Filters page for more information on that.

  • Featured Images – Here you can add a Featured Image to the post. To do this, click the first Featured Image Box, select an image and click ‘Set Featured Image’. For a slideshow, insert more than one Featured Image and each image will be a slide in the slideshow.

    By default you can upload 5 featured images per post, however, that can be changed globally by going to Options > Slideshows > Post Slideshow Images and increasing/decreasing the number (min. 1 – max. 30).

    For a video post, paste the iFrame embed from either Youtube or Vimeo into the Video Embed Code field, found in the Portfolio tab of the Avada Page Options. See the Avada Page Options section below, for more details on that.