Skip to Content

Setting up the portfolio page

By: 18th January 2025

Video

*You can find the chapters for specific settings in the youtube description

Creating the Portfolio page

All you have to do is to create a page and select the Portfolio Template, in the right panel under the Template options.

Customizer options for Portfolio

Go to Minimalio options and into the Portfolio options. There you can find all the options listed below.

Portfolio filtering

This allows you to hide or show the filtering on top of the portfolio page. The filtering uses the portfolio categories.

Portfolio behaviour

Apart from default opening of the single portfolio, there are two more options. One is to show a vimeo video in a lightbox, you can set the vimeo ID in each of the single portfolios. Or you can show the portfolio content, just be aware that the content will be shown in a static way and has to be quite small to fit in all of the screen sizes.

Load more options

If you have a lot of portfolios, which might slow down the website, you can choose to load them by scrolling or a button. So for example load just 10 at the beginning and then if the user scrolls down, 10 more will be loaded.

Portfolio display type

You have the possibility of choosing between Masonry layout or classic Grid with different aspect-ratios for you images.

Portfolio card style

Choose how the portfolios look on the portfolio page.

Portfolio hover options

Choose what happens when you hover (mouse-over) the portfolios on the page. Apart from the default color, you can choose between 2 zoom options, hover image and hover video. The hover image and hover video are selected in the single portfolios.

Portfolio slug

You can change the url of your portfolios, so instead of the default domain.com/portfolio/name, you can for example change it to domain.com/mywork/name. After changing, you have to go WordPress -> Settings -> Permalinks and press save.

Single portfolio options

These options are for showing different data on the single portfolio pages, there is an option for Featured image, Metadata, Share options, Latest portfolios and Portfolio navigation.

Transcription of the video

Hi! Today, I’ll show you how to create a portfolio page in WordPress.

If you already have portfolios created, you can display them on a web page easily:

  1. Create a new page and give it a name.
  2. In the ‘Page Template’ settings, select the ‘Portfolio’ template.
  3. Publish the page, and your portfolios will appear automatically.

You can use this page in various ways, such as adding it to your menu or setting it as your homepage (‘Customizer’ > ‘Homepage Settings’ > ‘Static Page’).

Portfolio Settings in Customizer

To access more options, go to ‘Customizer’ > ‘Minimalio Options’ > ‘Portfolio Settings.’ Here are the key settings:

  • Enable Filtering: Allows users to filter portfolios by category.
  • Change ‘All’ Label: You can customize the label for the ‘All’ filter.
  • Archive Columns: Adjust the number of columns in the portfolio grid.
  • Portfolio Behavior:
    • Open Single Portfolio: Opens the portfolio with its full content.
    • Show Vimeo in Lightbox: Allows you to add a Vimeo ID to the portfolio and display the video in a lightbox.
    • Show Portfolio Content in Lightbox (Experimental): Be cautious with large content as it may not fit well.

Load More Options

If you have many portfolios, you can enable ‘Load More’ functionality to improve page performance:

  • On Scroll: Automatically loads more portfolios as the user scrolls.
  • Load More Button: Displays a button to load additional portfolios manually.

Display Type and Card Style

  • Display Type: Choose between ‘Masonry’ or ‘Grid’ layouts, with adjustable aspect ratios for images.
  • Portfolio Card Style: Select different styles for portfolio cards, including options for titles, categories, and hover effects.
  • Hover Options: Choose from color changes, zoom effects, or even video on hover. For ‘Hover Video,’ ensure the video file is small to avoid loading delays.

URL Customization

You can change the URL structure of your portfolios by modifying the ‘Single Portfolio Slug.’ After making changes, go to ‘Settings’ > ‘Permalinks’ in WordPress and click ‘Save’ to update the URLs.

Single Portfolio Display Settings

Customize what appears in the single portfolio view, including the featured image, title, metadata, and navigation options for browsing other portfolios.

That’s it! With these settings, you can create a dynamic and user-friendly portfolio page in WordPress. Thanks for watching!