{"id":8967,"date":"2017-09-14T22:40:47","date_gmt":"2017-09-14T22:40:47","guid":{"rendered":"http:\/\/plugins.protoframework.com\/featured-image-pro\/?page_id=8967"},"modified":"2024-01-13T18:07:30","modified_gmt":"2024-01-13T18:07:30","slug":"plugin-documentation","status":"publish","type":"page","link":"https:\/\/www.plugins.shooflysolutions.com\/featured-image-pro\/plugin-documentation\/","title":{"rendered":"Plugin Documentation"},"content":{"rendered":"\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\t\t

\n\t\t\t\t

\n\t\t\t\t

<\/div>\n

\n

<\/figure>\n\t\t\t

\n\t\t\t\t

\n

\n What's new in version 3 of our free plugin?\n <\/a>\n <\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/figcaption>

There have been some changes in version 3 of our free plugin. 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

Read the rest<\/a><\/div><\/div><\/div>\n

\n

<\/figure>\n\t\t\t

\n\t\t\t\t

\n

\n Transition Type\n <\/a>\n <\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/figcaption>

transitiontype the transitiontype setting controls the transitions of items when the grid resizes or during filtering. css - generates css animations. This is the default value and is equivalent to setting the animate option to true. js - enables javascript transitions none - no transitions. Any transitions will default to your theme css styles if

Read the rest<\/a><\/div><\/div><\/div>\n

\n

<\/figure>\n\t\t\t

\n\t\t\t\t

\n

\n Tooltips\n <\/a>\n <\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/figcaption>

tooltip The tooltip option controls whether or not a tooltip displays when you hover over the image. tooltip defaults to true. Images without tooltips Images with tooltips<\/div><\/div>\n

\n

<\/figure>\n\t\t\t

\n\t\t\t\t

\n

\n Taxonomies & Custom Taxonomies\n <\/a>\n <\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/figcaption>

Standard Taxonomies like posts, tags and post formats and custom Taxonomies can be handled by featured-image-pro. Use the shortcode generator to select taxonomy id's. Normally, you only need two fields. taxonomies a comma delimited list of taxonomies taxonomy_relation defaults to 'OR'. Possible values are 'AND', 'OR'. Do not use with a single inner taxonomy array.

Read the rest<\/a><\/div><\/div><\/div>\n

\n

<\/figure>\n\t\t\t

\n\t\t\t\t

\n

\n Target\n <\/a>\n <\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/figcaption>

target - defaults to none. Sets the target for the link. Setting the target='_blank' will open a new window for the page. <\/div><\/div>\n

\n

<\/figure>\n\t\t\t

\n\t\t\t\t

\n

\n subcaptions\n <\/a>\n <\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/figcaption>

subcaption1 subcaption2 Version 2 of the widget allows you to create subcaptions using the author name and\/or the post date. You can display the author or the date in any subcaption. Advanced subcaptions options are available. subcaptionalign Available in version 3. Align the subcaption left, right or center. The default is center.<\/div><\/div>\n

\n

<\/figure>\n\t\t\t

\n\t\t\t\t

\n

\n Saving and using grids in the database\n <\/a>\n <\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/figcaption>

id The id number of a saved grid. Our shortcode generator allows you to save your options to the database while using our shortcode generator. Simply go into the shortcode generator, generate some shortcode and click on save. Your new shortcode will be displayed in the grid. It helps if you add a description to

Read the rest<\/a><\/div><\/div><\/div>\n

\n

<\/figure>\n\t\t\t

\n\t\t\t\t

\n

\n Samples\n <\/a>\n <\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/figcaption><\/div>\n

\n

<\/figure>\n\t\t\t

\n\t\t\t\t

\n

\n Responsive Grids - Percent Positon\n <\/a>\n <\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/figcaption>

Basic Settings responsive is a percentage value that can be used to automatically create a responsive grid. Columns may not calculate exactly. Increase the gutter or reduce the percentage by 1 or 2 to get the number of columns that you want in the grid. Advanced Responsive Settings: Percent Position There are only two options

Read the rest<\/a><\/div><\/div><\/div>\n

\n

<\/figure>\n\t\t\t

\n\t\t\t\t

\n

\n Resize\n <\/a>\n <\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/figcaption>

resize determines whether or not the grid resizes when the window is resized. When this is false, you will want to use css styles to make your grid responsive and disable the default styles. resize defaults to true. max-width and width will be ignored when this value is false. Resize is disabled and maxwidth is

Read the rest<\/a><\/div><\/div><\/div>\n

\n

<\/figure>\n\t\t\t

\n\t\t\t\t

\n

\n rel\n <\/a>\n <\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/figcaption>

Set the rel value in the html for the link. This has no effect on the plugin and is for external use only. <\/div><\/div>\n

\n

<\/figure>\n\t\t\t

\n\t\t\t\t

\n

\n Posts Per Page (Max number of images)\n <\/a>\n <\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/figcaption>

Posts Per Page Controls the number of images or posts that display in the widget.\u00a0The number of images defaults to the posts per page setting which can be found in the settings menu on your admin panel in the 'Reading' section. Default: Your default setting.<\/div><\/div>\n

\n

<\/figure>\n\t\t\t

\n\t\t\t\t

\n

\n Post Type\n <\/a>\n <\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/figcaption>

The plugin can be used with pages, posts, images (attachment) and any custom post type. This option is not available in the widget. Please insure that your posts have images unless you are using the advanced features of the plugin. The default post type is 'post'. Display product posts from Woo Commerce: Display event posts

Read the rest<\/a><\/div><\/div><\/div>\n

\n

<\/figure>\n\t\t\t

\n\t\t\t\t

\n

\n Pad Image\n <\/a>\n <\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/figcaption>

padimage The Pad Image setting adds a class to the grid item and creates a padding around the image of 10px. This setting defaults to true as of version 3.0. Grid images with paddings, Grid Item has a border. No padding:<\/div><\/div>\n

\n

<\/figure>\n\t\t\t

\n\t\t\t\t

\n

\n Origin - changing the direction of item loading.\n <\/a>\n <\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/figcaption>

originleft determines the direction that items are added to the grid. When false, the items will be added from the right. originleft is a true\/false value that defaults to true This example shows a grid with the origin from the right.

\n\t\t\t\t

\n\t\t\t\t

\n

\n

Voluptas odit fuga eligendi nam fuga aspernatur