{"id":1303,"date":"2020-10-27T15:44:05","date_gmt":"2020-10-27T19:44:05","guid":{"rendered":"https:\/\/university-communications.ncsu.edu\/documentation\/?page_id=1303"},"modified":"2023-10-05T21:09:58","modified_gmt":"2023-10-06T01:09:58","slug":"photo-gallery-block","status":"publish","type":"reference-article","link":"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/photo-gallery-block\/","title":{"rendered":"Photo Gallery Block"},"content":{"rendered":"\n<p><strong>This block is only featured in the Pro and Premium Tiers of the NC State Web Platform.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Use Cases<\/h2>\n\n\n\n<p>The Photo Gallery block is a useful tool for displaying a set of photos in a gallery format. This block is easy to navigate and affords site maintainers the option to show multiple images in one space while keeping the page real-estate used at a minimum. This block can be particularly effective for sharing photos captured for a specific event, campaign, or story. Per usual, image centric blocks like the Photo Gallery block are a good way to breakup long bodies of text while also making a page more eye-catching to the reader.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"372\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/10\/photo-gallery-block-demo.gif\" alt=\"\" class=\"wp-image-1310\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Features<\/h2>\n\n\n\n<p>In Gutenberg, adding a Photo Gallery block to a page is as easy as clicking the &#8220;Add a block&#8221; button and choosing &#8220;Photo Gallery&#8221; from the block list. Alternatively, the block can be found by using the &#8220;Search for a block&#8221; function. For more info on blocks and adding them to a WordPress site, see our <a rel=\"noreferrer noopener\" href=\"https:\/\/university-communications.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/\" target=\"_blank\">documentation on blocks<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"386\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/10\/adding-photo-gallery.gif\" alt=\"\" class=\"wp-image-1312\"\/><\/figure>\n\n\n\n<p>Once added, the Photo Gallery block allows for a custom heading and subheading. Content maintainers can then choose to either upload the images they want to use in the photo gallery, or they can choose in bulk preloaded images from the media library. Additionally, the color of the Photo Gallery block can be changed under the &#8220;Block&#8221; settings found on the right-hand side of the editing screen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"386\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/10\/adding-images-to-gallery.gif\" alt=\"\" class=\"wp-image-1313\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Need Help?<\/h2>\n\n\n\n<p>Curious about the Photo Gallery block? Feel free to reach out with any questions or concerns at<a rel=\"noreferrer noopener\" href=\"http:\/\/go.ncsu.edu\/ucomm-dev-request\" target=\"_blank\"> 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\":\"Showcase a set of images in an easily navigable gallery format. \"}","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-1303","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\/1303","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":10,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/1303\/revisions"}],"predecessor-version":[{"id":3942,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/1303\/revisions\/3942"}],"wp:attachment":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=1303"}],"wp:term":[{"taxonomy":"availability","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/availability?post=1303"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/content-type?post=1303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}