{"id":24,"date":"2022-06-16T21:06:59","date_gmt":"2022-06-16T21:06:59","guid":{"rendered":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/?page_id=24"},"modified":"2022-06-16T21:06:59","modified_gmt":"2022-06-16T21:06:59","slug":"filters","status":"publish","type":"page","link":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/filters\/","title":{"rendered":"Filters"},"content":{"rendered":"<div class=\"tbgrd_section\">\n<h2>You should be familiar with the wordpress codex!<\/h2>\n<p>The thumbnail grid plugin can be extended by developers using filters. Please refer to the WordPress Codex for more information about filters<\/p>\n<p>Example: Create rounded corners tor the image:<\/p>\n<div><label class=\"tbgrd_helplabel\">add_filter(&#8216;sfly_tbgrid_image_style&#8217;, &#8216;sfly_tgrid_rounded&#8217;);<\/label><br \/>\n<label class=\"tbgrd_help_text\">function sfly_tgrid_rounded($style) {<br \/>\n$style .= &#8220;border-width: 1px; border-style: solid; border-color: #ccc; position: relative; z-index: 50; border-radius: 28px; box-shadow: 0 1px 1px rgba(153,153,153,0.4); padding: 0; margin: 0;&#8221;; return $style;<br \/>\n}<\/label><\/div>\n<div><\/div>\n<div><strong><label class=\"tbgrd_helplabel\">sfly_tbgrd_settings\u00a0<\/label><\/strong><label class=\"tbgrd_help_text\">process and return modified shortcode attributes. <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">add_filter( &#8216;sfly_tbgrd_settings&#8217;, &#8216;callbackfunction&#8217; )\u00a0<\/label><\/div>\n<div>\n<pre>function callbackfunction($atts) \/\/atts - shortcode attributes\r\n{\r\n         extract( shortcode_atts( array(\r\n                'myparam' =&gt; FALSE, \r\n      \r\n\t     ), $atts ) );\r\n      \r\n         unset($atts[\"myparam\"])<\/pre>\n<\/div>\n<div>\u00a0}<\/div>\n<div><label class=\"tbgrd_helplabel\"><strong>sfly_tbgrid_grid_nav<\/strong>_content\u00a0<\/label><label class=\"tbgrd_help_text\">Returns content that displays above or below the grid (usually navigation content) add_filter( &#8216;sfly_tbgrid_grid_nav_content&#8217;, &#8216;callbackfunction&#8217;, 10, 3) <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">function callbackfunction($page, $location, $max) <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">\u00a0 \/\/page &#8211; current page (only for paged posts) location &#8211; &#8216;top&#8217; or &#8216;bottom&#8217; max &#8211; maximum number of pages <\/label><\/div>\n<div>{<\/div>\n<div>\u00a0 \u00a0 \u00a0 \u00a0\u00a0return &#8220;&lt;div class=&#8221;$location&#8221;&gt;Page $page&lt;\/div&gt;&#8221;<\/div>\n<div><\/div>\n<div>}<\/div>\n<div><strong> <label class=\"tbgrd_helplabel\">sfly_tbgrid_extra_info\u00a0<\/label><\/strong><label class=\"tbgrd_help_text\">Returns content that displays under the title text (This \u00a0has been modified. To replace the actual title, use sfly_tbgrd_title instead)<\/label><\/div>\n<div><label class=\"tbgrd_help_text\">add_filter( &#8216;sfly_tbgrid_extra_info&#8217;, &#8216;callbackfunction&#8217;); <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">function callbackfunction($id) \/\/id for\u00a0post<br \/>\n<\/label>{<\/div>\n<div>\n<pre>    return \"under thumb \" . $id;\r\n}<\/pre>\n<\/div>\n<div><label class=\"tbgrd_help_text\"><label class=\"tbgrd_help_text\"><\/label><\/label><strong>sfly_tbgrd_title\u00a0<\/strong>Modify the title<\/div>\n<div>\n<div><label class=\"tbgrd_help_text\">add_filter( &#8216;sfly_tbgrid_title&#8217;, &#8216;callbackfunction&#8217;);<\/label><\/div>\n<div><label class=\"tbgrd_help_text\">function callbackfunction($title, $id=NULL) \/\/id for\u00a0post<br \/>\n<\/label>{<\/div>\n<div>\n<pre>    return \"hello \" . $title . \" \" . $id;\r\n}<\/pre>\n<\/div>\n<\/div>\n<div><label class=\"tbgrd_helplabel\"><strong>sfly_tbgrid_grid_style<\/strong> <\/label><label class=\"tbgrd_help_text\">Returns styles applied to the grid <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">add_filter(&#8216;sfly_tbgrid_grid_style&#8217;, callbackfunction) <\/label><\/div>\n<div>\n<div><label class=\"tbgrd_help_text\">function callbackfunction($style) \/\/style &#8211; current style<\/label><\/div>\n<div>{<\/div>\n<div>\u00a0 \u00a0 \u00a0$style .= &#8220;width:75%;&#8221;;<\/div>\n<div>}<\/div>\n<\/div>\n<div><\/div>\n<div><strong> <label class=\"tbgrd_helplabel\">sfly_tbgrid_grid_class\u00a0<\/label><\/strong><label class=\"tbgrd_help_text\">Return classes applied to grid <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">add_filter(&#8216;sfly_tbgrid_grid_class&#8217;, callbackfunction) <\/label><\/div>\n<div>\n<div>{<\/div>\n<div>\u00a0 \u00a0 \u00a0$class .= $class . &#8220;, myclass&#8221;;<\/div>\n<div>}<\/div>\n<\/div>\n<div><\/div>\n<div><label class=\"tbgrd_helplabel\"><strong>sfly_tbgrid_image_style<\/strong>\u00a0<\/label><label class=\"tbgrd_help_text\">Modify the style of the image. <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">add_filter(&#8216;sfly_tbgrid_image_style&#8217;, callbackfunction) <\/label><\/div>\n<div>\n<div><label class=\"tbgrd_help_text\">function callbackfunction($style) \/\/style &#8211; current style<\/label><\/div>\n<div>{<\/div>\n<div>\u00a0 \u00a0 \u00a0$style .= &#8220;width:75%;&#8221;;<\/div>\n<div>}<\/div>\n<\/div>\n<div><\/div>\n<div><label class=\"tbgrd_helplabel\"><strong>sfly_tbgrid_image_class<\/strong>\u00a0<\/label><label class=\"tbgrd_help_text\">Modify the class of the image. <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">add_filter(&#8216;sfly_tbgrid_image_class&#8217;, callbackfunction) <\/label><\/div>\n<div>\n<div>{<\/div>\n<div>\u00a0 \u00a0 \u00a0$class .= $class . &#8220;, myclass&#8221;;<\/div>\n<div>}<\/div>\n<\/div>\n<div><\/div>\n<div><label class=\"tbgrd_helplabel\"><strong>sfly_tbgrid_postimagediv<\/strong>_style\u00a0<\/label><label class=\"tbgrd_help_text\">Modify the style of the image container. <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">add_filter(&#8216;sfly_tbgrid_postimagediv_style&#8217;, callbackfunction) <\/label><\/div>\n<div>\n<div><label class=\"tbgrd_help_text\">function callbackfunction($style) \/\/style &#8211; current style<\/label><\/div>\n<div>{<\/div>\n<div>\u00a0 \u00a0 \u00a0$style .= &#8220;width:75%;&#8221;;<\/div>\n<div>}<\/div>\n<\/div>\n<div><\/div>\n<div><label class=\"tbgrd_helplabel\"><strong>sfly_tbgrid_postimagediv<\/strong>_class\u00a0<\/label><label class=\"tbgrd_help_text\">Modify the class of the image. <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">add_filter(&#8216;sfly_tbgrid_postimagediv_class&#8217;, callbackfunction) <\/label><\/div>\n<div>\n<div><label class=\"tbgrd_help_text\">function callbackfunction($style) \/\/style &#8211; current style<\/label><\/div>\n<div>{<\/div>\n<div>\u00a0 \u00a0 \u00a0$style .= &#8220;width:75%;&#8221;;<\/div>\n<div>}<\/div>\n<\/div>\n<div><\/div>\n<div><label class=\"tbgrd_helplabel\"><strong>sfly_tbgrid_griditem<\/strong>_style\u00a0<\/label><label class=\"tbgrd_help_text\">Modify the style of the cell in the grid (the cell contains an image and the caption. add_filter(&#8216;sfly_tbgrid_griditem_style&#8217;, callbackfunction) <\/label><\/div>\n<div>\n<div><label class=\"tbgrd_help_text\">function callbackfunction($style) \/\/style &#8211; current style<\/label><\/div>\n<div>{<\/div>\n<div>\u00a0 \u00a0 \u00a0$style .= &#8220;width:75%;&#8221;;<\/div>\n<div>}<\/div>\n<\/div>\n<div><\/div>\n<div><label class=\"tbgrd_helplabel\"><strong>sfly_tbgrid_griditem<\/strong>_class \u00a0<\/label><label class=\"tbgrd_help_text\">Modify the class of the image. <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">add_filter(&#8216;sfly_tbgrid_griditem_class&#8217;, callbackfunction) <\/label><\/div>\n<div>\n<div>{<\/div>\n<div>\u00a0 \u00a0 \u00a0$class .= $class . &#8220;, myclass&#8221;;<\/div>\n<div>}<\/div>\n<\/div>\n<div><\/div>\n<div><label class=\"tbgrd_helplabel\"><strong>sfly_tbgrid_title_style<\/strong>\u00a0<\/label><label class=\"tbgrd_help_text\">Modify the style of the title container <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">add_filter(&#8216;sfly_tbgrid_title_style&#8217;, callbackfunction) <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">function callbackfunction($style) \/\/style &#8211; current style<\/label><\/div>\n<div>{<\/div>\n<div>\u00a0 \u00a0 \u00a0$style .= &#8220;width:75%;&#8221;;<\/div>\n<div>}<\/div>\n<div><\/div>\n<div><label class=\"tbgrd_helplabel\"><strong>sfly_tbgrid_title_class<\/strong> \u00a0<\/label><label class=\"tbgrd_help_text\">Modify the class of the title container. <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">add_filter(&#8216;sfly_tbgrid_title_class&#8217;, callbackfunction) <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">function callbackfunction($class) \/\/class &#8211; current class<\/label><\/div>\n<div>{<\/div>\n<div>\u00a0 \u00a0 \u00a0$class .= $class . &#8220;, myclass&#8221;;<\/div>\n<div>}<\/div>\n<div><label class=\"tbgrd_helplabel\"><strong>sfly_tbgrid_titlelink_style<\/strong> \u00a0<\/label><label class=\"tbgrd_help_text\">Modify the style of the title link. <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">add_filter(&#8216;sfly_tbgrid_title_style&#8217;, callbackfunction) <\/label><\/div>\n<div>\n<div><label class=\"tbgrd_help_text\">function callbackfunction($style) \/\/style &#8211; current style<\/label><\/div>\n<div>{<\/div>\n<div>\u00a0 \u00a0 \u00a0$style .= &#8220;width:75%;&#8221;;<\/div>\n<div>}<\/div>\n<\/div>\n<div><\/div>\n<div><label class=\"tbgrd_helplabel\"><strong>sfly_tbgrid_titlelink<\/strong>_class \u00a0<\/label><label class=\"tbgrd_help_text\">Modify the class of the title link. <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">add_filter(&#8216;sfly_tbgrid_title_class&#8217;, callbackfunction) <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">function callbackfunction($class) class &#8211; current class<\/label><\/div>\n<div><\/div>\n<div><label class=\"tbgrd_helplabel\"><strong>shfly_tgrd_posts_join<\/strong> \u00a0<\/label><label class=\"tbgrd_help_text\">Modify the post sql query (see posts_join in the WordPress Codex documentation). <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">add_filter(&#8216;shfly_tgrd_posts_join&#8217;, callbackfunction) <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">function callbackfunction($join) join &#8211; \/\/current join<\/label><\/div>\n<div><\/div>\n<div><label class=\"tbgrd_helplabel\"><strong>shfly_tgrd_posts_where<\/strong> \u00a0<\/label><label class=\"tbgrd_help_text\">Modify the where portion of the post sql query (see posts_where in the WordPress Codex documentation). <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">add_filter(&#8216;shfly_tgrd_posts_where&#8217;, callbackfunction) <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">function callbackfunction($where) \/\/style &#8211; current where<\/label><\/div>\n<div>{<\/div>\n<div>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0$where .= &#8221; And something=somethingelse&#8221;;<\/div>\n<div>\u00a0 \u00a0 \u00a0 \u00a0 return $where;<\/div>\n<div>}<\/div>\n<div><\/div>\n<div><strong><label class=\"tbgrd_helplabel\">shfly_tgrd_posts_orderby \u00a0<\/label><\/strong><label class=\"tbgrd_help_text\">Modify the order by section of the post sql query (see posts_orderby in the WordPress Codex). <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">add_filter(&#8216;shfly_tgrd_posts_orderby&#8217;, callbackfunction) <\/label><\/div>\n<div><label class=\"tbgrd_help_text\">function callbackfunction($orderby) \/\/orderby &#8211; current orderby<\/label><\/div>\n<div>{<\/div>\n<div>\u00a0 $orderby = &#8220;(field1, field2) DESC&#8221;;<br \/>\nreturn $orderby;<\/div>\n<div>}<\/div>\n<\/div>\n<div>\n<pre><\/pre>\n<\/div>\n<div class=\"tbgrd_section\"><\/div>\n<footer class=\"rafi-content-footer\">\r\n    <h6> <em> <font color=\"blue\">\r\n  The featured image (which may only  be displayed on the index pages, depending on your settings) was randomly selected. It is an unlikely coincidence if it is related to the post.<\/font><\/em><\/h6>\r\n  \r\n  <\/footer> ","protected":false},"excerpt":{"rendered":"<p>You should be familiar with the wordpress codex! The thumbnail grid plugin can be extended by developers using filters. Please refer to the WordPress Codex for more information about filters Example: Create rounded corners tor the image: add_filter(&#8216;sfly_tbgrid_image_style&#8217;, &#8216;sfly_tgrid_rounded&#8217;); function sfly_tgrid_rounded($style) { $style .= &#8220;border-width: 1px; border-style: solid; border-color: #ccc; position: relative; z-index: 50; border-radius: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":228,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-24","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"You should be familiar with the wordpress codex! The thumbnail grid plugin can be extended by developers using filters. Please refer to the Wordpress Codex for more information about filters Example: Create rounded corners tor the image: add_filter(&#039;sfly_tbgrid_image_style&#039;, &#039;sfly_tgrid_rounded&#039;); function sfly_tgrid_rounded($style) { $style .= &quot;border-width: 1px; border-style: solid; border-color: #ccc; position: relative; z-index: 50; border-radius:\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/filters\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Featured Image Thumbnail Grid - Just another Shoofly Solutions Plugins site\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Filters - Featured Image Thumbnail Grid\" \/>\n\t\t<meta property=\"og:description\" content=\"You should be familiar with the wordpress codex! The thumbnail grid plugin can be extended by developers using filters. Please refer to the Wordpress Codex for more information about filters Example: Create rounded corners tor the image: add_filter(&#039;sfly_tbgrid_image_style&#039;, &#039;sfly_tgrid_rounded&#039;); function sfly_tgrid_rounded($style) { $style .= &quot;border-width: 1px; border-style: solid; border-color: #ccc; position: relative; z-index: 50; border-radius:\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/filters\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2022-06-16T21:06:59+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2022-06-16T21:06:59+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Filters - Featured Image Thumbnail Grid\" \/>\n\t\t<meta name=\"twitter:description\" content=\"You should be familiar with the wordpress codex! The thumbnail grid plugin can be extended by developers using filters. Please refer to the Wordpress Codex for more information about filters Example: Create rounded corners tor the image: add_filter(&#039;sfly_tbgrid_image_style&#039;, &#039;sfly_tgrid_rounded&#039;); function sfly_tgrid_rounded($style) { $style .= &quot;border-width: 1px; border-style: solid; border-color: #ccc; position: relative; z-index: 50; border-radius:\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.plugins.shooflysolutions.com\\\/thumbnail-grid\\\/filters\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.plugins.shooflysolutions.com\\\/thumbnail-grid#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.plugins.shooflysolutions.com\\\/thumbnail-grid\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.plugins.shooflysolutions.com\\\/thumbnail-grid\\\/filters\\\/#listItem\",\"name\":\"Filters\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.plugins.shooflysolutions.com\\\/thumbnail-grid\\\/filters\\\/#listItem\",\"position\":2,\"name\":\"Filters\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.plugins.shooflysolutions.com\\\/thumbnail-grid#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.plugins.shooflysolutions.com\\\/thumbnail-grid\\\/#organization\",\"name\":\"Featured Image Thumbnail Grid\",\"description\":\"Just another Shoofly Solutions Plugins site\",\"url\":\"https:\\\/\\\/www.plugins.shooflysolutions.com\\\/thumbnail-grid\\\/\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.plugins.shooflysolutions.com\\\/thumbnail-grid\\\/filters\\\/#webpage\",\"url\":\"https:\\\/\\\/www.plugins.shooflysolutions.com\\\/thumbnail-grid\\\/filters\\\/\",\"name\":\"Filters - Featured Image Thumbnail Grid\",\"description\":\"You should be familiar with the wordpress codex! The thumbnail grid plugin can be extended by developers using filters. Please refer to the Wordpress Codex for more information about filters Example: Create rounded corners tor the image: add_filter('sfly_tbgrid_image_style', 'sfly_tgrid_rounded'); function sfly_tgrid_rounded($style) { $style .= \\\"border-width: 1px; border-style: solid; border-color: #ccc; position: relative; z-index: 50; border-radius:\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.plugins.shooflysolutions.com\\\/thumbnail-grid\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.plugins.shooflysolutions.com\\\/thumbnail-grid\\\/filters\\\/#breadcrumblist\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/www.plugins.shooflysolutions.com\\\/thumbnail-grid\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2022\\\/06\\\/cd113a43-bc02-3098-8df5-ac82fc0c35c9.jpg\",\"@id\":\"https:\\\/\\\/www.plugins.shooflysolutions.com\\\/thumbnail-grid\\\/filters\\\/#mainImage\",\"width\":1168,\"height\":778},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.plugins.shooflysolutions.com\\\/thumbnail-grid\\\/filters\\\/#mainImage\"},\"datePublished\":\"2022-06-16T21:06:59+00:00\",\"dateModified\":\"2022-06-16T21:06:59+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.plugins.shooflysolutions.com\\\/thumbnail-grid\\\/#website\",\"url\":\"https:\\\/\\\/www.plugins.shooflysolutions.com\\\/thumbnail-grid\\\/\",\"name\":\"Featured Image Thumbnail Grid\",\"description\":\"Just another Shoofly Solutions Plugins site\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.plugins.shooflysolutions.com\\\/thumbnail-grid\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Filters - Featured Image Thumbnail Grid","description":"You should be familiar with the wordpress codex! The thumbnail grid plugin can be extended by developers using filters. Please refer to the Wordpress Codex for more information about filters Example: Create rounded corners tor the image: add_filter('sfly_tbgrid_image_style', 'sfly_tgrid_rounded'); function sfly_tgrid_rounded($style) { $style .= \"border-width: 1px; border-style: solid; border-color: #ccc; position: relative; z-index: 50; border-radius:","canonical_url":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/filters\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/filters\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid#listItem","position":1,"name":"Home","item":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid","nextItem":{"@type":"ListItem","@id":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/filters\/#listItem","name":"Filters"}},{"@type":"ListItem","@id":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/filters\/#listItem","position":2,"name":"Filters","previousItem":{"@type":"ListItem","@id":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/#organization","name":"Featured Image Thumbnail Grid","description":"Just another Shoofly Solutions Plugins site","url":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/"},{"@type":"WebPage","@id":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/filters\/#webpage","url":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/filters\/","name":"Filters - Featured Image Thumbnail Grid","description":"You should be familiar with the wordpress codex! The thumbnail grid plugin can be extended by developers using filters. Please refer to the Wordpress Codex for more information about filters Example: Create rounded corners tor the image: add_filter('sfly_tbgrid_image_style', 'sfly_tgrid_rounded'); function sfly_tgrid_rounded($style) { $style .= \"border-width: 1px; border-style: solid; border-color: #ccc; position: relative; z-index: 50; border-radius:","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/#website"},"breadcrumb":{"@id":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/filters\/#breadcrumblist"},"image":{"@type":"ImageObject","url":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/wp-content\/uploads\/sites\/8\/2022\/06\/cd113a43-bc02-3098-8df5-ac82fc0c35c9.jpg","@id":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/filters\/#mainImage","width":1168,"height":778},"primaryImageOfPage":{"@id":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/filters\/#mainImage"},"datePublished":"2022-06-16T21:06:59+00:00","dateModified":"2022-06-16T21:06:59+00:00"},{"@type":"WebSite","@id":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/#website","url":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/","name":"Featured Image Thumbnail Grid","description":"Just another Shoofly Solutions Plugins site","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/#organization"}}]},"og:locale":"en_US","og:site_name":"Featured Image Thumbnail Grid - Just another Shoofly Solutions Plugins site","og:type":"article","og:title":"Filters - Featured Image Thumbnail Grid","og:description":"You should be familiar with the wordpress codex! The thumbnail grid plugin can be extended by developers using filters. Please refer to the Wordpress Codex for more information about filters Example: Create rounded corners tor the image: add_filter('sfly_tbgrid_image_style', 'sfly_tgrid_rounded'); function sfly_tgrid_rounded($style) { $style .= &quot;border-width: 1px; border-style: solid; border-color: #ccc; position: relative; z-index: 50; border-radius:","og:url":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/filters\/","article:published_time":"2022-06-16T21:06:59+00:00","article:modified_time":"2022-06-16T21:06:59+00:00","twitter:card":"summary_large_image","twitter:title":"Filters - Featured Image Thumbnail Grid","twitter:description":"You should be familiar with the wordpress codex! The thumbnail grid plugin can be extended by developers using filters. Please refer to the Wordpress Codex for more information about filters Example: Create rounded corners tor the image: add_filter('sfly_tbgrid_image_style', 'sfly_tgrid_rounded'); function sfly_tgrid_rounded($style) { $style .= &quot;border-width: 1px; border-style: solid; border-color: #ccc; position: relative; z-index: 50; border-radius:"},"aioseo_meta_data":{"post_id":"24","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2025-02-19 14:59:13","updated":"2025-06-13 22:59:20","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tFilters\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid"},{"label":"Filters","link":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/filters\/"}],"_links":{"self":[{"href":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":1,"href":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/wp-json\/wp\/v2\/pages\/24\/revisions\/25"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/wp-json\/wp\/v2\/media\/228"}],"wp:attachment":[{"href":"https:\/\/www.plugins.shooflysolutions.com\/thumbnail-grid\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}