Creating a Portfolio Post

Last Updated on

A portfolio is an essential section in your website for getting more business and building your professional brand. Jupiter really shines when it comes to portfolios, as it offers a lot of customization.


Creating a portfolio post is the first step to creating a portfolio on your website. This article also covers how to use Visual Composer with portfolios, add a sidebar and widgets, as well as how to configure the portfolio posts.

To see some of the Jupiter portfolios, check out the Jupiter main demo.

In this article

Creating a Portfolio Post

Creating a portfolio post is the first step into creating and displaying a portfolio on your website. Jupiter let’s you create different types of portfolio posts, like images and videos. These types differ in how they work both in the portfolio archive and in the portfolio single post.

Creating a Simple Image or Video Post

To create an image or video post:

From the WordPress left menu, go to Portfolios and click on Add New.

Creating a portfolio post - Add new

Enter a title and scroll down to Jupiter Portfolio Post Options.
From the Post Type dropdown, select Image or Video.

Creating a portfolio post - Jupiter Portfolio Post Options

Image Type

If the image type is selected, to upload the image:

Click on Set Featured Image in the right sidebar.

Creating a portfolio post - Featured image

Upload the image or select one from the media library and click on Set Featured Image.
Click on Publish to publish the page.
Note: To learn how to add an image to the portfolio post itself, check out the “Creating a Post with Visual Composer” section below.

Video Type

If the video type is selected, some options will appear underneath to upload the video:

Setting Description
Video site Select the website where your video is uploaded to.
Video ID Set the ID of the video.

Configure the necessary settings and click on Publish.

Creating a Post with Visual Composer

In order to create portfolio posts with Visual Composer, it needs to be enabled.

To enable Visual Composer for portfolio posts:

From the WordPress left menu, go to Visual Composer > Role Manager.

Creating a portfolio post - Role Manager

Under the Post Types option, select Custom and enable Portfolio.

Creating a portfolio post - Post Types

Click on Save Changes.

Once the Visual Composer is enabled for portfolio posts, you will notice that when creating a portfolio post you will be able to use Visual Composer shortcodes just like on any other page.

Configuring the Post Layout

The layout can be defined globally or page specifically. A sidebar can be added to portfolio posts which will then allow adding widgets as well.

Adding a Global Sidebar

From the WordPress left menu, go to Theme Options > Portfolio > Portfolio Single Post.

From the Layout dropdown, select the desired option.

Click on Save Settings.

Adding a Page Specific Sidebar

From the WordPress left menu, go to Portfolios and enter a portfolio post.
Scroll down to Jupiter Page Options.
From the Layout dropdown, select the desired option.

Creating a portfolio post - Jupiter Page Options

Publish or update the post.

Adding Widgets

To add widgets to the portfolio post sidebar:

From the WordPress left menu, go to Appearance > Widgets.

Creating a portfolio post - Widgets

On the Widgets page, drag and drop a widget into the Single Portfolios Widget Area.

Creating a portfolio post - Single Portfolios Widget Area

Configure the widget and click on Save.

Configuring the Post Page

There are a few settings which can be used to configure the portfolio post page.

To configure the post page:

From the WordPress left menu, go to Portfolios.
Enter a specific portfolio that you wish to configure.

Jupiter Page Options

Setting Description
Manage page elements Changes the page’s general layout by making structural changes.
Stick template Enabling this removes the padding after the header and before footer.
Page preloader Enables the page preloader only for this post.
Page title align Changes the title and subtitle alignment.
Breadcrumb Enables or disables breadcrumbs for this post.

Note: If you would like to enable the page preloader throughout the site, consider the option in Global Settings > Preloader.

Jupiter Portfolio Post Options

Setting Description
Show featured image Toggles between showing the featured image or hiding it in the portfolio single post.
Similar posts Displays the similar posts section in the portfolio single post.
Social share Displays the social share section in the portfolio single post.
Custom URL Changes the permalink of the thumbnail.
Masonry image size Changes the image size in the masonry loop style.
Item hover skin Changes the item hover skin color in the Grid & Masonry loop style > Zoom Out Box hover scenario.
Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket