{"id":20,"date":"2022-06-16T20:59:03","date_gmt":"2022-06-16T20:59:03","guid":{"rendered":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/?page_id=20"},"modified":"2025-05-23T02:31:57","modified_gmt":"2025-05-23T02:31:57","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/shortcodes\/","title":{"rendered":"Shortcodes"},"content":{"rendered":"
\n

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.<\/span><\/p>\n

Many of the parameters available in the WordPress Codex<\/a> can be used in the shortcode, with a few exceptions.<\/p>\n

All settings default to empty, null or false except for the following (be aware that this may have changed from previous versions)<\/strong><\/div>\n
<\/div>\n
‘post_type’ =\u00a0‘post’
\n‘showcaption’ =\u00a0true
\n‘imagesize’ =’thumbnail’<\/div>\n
\n

‘posts_per_page’ = -1<\/p>\n<\/div>\n

Grid:<\/h2>\n
\n

The width of the grid. this value defaults to the width of the grid area or to the setting in the style sheet.<\/p>\n

maxgridwidth – as of ver. 5.3<\/strong><\/p>\n

Use max width instead of width with align to wrap the grid when the window resizes.<\/p>\n<\/div>\n

When the gridwidth value is set, set this value to left, right, center or autocenter (as of version 5.3). center may not work in all themes. autocenter uses jQuery to center the grid instead.<\/p>\n

[thumbnailgrid maxgridwidth=\"700px\" aligngrid=\"left\" post_type=\"post\" posts_per_page = \"3\" cat=\"1\" ]<\/p><\/blockquote>\n

\n
\n http:\/\/Dolore%20aut%20ipsa%20dignissimos%20qui%20velit<\/a>\n\t <\/div>\n
\n Dolore aut ipsa dignissimos qui velit<\/a>\n\t <\/div>\n <\/div>
\n
\n http:\/\/Sunt%20est%20cumque%20rerum%20aut<\/a>\n\t <\/div>\n
\n Sunt est cumque rerum aut<\/a>\n\t <\/div>\n <\/div>
\n
\n http:\/\/Sed%20qui%20illo%20velit%20nihil%20excepturi<\/a>\n\t <\/div>\n
\n Sed qui illo velit nihil excepturi<\/a>\n\t <\/div>\n <\/div><\/div>\n \n <\/div><\/p>\n

[thumbnailgrid \"maxgridwidth\"=\"700px\" \"aligngrid\"=\"right\" \"showcaptions\"=true \"post_type\"=\"post\" posts_per_page = \"3\" cat=\"4\"]<\/p><\/blockquote>\n

\n
\n http:\/\/Voluptatibus%20ea%20voluptatem%20dolores%20vel%20laudantium<\/a>\n\t <\/div>\n
\n Voluptatibus ea voluptatem dolores vel laudantium<\/a>\n\t <\/div>\n <\/div>
\n
\n http:\/\/Ab%20vel%20dolorum%20dolore<\/a>\n\t <\/div>\n
\n Ab vel dolorum dolore<\/a>\n\t <\/div>\n <\/div>
\n
\n http:\/\/Officiis%20impedit%20aperiam%20quae%20ullam%20repellat<\/a>\n\t <\/div>\n
\n Officiis impedit aperiam quae ullam repellat<\/a>\n\t <\/div>\n <\/div><\/div>\n \n <\/div><\/p>\n

[thumbnailgrid maxgridwidth=\"700px\" aligngrid=\"center\" post_type=\"post\" posts_per_page = \"3\" cat=\"5\"]<\/p><\/blockquote>\n

\n
\n http:\/\/Placeat%20quia%20sint%20distinctio%20voluptatem%20voluptatem%20omnis<\/a>\n\t <\/div>\n
\n Placeat quia sint distinctio voluptatem voluptatem omnis<\/a>\n\t <\/div>\n <\/div>
\n
\n http:\/\/Et%20voluptatem%20laborum%20qui<\/a>\n\t <\/div>\n
\n Et voluptatem laborum qui<\/a>\n\t <\/div>\n <\/div>
\n
\n http:\/\/Ab%20vel%20dolorum%20dolore<\/a>\n\t <\/div>\n
\n Ab vel dolorum dolore<\/a>\n\t <\/div>\n <\/div><\/div>\n \n <\/div><\/p>\n

[thumbnailgrid aligngrid=\"\"autocenter\" cat=\"5\" post_type=\"post\" posts_per_page=\"3\"]<\/p><\/blockquote>\n