Search Over 30,000 FREE Plugins from the Official WordPress Plugin Directory Repository

Fancy Grid Portfolio

Create portfolio in nice grid format that is animated and filterable with beautiful hover overlay of project title and description.

Plugin Features:

  • Responsive Portfolio Grid
  • Category Filtering with Animation
  • Beautiful Overlay on Hover with Project Title and Description
  • Lightbox Popups
  • Drag/Drop Sort to Quickly Reorder Portfolio Items
  • Shortcode Support with several options
  • Set Crop Width and Height
  • Set Number of Columns - 2, 3, or 4 Columns
  • Simple and Intuitive Interface for Quick Portfolio Setup
  • Hide Category Filters (both globally and per instance via shortcode)
  • New - Specify number of posts via shortcode

Plugin Demo

  • Credits: MixItUp, Lightbox2, jQuery
Author Laith Sinawi
Contributors laith3
Tags animated portfolio grid, filterable portfolio, hover effect with lightbox, portfolio, portfolio gallery, projects portfolio, Responsive Portfolio
  1. fancy-grid-portfolio screenshot 1

    Fancy Grid Portfolio grid display on front end

  2. fancy-grid-portfolio screenshot 2

    Fancy Grid Portfolio quick view popup.

  3. fancy-grid-portfolio screenshot 3

    Fancy Grid Portfolio options

  4. fancy-grid-portfolio screenshot 4

    Fancy Grid Portfolio drag-drop sort

  5. fancy-grid-portfolio screenshot 5

    Fancy Grid Portfolio custom post type view

  6. fancy-grid-portfolio screenshot 6

    Fancy Grid Portfolio custom taxonomy view

  1. Add plugin to the /wp-content/plugins/ directory
  2. Activate the plugin through the 'Plugins' menu in WordPress
  3. Create Portfolio.
  4. Add shortCode [fgp_portfolio] to page or post to display the Portfolio.


  1. Add Portfolio Items - Title, Description, Image, and Category(s)
  2. Create page, menu item and include shortcode in page [fgp_portfolio]
  3. You can override "Hide Filter Categories" setting in shortcode by using "hide_filters" attribute (see example below)
  4. Reorder your portfolio items using Drag and Drop Sort

Shortcode Options: hide_filters, count, num_columns

Shortcode examples:

  1. [fgp_portfolio hide_filters=1] (hide filters)
  2. [fgp_portfolio count=3 num_columns=3 hide_filters=1] (limit to 3 posts to showcase Recent Work)

version 2.0.1

Tested on WordPress version 4.7.1 Added CSS namespace for description overlay color getting overwritten by some theme's CSS

version 2.0

  • Complete new code base - change from procedure programming to object oriented programming using WordPress best practises.
  • New feature - added shortcode option to specify number of posts
  • Bug fix - featured image not displaying over https in admin
  • Bug fix - drag drop reorder admin not displaying correct order

version 1.1.0

  • New feature - added Hide Category Filters (both globally and per instance via shortcode)

version 1.0

  • Initial release

How can I change portfolio number of column?

Go to Grid Portfolio -> Dashboard and look under Plugin Options section for Number of Columns setting. Or you can set number of column per instance via shshortcode by using parameter num_columns. Example: [fgp_portfolio num_columns=2]

Why is my portfolio grid showing different size images?

You should upload images and not use existing ones from the media library for your portfolio in order for the crop to work. Then your images will all be the same size and the grid will be consistent.

Version 2.0.1

Requires WordPress version: 4.1.1 or higher

Compatible up to: 4.7.2

Last Updated 27 Dec 2016

Date Added: 06 Sep 2016

Plugin Homepage


0 stars
0 ratings


Not Enough Data

Works: 0
Broken: 0