Recent Work Carousel<\/strong><\/span><\/p>\nThe Carousel is one of the layouts included with the Recent Works shortcode. This layout is a simple way to showcase your portfolio. Determine which categories will be included or excluded. Set various settings such as fixed or auto for the picture size, how many posts to display, and the animation type, direction and speed. You can also use this shortcode with our columns shortcode.<\/p>\n<\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>
Recent Work\u00a0Grid<\/strong><\/span><\/p>\nThe Grid\u00a0is one of the layouts included with the Recent Works shortcode. This layout is an elegant and eye-catching\u00a0way to showcase your portfolio. Show filters and determine which categories will be included or excluded. Set various settings such as fixed or auto for the picture size, how many posts to display, how many columns to display, and column spacing. Also set the animation type, direction and speed for the images. You can also use this shortcode with our columns shortcode.<\/p>\n<\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>
Recent Work\u00a0Grid With Excerpts<\/strong><\/span><\/p>\nThe Grid\u00a0is one of the layouts included with the Recent Works shortcode. This layout is an informative and clever\u00a0way to showcase your portfolio. Show filters and determine which categories will be included or excluded. Set various settings such as fixed or auto for the picture size, excerpt length, how many posts to display, how many columns to display, and column spacing. Also set the animation type, direction and speed for the images. You can also use this shortcode with our columns shortcode.<\/p>\n<\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div>
<\/div>
<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>
Complete Set of Options <\/strong><\/span><\/p>\nEvery option and description included with the recent works\u00a0shortcode is listed below.<\/p>\n<\/div>
<\/div><\/div><\/div><\/div><\/div>
- <\/i><\/span>
picture_size<\/strong> – Can be one of these values: fixed, <\/em>or auto. <\/em>Sets picture size to fixed or not.<\/div><\/li>- <\/i><\/span>
layout<\/strong> – Can be one of these values: grid, grid-with-text, <\/em>or carousel. <\/em>Sets the layout of the shortcode.<\/div><\/li>- <\/i><\/span>
boxed_text<\/strong> – Custom<\/em> setting for grid-with-text <\/em>layout. Can be one of these values: boxed,<\/em> or unboxed<\/em>. This will enable or disable a boxed layout.<\/div><\/li>- <\/i><\/span>
filters<\/strong> – Can be one of these values: yes, <\/em>or no<\/em>. This will show or hide the filters.<\/div><\/li>- <\/i><\/span>
columns<\/strong> – Can be one of these values: 1, 2, 3, 4, 5, <\/em>or 6.<\/em> Sets the number of columns to be displayed. Only works with grid<\/em>, or grid-with-text<\/em> layouts.<\/div><\/li>- <\/i><\/span>
column_spacing<\/strong> – Accepts a numerical value to set column spacing. For example, 7<\/em>. Only works with grid<\/em>, or grid-with-text<\/em> layouts.<\/div><\/li>- <\/i><\/span>
cat_slug<\/strong> – The slug name<\/em> of the category from which you want the posts to be displayed. Use a comma<\/em> for multiple categories.<\/div><\/li>- <\/i><\/span>
exclude_cats<\/strong> – The slug name<\/em> of the category you want to exclude. Use a comma<\/em> for multiple categories.<\/div><\/li><\/ul><\/div><\/div><\/div>
- <\/i><\/span>
number_posts <\/strong>– Accepts a numerical value to show how many posts are displayed. For example, 7<\/em>.<\/div><\/li>- <\/i><\/span>
excerpt_length<\/strong> – Accepts a numerical value to show how many characters or words your excerpt will be. For example, 15.<\/em><\/div><\/li>- <\/i><\/span>
animation_type<\/strong> – Can be one of these values: none, bounce, fade, flash, shake, <\/em>or slide. <\/em>Sets the animation to use on the shortcode.<\/div><\/li>- <\/i><\/span>
animation_direction<\/strong> – Can be one of these values: down, right, left, <\/em>or up. <\/em>Sets the incoming direction for the animation.<\/div><\/li>- <\/i><\/span>
animation_speed<\/strong> – Accepts a numerical value from .1<\/em>, which is the slowest, to 1<\/em>, which is the fastest.<\/div><\/li>- <\/i><\/span>
class<\/strong> – Add a custom class<\/em> to the wrapping HTML element for further css customization.<\/div><\/li>- <\/i><\/span>
id<\/strong> – Add a custom id<\/em> to the wrapping HTML element for further css customization.<\/div><\/li><\/ul><\/div><\/div><\/div><\/div><\/div>