After you installed and activated the plugin, you can find the plugin settings under Settings » a-folio Settings in wp-admin. Here you can see 3 tabs:

Loop / Stream Settings

You can set up the layout settings for the portfolio stream tiles here.

Tile Rows Pattern

The tiles inside the a-folio shortcode’s output are built up from rows. A row can have different layouts of tiles, such as:

  • 2 big tiles / row (default)
  • 3 tiles / row
  • 4 tiles / row
  • 1 big tile + 4 small tiles
  • 4 small tiles + 1 big tile

With the Add row button you can add one or more rows to the pattern.

Setting up the pattern for the tiles

Setting up the pattern for the tiles

If there are more portfolio items available, then the pattern will start over with the first row. It means that your pattern looks like this:

After the 5. element (end of the 2. row) the first row will be applied again in the front end. Unless you limit the pattern instances inside the shortcode.

Order Settings

  • Order tiles by: based on what property of the Portfolio items should the tiles be ordered
    • No order: use WordPress’ default ordering
    • Post ID: based on the Portfolio item’s ID number in WPDB
    • Item title: the title of the Portfolio item
    • Item slug: the slug of the item (usually the last part of the URL)
    • Date created: when the Portfolio item was originally added
    • Last modified: when it was last time edited
    • Random
    • Menu order: you can add a menu order number to each Portfolio item in the WordPress editor. By selecting this option you can fully customize the order of the tiles.
    • Post IDs in shortcode: the tiles will appear in the very same order they are added to the shortcode. Use it with the ids parameter of the shortcode, and you can make super-customizable tile streams.
  • Order direction: should the tiles order be sorted Ascending or Descending based on the previous value

Call to Action settings

  • Use the last tile as CTA: if set to yes, the last tile will be a special Call to Action tile with a custom link
  • Call to Action text: this text will be displayed in the middle of the CTA tile
  • CTA URL: the link where it is pointing to
  • New browser tab: if yes, it will open on a new tab, leaving the original page open
  • Background color of CTA: the color of this tile

Content Settings


  • Item Subtitles: on large tiles (2 tiles / row) you can choose what to show as the item sub-title: a custom short text, the categories of the item, or nothing
  • Display Button link: if enabled, a link will be added to the bottom of each tile
  • Read More text: the link text of the button links
  • Default Button class: you can add a HTML class to the buttons by default. This is useful when you want to add special formatting to the button links.
  • Hide icons: if enabled, the icons in the title line won’t be displayed.

Responsive Settings


  • Responsive behavior: by default this is enabled. Turn it off if you experience layout problems with non-responsive themes.
  • Responsive breakpoints: here you can define when to switch to less number of columns (under what window width). Please note that these breakpoints only work if the basic front end CSS is loaded.


System Settings


  • Load basic front end CSS?: highly recommended to leave it as “Yes” – unless your theme’s code covers all the styling settings for the boxes.
  • Delete data on plugin uninstall: in some cases website administrators would like to keep the plugin data in the database for future use – even if they remove the plugin.
    • You can set this to “No” if you don’t want to use a-folio plugin any longer, but you’ve added lot of Portfolio items using it in the past. In this case you can use the stored data with a custom script.
    • In 99% of the cases the “Yes” setting is the better choice, as with this setting the plugin’s uninstall process won’t leave any junk data in your database.