Portfolio Shortcode

After having your portfolio posts created, of course you want to display them somewhere obvious on your website. It could be either the front page, or any pages that is relevant to your work. Vlieland provides two ways to display your portfolio, you can use the Portfolio Archive Page Template, or use a [portfolio_entries] shortcode.

This article we be about the [portfolio_entries] shortcode. There are three ways to add the shortcode on your site. You can type it manually inside your post with the WordPress editor, use the TinyMCE Shortcode editor, or use the page builder. An example of this shortcode in action is the portfolio entries under Recent Work in the theme demo: http://wp.youxithemes.com/vlieland/

As seen on the theme demo, the shortcode displays all your portfolio posts in a masonry layout, configurable through the various settings it possess. Below is an image showing the available settings of a [portfolio_entries] shortcode when added via the TinyMCE Shortcode editor.

  • Included Categories
    If you check any of the category on this option, only portfolio posts under those categories would be displayed. Leave everything unchecked to display all your portfolio posts.
  • Posts Per Page
    This option determines how many posts you want to show on each page – on the portfolio shortcode, this the number of items to show between each click on the Load More button.
  • Order By
    This option determines the value used to order the portfolio posts.
  • Order
    This option determines if the portfolio posts should be ordered in an ascending/descending order.
  • Show Filter
    This option determines whether the portfolio filter should be displayed at the top.
  • Filter Order By
    This option determines the value used to order the portfolio filter items.
  • Filter Order
    This option determines if the portfolio filter items should be ordered in an ascending/descending order.
  • Margin
    This option determines the spacing between each portfolio post.
  • Columns
    This option determines in how many columns the portfolio posts should be displayed.
  • Image Size
    This option determines the featured image size to be displayed for each portfolio post. It could take the original image aspect ratio, a square image or an image with 4:3 aspect ratio.
  • Multisize
    This option determines whether the masonry grid should allow multisized grid items. Here’s how to setup the portfolio post grid size: http://kb.youxithemes.com/knowledge-base/portfolio-settings#vlieland-masonry-grid-settings

Was this article helpful?

Related Articles