Featured Image Pro Post Grid

Description

An easy and full-featured widget and shortcode that displays featured image thumbnails in a responsive masonry grid. You may also display captions & excerpts.

What’s changed?

We are always working to improve our plugins. We use them ourselves.

The excerpt height for fixed height excerpts may need to be adjusted as it now takes into account any ‘read more’ text appended to the excerpt.

You may now use the widget/shortcode with custom posts

The appearance of the plugin has changed. padimage now defaults to true as does the new boxshadow setting. You can disable these by setting them to false or unchecking the option in the widget.

Comment count can now be used as a sub-caption.

The captions and excerpts alignment can now be controlled. Excerpts now align to the left. To change this to version 2.0 style, change the setting in the shortcode or the widget to center.

Basic Usage

Basic shortcode: [featured_image_pro]

Use the widget to generate shortcode by clicking on the panel labeled ‘View/Copy Shortcode’, under the categories panel ‘Categories’. You can then copy and past the basic shortcode into a post or page and edit the options manually if you wish.

Learn more about the shortcode options and view examples by clicking on the link below and visiting our documentation website. All options are listed in the sidebar on the website. Click on any option to see posts about the option and then choose a post to view shortcode examples.

View Documentation

Options

A list of options can be found in your settings menu by clicking on the Featured Image Pro menu item.

Supports

  • Posts
  • Custom Post Types & Pages
  • Subcaptions – Date, Author, Comment count
  • Select display based on category
  • Randomize display on load
  • Display Captions under thumbnail, or hover
  • Add colors to make your grids unique to your theme
  • Flexible default settings and powerful options
  • Display excerpts
  • Customize the excerpt word count
  • Borders around items
  • Fixed height captions and excerpts for even grids.
  • Ability to control item width and image sizes
  • Filters for customization

Video Tutorials

Your First Shortcode

Featured Image Pro 2 Options Demo

Colors in Featured Image Pro 2

Making Even Grids

Note for Upgrades

There are lots of new features in version 2.0 (see changelog). If you notice any issues with your upgrade, please contact us with a link and/or screenshot along with your specific shortcode.

Requirements

  • Your theme must be enabled for post thumbnails.

Go Premium

Want even more features, like a supercharged shortcode generator, navigation, and icon display on hovering? Featured Image Pro Premium will be available soon!

Featured Image Pro Premium includes:

  • Custom taxonomies
  • Extensive Shortcode generator
  • Ajax paging and expansion
  • Responsive grids
  • Hover images
  • Default Images
  • Custom classes
  • Advanced WordPress queries using metadata, custom taxonomies, authors and more.
  • Subcaptions from metadata, custom taxonomies and more with the ability to cast and title subcaptions.
  • Visit our website for more information and to see examples!
  • Filtering by categories, tags & custom taxonomies
  • Create galleries using images from the media library

This plugin gives you access to a widget and shortcode that displays featured image thumbnails in a masonry grid. You may also display captions & excerpts

This free plugin is not designed to show several pages of post thumbnails, rather it is designed to allow you to embed thumbnails into any page or to display a subset of thumbnails on a page. To show more posts on a page than the default value Blog pages show at most, use a fixed value for posts_per_page or try setting the posts_per_page value to ’999′.

Logo CC BY 3.0

Squares graphic by Freepik from Flaticon is licensed under CC BY 3.0. Made with Logo Maker

Visit Our Website for documentation and examples.

Support Available

Need more? Customization is available. Contact sales@shooflysolutions.com for more information.

Screenshots

  • Custom categories and different ordering method (by title).

  • Captions with a fixed height.

  • With medium-sized images for a less grid-like feel.

  • Hovering captions and no space between images.

Installation

Download the Featured Image Pro Widget Plugin

How to install this plugin

Method 1:

Select Plugins in the admin panel. Select ‘Add New’ Search for ‘Featured Image Pro’. Click on ‘Install Now’. Once the plugin has been installed, click on ‘Activate’

Download the plugin. In the WordPress admin panel, click on Plugins. Select Add New to get to the “Install Plugins” page. Click on browse and choose the downloaded file.

Click on the “Install Now” button to install the plugin. Once the plugin is installed, select “Activate Plugin”.

Method 3: (Advanced Users):

Unzip the file. Using FTP, upload the featured-image-pro folder to the wp-content/plugins folder in your wordpress directory. In your plugins folder, find the plugin and click on activate.

FAQ

Installation Instructions

Download the Featured Image Pro Widget Plugin

How to install this plugin

Method 1:

Select Plugins in the admin panel. Select ‘Add New’ Search for ‘Featured Image Pro’. Click on ‘Install Now’. Once the plugin has been installed, click on ‘Activate’

Download the plugin. In the WordPress admin panel, click on Plugins. Select Add New to get to the “Install Plugins” page. Click on browse and choose the downloaded file.

Click on the “Install Now” button to install the plugin. Once the plugin is installed, select “Activate Plugin”.

Method 3: (Advanced Users):

Unzip the file. Using FTP, upload the featured-image-pro folder to the wp-content/plugins folder in your wordpress directory. In your plugins folder, find the plugin and click on activate.

When I chose large images sizes, they don’t shrink past resive, and/or some of them are larger than the window. What can I do?

This is a Masonry issue that only occurs when fitwidth is on. Because fitwidth usually helps to make images show up beautifully, we
enable it by default. If you notice issues, especially if you’re using large images and they don’t resize correctly, you can turn off
“fitwidth”, and that should make things better.

How can I make my images resize to scale?

The easiest way to do this is to set max-width and max-height to a pixel amount. That will allow width and height to be auto by
default.

You didn’t answer my question/I have feedback. How can I get in touch with you?

If we haven’t answered your question here, then drop us a line at support@shooflysolutions.com. We love (non-spam) mail!

My grid items overlap when I resize the window

We have secret settings that can help with that. They are not in the widget. You must use the shortcode. First, enable the layoutonresize setting. You can also change the resize timer which is currently set to 500 (ms). You can Adjust this value. When the window resizes, the plugin will wait until the resizetimer has stopped before laying out the grid.

Reviews

Simple Masonry plug in with good support

Searched and tried a lot of masonry plugins till I found this one which allowed me to build a masonry wall of feature Images from particular category posts without having to move the images or create folders etc. it was dynamic and allowed the wall to grow with the posts as and when they happened without additional faff. It works well though I would like more random sized blocks to make more of a stone wall effect. Recently had a problem which the developer resolved very quickly. Many Thanks

Awesome Plugin For Feature Images

I needed a script like this in order to showcase my old blogs somewhere on my site. So I set up a post with this plugin. I had some problems implemented into my website ( my fault I’m not very technical ).

I contacted Adrian Jones and he was very kind to help me to set up the plugin.

It works like a charm and you can see it working at Random Coffee Related Posts

Thank you Adrian for all your help.

Read all 2 reviews

Contributors & Developers

“Featured Image Pro Post Grid” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

3.13

Version push to force upgrade from 3.03

3.10

Name change to featured image pro post grid

Enqueue dashicons for comments subcaption

Add padding and width to the subcaptions & wrap so that they do not overflow.

Add option to place a link under the post in button/span/div. Ex: ‘Buy Now’ button. These are new options available in the widget grid item section & shortcode. excerpt_custom_link_text & excerpt_custom_link_type which can be button/span/div

3.03

Fix for 404 missing file

3.02

Fix double animations in widget

3.01

Fix double animations

3.0

POSTS/CUSTOM POSTS

Add pages and custom post types

Add override check for post type in case it’s hard coded in the theme or elsewhere (Make sure that if another theme or plugin calls pre_get_posts we override it)

APPEARANCE default options were modified for ease of use but can be modified

Add boxshadow option. This defaults to true and may change the appearance of your grids.

padimage now defaults to true and may change the appearance of existing grids

excerpt text aligns to the left and may change the appearance of existing grids

Add optional ability to align captions, excerpts, subcaptions

EXCERPTS:

Default excerpt align to the left – this is changed from prior versions and may change the appearance of your grids

Correctly display the post excerpt if there is one instead of always pulling the excerpt from the post content

Fix style of ‘read more’ for excerpts

Fix bug where ‘read more’ text is outside of the fixed excerpt height.

CAPTIONS

Default captions to align center

Add author and comment count to subcaptions

Add ability to align the subcaptions and the excerpts.

Add optional horizontal line under captions (not for hover captions)

Optionally add link to subcaptions – this defaulted to true before.

Correctly cast date caption.

= 2.1.1
– The options page was missing in 2.1 until recently. This update fixes that.
= 2.1
– Change ‘excerpt’ to ‘showexcerpts’ for consistancy. excerpt will still work
– Fix missing options page.
– Add filters for query attributes and returned object
– Fix shortcode generation in the widget
– Fix caption width when max width < item width and fixed height caption.
= 2.0
– Lots and lots of exciting new features and bug fixes
– Add subcaptions for author and date
– Colors! Featured Image Pro now offers color options for items and item links.
– Added a padimage class toggle that adds image padding to the item. Can be overriden
– Added tooltips to some of the widget items
– Add an option to display tooltips on images in the grid (defaults to true)
– Fix hover captions when item width is wider than the image
– Excerpt padding/line-height changes
– Fix hover captions when item width is wider than the image. The hover caption should only cover the image.
– Added a padimage class for a different style option, this can be overriden in custom css
– Excerpt padding/line-height changes
– To make the widget easier to use, changed width/height values to accept integer values. Percentages, em, etc can still be used in the but this will be considered to be for advanced users.
– Added the ability to disable tooltips on the image
– To make the widget easier to use, try to calculate columnwidth when it isn’t set. If there is no gutter, columnwidth will always default to 1. If itemwidth is set, columnwidth defaults to itemwidth, otherwise columnwidth = average width of items when there is a gutter and 1 if there is no gutter.
– Add an option to display tooltips on images in the grid (defaults to true)
– Excerpt HR – excerpthr now defaults to false. Set excerpthr = true to correct.
– Call layout after resizing when height is auto to prevent overlap.
– Fix some style issues
– Todo: Add minimum widths and heights for images
= 1.5
– Set animate to default to false
– Add shortcode generator to the widget
– Fix javascript to allow more than one featured-image-pro widget to be edited in the customizer.
– Move Images above Grid Items

1.4

Fix masonry transitions using css only

Set Minimum value of number items in widget to zero

Add animation option

Add a margin above widget

Add accordion to widget form

Fix category selection in widget so that ‘apply’ button doesn’t pop up

Fix orderby – remove ‘randomize’ setting

Add animate setting

1.3

Fixed borders

Added style interoperabilty with Twenty Seventeen

Cleaned up directory structure

1.2

Fix hover over image

Replace

<

h3> with

<

div> for captions.

1.1

WordPress Release

1.0

Initial Release