Portfolio Widget (Pro)

The Portfolio Widget allows you to display your posts, pages, and custom post types in an attractive, filterable grid.

Note: The Portfolio widget ONLY works with posts, pages, and custom post types. The Portfolio widget does NOT work with Galleries.

Content

Layout

1. Columns: Set the number of columns displayed in the widget
2. Posts count: Set the exact amount of posts to be displayed in the widget
3. Image size: Set the size of the images
4. Item ratio: Set the ratio of the items
5. Show title: Choose whether to show or hide the title. The title will display while hovering over the images
6. Title HTML tag: Wrap the title with a tag, either H1...H6, span, div or paragraph

Query

1. Source: Select the source of posts or other custom post types, from which the widget will display the items
2. Categories / Tags / Other Taxonomies: Filter the posts by categories, tags, or other custom post type taxonomies
3. Order By: Set the order of the posts by date, title, menu order or randomized
4. Order: Set the posts order as ascending or descending
5. Offset: Set the number of posts to be skipped over. Ifset to 2, the widget will display the posts starting from the third post
6. Exclude: Choose to exclude the current post or manually search and select a post to exclude
7. Avoid Duplicates: Choose Yes to avoid displaying duplicate posts on the frontend only
8. Query ID: Give your query a custom unique ID to allow server side filtering. See the developer docs for more information on how to use this advanced feature

Filter Bar

1. Show: Set whether to show or hide the filter bar above the portfolio
2. Taxonomy: Choose the taxonomy from which to display the posts. Options include: Categories, Tags, and any custom post type taxonomies

Style

Items

1. Item Gap: Set the exact gap between the items
2. Rows Gap: Set the exact gap between rows of items
3. Border Radius: Set the border radius for the images to control corner roundness

Item overlay

1. Background Color: Set the background color of the overlay when you hover over the image
2. Color: Set the post’s Title color. The title appears within the overlay when you hover over the image
3. Typography: Customize the typography of the Title

Filter bar

1. Color: Set the color of the Filter Bar text
2. Active Color: Set the color for the Filter Bar’s active text
3. Typography: Customize the typography of the Filter Bar text
4. Space Between Items: Set the space between the items in the Filter Bar
5. Filter Spacing: Set the spacing between the Filter Bar and the images

Note: Featured images must be used in your posts for any images to show up in the Portfolio widget.