{"id":656,"date":"2020-05-27T17:32:41","date_gmt":"2020-05-27T17:32:41","guid":{"rendered":"https:\/\/university-communications.ncsu.edu\/documentation\/?page_id=656"},"modified":"2024-12-16T11:23:22","modified_gmt":"2024-12-16T16:23:22","slug":"thumbnail-gallery-block","status":"publish","type":"reference-article","link":"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/thumbnail-gallery-block\/","title":{"rendered":"Thumbnail Gallery Block"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p>This block allows you to display many photos in a condensed amount of screen space. This is useful for cases where a large number of images are available for a particular story, but are topically relevant to eachother and best viewed in conjunction with other relevant images. Think a gallery of NC State Fair foods, or a collection of images from Graduation. <\/p>\n\n\n\n<p>Up to 30 images can be displayed in a single gallery, which are paginated in chunks depending on how large the user&#8217;s screen size is. The block displays images within the gallery as small thumbnails. Users can click on an image to enlarge it and swipe through the gallery.<\/p>\n\n\n\n<p>Images are selected from the WordPress Media Library. They can then be placed in any order and optional gallery-specific captions can be added.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1666\" height=\"924\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/06\/thumbnail-gallery-example-1.gif\" alt=\"\" class=\"wp-image-883\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Alternative Options<\/h2>\n\n\n\n<p>There are several similar blocks that can be used to showcase visual content.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/image-block\/\">Image block<\/a>: The standard image block can be used to pace a story and provide natural separation between different story sections.<\/li>\n\n\n\n<li><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/platforms\/nc-state-stories\/enhanced-news-add-on\/image-grid-block\/\">Image Grid block<\/a>: This block is only available within the Enhanced Add-on to NC State Stories. It allows you to display images in a grid format of one image across or two images side-by-side. You can add as many rows of images as you&#8217;d like.<\/li>\n\n\n\n<li><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/video-image-block\/\">Video Image block<\/a>: You can add video by embedding a YouTube video using the Video Image block. This block allows you to select a still image to use as the video&#8217;s cover image.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Need help?<\/h2>\n\n\n\n<p>Have questions? Feel free to reach out with any questions or concerns at\u00a0<a href=\"http:\/\/go.ncsu.edu\/ucomm-dev-request\">go.ncsu.edu\/ucomm-dev-request<\/a>.<\/p>\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false,"ncst_custom_author":"","ncst_show_custom_author":false,"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"pageIntro\":\"The Thumbnail Gallery allows you to add a traditional photo gallery to your NC State Stories post.\"}","ncst_content_audit_freq":"","ncst_content_audit_date":"","ncst_content_audit_display":false,"ncst_backToTopFlag":"","_links_to":"","_links_to_target":""},"availability":[49],"content-type":[51],"class_list":["post-656","reference-article","type-reference-article","status-publish","hentry","availability-nc-state-theme","content-type-block"],"acf":[],"_links":{"self":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/656","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article"}],"about":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/reference-article"}],"version-history":[{"count":6,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/656\/revisions"}],"predecessor-version":[{"id":38246,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/656\/revisions\/38246"}],"wp:attachment":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=656"}],"wp:term":[{"taxonomy":"availability","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/availability?post=656"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/content-type?post=656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}