Display a post Thumbnail Grid using Featured Images

A. Jones

Featured Image Pro Post Grid

Display a Masonry Thumbnail Grid of Featured Images, including captions and excerpts.

Visit the web site for detailed examples. Click on Shortcodes for examples 
https://www.plugins.shooflysolutions.com/thumbnail-grid/
This plugin gives you access to a simple shortcodes that displays post thumbnails in a grid. The plugin uses the featured image thumbnail if one exists. If one does 
not exist, the default thumbnail (if it exists) or title will be displayed instead. Use the category feature to ensure that all of the posts that you want to display in this manner have thumbnails.
For instructions, shortcode descriptions & examples please visit the <a href="https://www.shooflysolutions.com/featured-image-thumbnail-grid-for-wordpress//" rel="nofollow ugc">plugin web page</a>.
Please keep in mind that this plugin was first written in 2011 during a simpler time in the WordPress world. We are no longer writing plugins but every effort has been made to keep it compatible with newer WordPress version and that what started out as a very simple and basic plugin may no longer be suitable. We encourage you to seek out other alternatives if this doesn’t work for you and to report errors before posting a review.
Some date functions are not currently working properly.
Your input is important to us. This is a community and everything helps!For quicker support, please visit our website, read the faqs and email us at support@shooflysolutions.com.
Donations for extended support are appreciated but are never required!
This plugin gives you access to two a simple shortcake to display post thumbnails in a grid. The plugin uses the featured image thumbnail if one exists. If one does not exist, the title will be displayed instead. Use the category feature to ensure that all of the posts that you want to display in this manner have thumbnails.
This plugin is not designed to show several pages of 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 thumbnails 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′.
Your theme must be enabled for post thumbnails.
POSTS & PAGES
You can use any of the parameters listed in the wordpress codex. 
Click here to see the WordPress Codex for Posts
Here are some of the most common paramaters:
cat = (*Use cat instead of category for posts if category does not work) category id. To view the category id, go to your post categories, edit the category and look in the browser address bar for the category id. If you don’t see it, click your mouse in the address bar. 
It should look something like this. The category id is 7:
[[your site goes here]]/wp-admin/edit-tags.php?action=edit&taxonomy=category&tag_ID=7&post_type=post
posts_per_page – the number of posts to display. The default is -1. This causes the post count to default to the value in Blog pages show at most.
post_type – the type of posts to display. The default is ‘post”. Enter any type that supports thumbnails. Obviously, you want to have featured images set for all of the posts that you are displaying in this grid. You can use ‘page’ here if your theme supports thumbnails on pages. You can enter custom post types, like ‘events’ in this section too.
orderby – Sort retrieved posts by parameter. The default is none.
order – ‘DESC’ or ‘ASC’
tag – use the tag name, not the tag id.
[thumbnailgrid cat=’1′ posts=’5′ type=’post’ order_by=’author’ order=’ASC’]”
Will display the thumbnails for the 5 most recent posts from the category with the id of 1 sorted by the author name in ascending order
[thumbnailgrid] 
Will display the thumbnails using the default value in the Reading settings Blog pages show at most.
Examples:
[bkthumbnailgrid category=”4″ limit=”5″] 
displays the thumbnails for the first 5 bookmarks where the link category is 4.
[bkthumbnailgrid orderby=”owner” order=”DESC”] 
displays all thumbnails for all bookmarks ordered descending by the name of the owner.
Shortcodes 
Most properties can be set in the style sheet or in the custom css module for your theme. The following settings are shortcode settings that apply to individual grids. Note that for width and height values you may use any valid unit of height: px, cm, %, etc. Note: Media Image sizes are configured in the wordpress admin panel under Settings/Media. The default thumbnail size is 150px by 150px. The style sheet is configured to handle the default thumbnail size. To properly display your images, you must modify the height and witdth in the thumbanil shortcode or the style sheet.
Visit <a href="http://www.shooflysolutions.com/software/featured-image-thumbnail-grid-for-wordpress/" rel="nofollow ugc">ShooflySolutions</a> for demos.
height 
The height of thumbnail image. This value defaults to the height of the thumbnail or the setting in the style sheet.
width 
The width of the thumbnail image. This value defaults to the width of the thumbnail or the setting in the style sheet. To display an image proportionately, set this value to ‘auto’;
gridwidth 
The width of the grid. this value defaults to the width of the grid area or to the setting in the style sheet.
maxgridwidth 
The maximum width of the grid. This is the better option to use when aligning grid left/right/center if you want the grid to wrap
showcaption 
Set showcaption=FALSE to hide the captions showcaption defaults to TRUE
captionheight 
This value sets the caption height and hides the overflow (if there is more text than can fit into the caption area, it will not be visible). The display defaults to one line of text or the value in the style sheet.
captionwidth 
The caption width. This value defaults to the width variable above or to the setting in the style sheet.
wraptext 
Wrap the text in the caption. Normally the text is limited to one line and overflow is indicated by an elipses. Please note that, to avoid a misaligned grid, you should set a caption height when wrapping text in a grid that has more than one row. wraptext defaults to FALSE
aligngrid 
When the gridwidth value is set, set this value to left, right, center or autocenter (uses jQuery)
imagesize 
Media Image sizes are configured in the wordpress admin panel under Settings/Media. You can use any size in the plugin. The default value is ‘thumb’. thumb thumbnail medium large post-thumbnail (To proportionately size images, try setting the height=”100%” width=”auto”)
Added support for codex features that were not loading through the shortcode:
before 
show posts before a specific date. As a feature of this plugin, you can set this field to before=”today”
after 
show posts after a specific date. As a feature of this plugin, you can set this field to after=”today”
inclusive 
include the before and/or after date in the query
post__not_in 
exclude posts (comma delimited id’s) in this list
post__in 
include posts (comma delimited id’s) in this list
post_parent__in 
include posts (comma delimited id’s) with parent id’s in this list. Would be handy for post_type=”page” 
post_parent__not_in 
exclude posts (comma delimited id’s) with parent id’s in this list. Would be handy for post_type=”page”
tag_slug__and 
include posts (comma delimited strings) with tags that match all of the tag slugs in this list.
tag_slug__in 
exclude posts (comma delimited strings) that have a tag that matches any of the tags in this list
debug_query 
for advanced users or upon request for support purposes, set debug_query=true to view the SQL query.
<h3>Arbitrary section</h3>
Need more? Customization is available. Contact sales@shooflysolutions.com for more information.

Alternatives to Featured Image Thumbnail Grid

Top alternatives