Portfolio

From version 1.2, Unwind offers support for Jetpack Portfolio content type. Once activated, Jetpack Portfolio is a quick and easy way to add portfolio items. View the demo Unwind portfolio.

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.”

Required Plugin

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.

Activate Jetpack Portfolio

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.

Setup Your Portfolio

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.

Display Your Portfolio

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.

Using the Default URL Structure

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.

Using the SiteOrigin Post Loop Widget

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 and use the Post type drop-down to select Projects. Finally, click the Done button and publish or update your page.

Using the Jetpack Portfolio Shortcode

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.

Controlling Page Settings for Archive Pages

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:

Type: Projects
Taxonomy: Project Types
Taxonomy: Project Tags

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.

Unwind page template settings documentation.