{"id":33965,"date":"2019-03-04T10:26:27","date_gmt":"2019-03-04T10:26:27","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&p=33965"},"modified":"2020-10-21T13:39:38","modified_gmt":"2020-10-21T13:39:38","slug":"custom-gallery","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/custom-gallery\/","title":{"rendered":"Custom Gallery"},"content":{"rendered":"
\n\t
\n\t\t
\n
\"GalleryGallery image 1<\/span><\/a><\/div>\n
\"GalleryGallery image 2<\/span><\/a><\/div>\n
\"GalleryGallery image 3<\/span><\/a><\/div>\n
<\/div>\n<\/div>\n\t<\/div>\n\t
\n\t\t
<\/pre>\n\t<\/div>\n<\/div>\n\n\n
Table of contents<\/p>\n\n
  1. Description<\/a><\/li>
  2. Options<\/a><\/li>
  3. Related articles<\/a><\/li><\/ol><\/li><\/ol>\n\n\n
    Description<\/h2>\n\n\n\n
    This shortcode allows you to easily create custom galleries.<\/p>\n\n\n\n
    Options<\/h2>\n\n\n\n
    Option name<\/th>Possible values<\/th>Default value<\/th><\/tr>
    source<\/strong>
    Choose images source. You can use images from Media library or retrieve it from posts (thumbnails) posted under specified blog category. You can also pick any custom taxonomy<\/td>    		media: 1,2,3 (Media file IDs)
    posts: 1,2,3 (Post IDs)
    posts: recent (Recent posts)
    category: 1,2,3 (Category IDs)
    taxonomy: book\/3,5 (Taxonomy term slug \/ term IDs)<\/td>    		none<\/td><\/tr>
    limit<\/strong>
    Maximum number of image source posts (for recent posts, category and custom taxonomy)<\/td>    		Number from -1 to 100<\/td>20<\/td><\/tr>
    link<\/strong>
    Select which links will be used for images in this gallery<\/td>    		none (None)
    image (Full-size image)
    lightbox (Lightbox)
    custom (Slide link (added in media editor))
    attachment (Attachment page)
    post (Post permalink)<\/td>    		none<\/td><\/tr>
    target<\/strong>
    Open links in<\/td>    		self (Open in same tab)
    blank (Open in new tab)<\/td>    		self<\/td><\/tr>
    width<\/strong>
    Single item width (in pixels)<\/td>    		Number from 10 to 1600<\/td>90<\/td><\/tr>
    height<\/strong>
    Single item height (in pixels)<\/td>    		Number from 10 to 1600<\/td>90<\/td><\/tr>
    title<\/strong>
    Title display mode<\/td>    		never (Never)
    hover (On mouse over)
    always (Always)<\/td>    		hover<\/td><\/tr>
    class<\/strong>
    Additional CSS class name(s) separated by space(s)<\/td>    		CSS class name(s) separated by space(s)<\/td>\u2013 none \u2013<\/em><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
    Photos by Matt Palmer<\/a><\/p>\n\n\n\n
    Related articles<\/h2>\n\n\n\n