The Portfolio custom post type gives you an easy way to manage and showcase projects on your site. If your theme doesn’t support it yet, go to Settings → Writing in your WordPress Dashboard and check the Portfolio Projects option under “Your Custom Content Types.”
If you don’t yet have Jetpack installed, go to PluginsAdd New and search for Jetpack. Install, activate and connect the plugin to your WordPress.com account as instructed.
With Jetpack (plugin) activated, go to JetpackSettings and use the search icon to search for “Portfolios”. Once located, click the toggle button to activate the Portfolios module.
You should now see a Portfolio menu item in your main WordPress menu. There you’ll find links to a add portfolio project, project types and project tags. A portfolio project is similar to a post, a project type is similar to a category. Go to PortfolioAdd New to add your first portfolio project.
Once you have at least one portfolio project you can setup your portfolio to display in your WordPress site. You can choose between one of the following methods to display your portfolio.
If you’re using Pretty Permalinks (links) for your WordPress installation you can simply link to your portfolio without creating a page. Simply go to go to your domain /portfolio. For example, in the Unwind demo you can go to http://demo.siteorigin.com/unwind/portfolio/. To link to your portfolio, go to AppearanceMenus and insert a Custom Link item. Link to your portfolio using the /portfolio URL.
If you’d like to use Jetpack Infinite Scroll with your portfolio then this is the display method to use.
With Page Builder by SiteOrigin activated, go to any page and click on the Page Builder tab. Click the Add Widget button and search for the Post Loop widget. Once inserted, edit the widget and select Portfolio from the Template drop-down list. Next, click on the Posts Query section usually, you’d need to use the Post type drop-down to select Projects, however in this case, once the Portfolio template has been selected, the portfolio post type will automatically be used. This means that the Portfolio template can’t be used for posts, only the portfolio post type. Further down you can also make use of the Posts per page setting. Finally, click the Done button and publish or update your page.
Only the regular Next and Previous navigation will work with this display method. For most users that’s perfect. If you’d rather make use of Jetpack Infinite Scroll then please, use the default URL structure method explained above.
Jetpack offers a shortcode to display your portfolio wherever you’d like
[portfolio] It is possible to use this shortcode with Unwind but not recommended. We’ve styled the shortcode output very similarly to our default blog layout. To make use the sortable grid layout you see in the Unwind portfolio demo, please, use one of the methods mentioned above.
To set the number of portfolio items that display per page, go to SettingsWriting and edit the Portfolio Projects setting.
If you’ve inserted your portfolio using the Post Loop widget on a page, removing the sidebar or adjust other page settings is easy. Simply locate the Page Settings meta box in the right column and adjust the settings as required.
Adjusting the page settings for archive and taxonomy pages is also possible from within the Customizer. Examples of these pages are:
To adjust the page settings on any of the above page types go to AppearanceCustomizePage Template Settings. Initially, only the Search Results and Not Found pages will be available. The Page Template Settings section will display settings for other pages when you navigate to them. Using the links in your site in the preview window to the right, navigate to a Taxonomy: Project Types page or a Taxonomy: Project Tags. Once there, a new section will appear in the Page Template Settings section and you’ll be able to adjust the page settings as required.
Navigating to a project type or tag is quite easy, simply browse to your portfolio, open a single project and click on a project type link in the top meta information or a project tag link at the bottom of the project text. Navigating to the portfolio type page can be a little bit harder as it isn’t possible to enter the URL in the Customizer. One workaround is to edit your menu and add a temporary menu Custom Link. In the case of the Unwind demo we entered a temporary custom link: http://demo.siteorigin.com/unwind/portfolio/. We then went back to the Customizer Page Template Settings section and used the new menu link to navigate to the portfolio type page and edit the page settings as required.