{"id":25412,"date":"2024-11-08T13:39:18","date_gmt":"2024-11-08T18:39:18","guid":{"rendered":"https:\/\/www.rochester.edu\/communications\/?page_id=25412"},"modified":"2026-09-29T12:19:42","modified_gmt":"2026-09-29T16:19:42","slug":"image-gallery","status":"publish","type":"page","link":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/image-gallery\/","title":{"rendered":"Image gallery"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":36,"featured_media":0,"parent":14392,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/one-column.php","meta":{"_acf_changed":false,"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-25412","page","type-page","status-publish","hentry"],"acf":{"lead_in":"Rochester Core","display_title":"Image Gallery component","subtitle":"Explore documentation around Rochester Core's Image Gallery component.","call_to_action":"","hero_image_placement":"no_image","hero_media":"images","hero_pattern_option":"","hero_video":"","hero_image_landing":"","hero_image_landing_two":"","hero_image_landing_three":"","content_modules_above":[{"acf_fc_layout":"text","anchor":"","css_class":"","title":"<h2>Overview<\/h2>","content":"<p class=\"p1\">The image gallery component displays a collection of images in a visually organized carousel layout, allowing users to browse and view photos with ease. The component supports navigation controls, including next\/previous buttons and optional captions, to enhance the browsing experience. Responsive design ensures the gallery adjusts seamlessly across devices.<\/p>\r\n<strong>Topics on this page:<\/strong>\r\n<ol>\r\n \t<li><a href=\"#video\">How-to video<\/a><\/li>\r\n \t<li><a href=\"#options\">Image Gallery options<\/a><\/li>\r\n \t<li><a href=\"#example\">Example Image Gallery<\/a><\/li>\r\n<\/ol>","background_color":"#ffffff","width":"width-large"}],"sidebar":"show__sidebar","sidebar_feed":"menu_select","menu":"342","page_links":null,"sub_menu":"","content_modules":[{"acf_fc_layout":"text","anchor":"video","css_class":"","title":"<h2 style=\"text-align: center;\">1. How-to video: Image Gallery component<\/h2>","content":"<div style=\"padding: 56.25% 0 0 0; position: relative;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" title=\"Image Gallery\" src=\"https:\/\/player.vimeo.com\/video\/1231049292?h=db1bae5b35&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\"><\/iframe><\/div>\r\n<script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>","background_color":"#f4f4f4","width":"width-medium"},{"acf_fc_layout":"accordion_new","anchor_id":"options","classes":"","title":"<h2><strong>2. Image Gallery options<\/strong><\/h2>","description":"After selecting the Image Gallery component on any page that uses the Rochester Core plugin, you'll be presented with the following options to customize the display and enter content.","background":"plain","background_color":"#ffffff","style":"row_blank","expand":"yes","accordions":[{"acf_fc_layout":"accordion","accordion_title":"Title","icon":"","row_content":"<p class=\"p1\">The title field is where to add the Image Gallery\u2019s component\u2019s title or headline. The title here will be automatically styled, but keep the heading hierarchy of the page in mind to determine if heading 2 or heading 3 would be needed.<\/p>","accordion_anchor":""},{"acf_fc_layout":"accordion","accordion_title":"Content","icon":"","row_content":"<p class=\"p1\">The content block is where supporting text can be added to the Image Gallery component. Usually, this would include a sentence or two describing the gallery\u2019s content.<\/p>","accordion_anchor":""},{"acf_fc_layout":"accordion","accordion_title":"Images","icon":"","row_content":"<p class=\"p1\">Use this space to select the images you would like to display in the image gallery. A minimum of 5 images is required, and a maximum of 20 images is allowed.<\/p>\r\nClick \"add to gallery\" and select which photos from the Media Library to include in the gallery.\r\n<p class=\"p1\">Images will be cropped to either a 3:2 ratio (840 x 560px), a 2:3 ratio (375 x 560px), or 1:1 ratio (560 x 560px).<\/p>","accordion_anchor":""},{"acf_fc_layout":"accordion","accordion_title":"Image caption","icon":"","row_content":"<p class=\"p1\">To display captions for the images select \u201cyes.\u201d When enabled, captions will be displayed for all the photos in the image gallery. The image caption field is automatically filled using the \u201ccaption\u201d field from the Media Library.<\/p>\r\n<p class=\"p1\">To add a caption to a photo, click the picture in the Image Gallery component to bring up the fields for the photo. Add the desired caption in the \u201ccaption\u201d field.<\/p>","accordion_anchor":""},{"acf_fc_layout":"accordion","accordion_title":"Image credit","icon":"","row_content":"<p class=\"p1\">To display image credits for the images select \u201cyes.\u201d When enabled, image credits will be displayed for all the photos in the image gallery. The image credit field is automatically filled in using the \u201cdescription\u201d field from the Media Library.<\/p>\r\n<p class=\"p1\">To add credit to a photo, click the picture in the Image Gallery component to bring up the fields for the photo. Add the desired credit in the \u201cdescription\u201d field.<\/p>","accordion_anchor":""}]},{"acf_fc_layout":"card_grid","anchor":"","css_class":"","title":"","description":"","background_color":"#f4f4f4","width":"width-medium","columns":"1","cards":[{"card_title":"<p class=\"u-card-title\">Rochester Core component documentation<\/p>","card_text":"Explore the other components available on the Rochester Core WordPress theme.","card_background_color":"#FFFFFF","card_hover_color":"#283faf","card_link":{"title":"","url":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/training\/","target":""},"card_hover_arrow":"hover_arrow","card_image":"","card_image_size":"","card_image_placement":"","card_image_hover_state":"hover_fade","card_image_link":""}]},{"acf_fc_layout":"text","anchor":"example","css_class":"mb-0 pb-0","title":"<h2>3. Example Image Gallery<\/h2>","content":"Explore an example execution of the Image Gallery componenet in action.","background_color":"#ffffff","width":"width-medium"},{"acf_fc_layout":"image_gallery","anchor_id":"","css_classes":"","overline":"","title":"<h3>The Amazing Spider-Man Films in Rochester<\/h3>","content":"Downtown Rochester hosted the filming of chase scenes for The Amazing Spider-Man 2 from Tuesday, April 30 to Thursday, May 9. Action sequences included car chases and other special effects were filmed on Main Street, including the area adjoining Eastman Theatre. University photographer Adam Fenster was able to catch the shots below on the last day of filming, when Spider-Man himself made some appearances!","above_below":"above","background_color":"#FFFFFF","images":[25792,25842,25762,25802,25852,25772,25812,25782,25862,25822,25832,25872],"caption":"no","credit":"no"}]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Image gallery - University Marketing and Communications<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/image-gallery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Image gallery - University Marketing and Communications\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/image-gallery\/\" \/>\n<meta property=\"og:site_name\" content=\"University Marketing and Communications\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-29T16:19:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.rochester.edu\/communications\/wp-content\/uploads\/2025\/10\/URochester-Link-Preview-Marcom-ImageRight.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/resources\\\/web-seo\\\/wordpress-theme\\\/image-gallery\\\/\",\"url\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/resources\\\/web-seo\\\/wordpress-theme\\\/image-gallery\\\/\",\"name\":\"Image gallery - University Marketing and Communications\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/#website\"},\"datePublished\":\"2024-11-08T18:39:18+00:00\",\"dateModified\":\"2026-09-29T16:19:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/resources\\\/web-seo\\\/wordpress-theme\\\/image-gallery\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/resources\\\/web-seo\\\/wordpress-theme\\\/image-gallery\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/resources\\\/web-seo\\\/wordpress-theme\\\/image-gallery\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/resources\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Digital resources\",\"item\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/resources\\\/web-seo\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Rochester Core resources\",\"item\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/resources\\\/web-seo\\\/wordpress-theme\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Image gallery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/#website\",\"url\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/\",\"name\":\"University Marketing and Communications\",\"description\":\"University of Rochester\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/#organization\",\"name\":\"University Marketing and Communications\",\"url\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/university-communications.jpg\",\"contentUrl\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/university-communications.jpg\",\"width\":1200,\"height\":630,\"caption\":\"University Marketing and Communications\"},\"image\":{\"@id\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Image gallery - University Marketing and Communications","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/image-gallery\/","og_locale":"en_US","og_type":"article","og_title":"Image gallery - University Marketing and Communications","og_url":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/image-gallery\/","og_site_name":"University Marketing and Communications","article_modified_time":"2026-09-29T16:19:42+00:00","og_image":[{"url":"https:\/\/www.rochester.edu\/communications\/wp-content\/uploads\/2025\/10\/URochester-Link-Preview-Marcom-ImageRight.png","width":1200,"height":630,"type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/image-gallery\/","url":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/image-gallery\/","name":"Image gallery - University Marketing and Communications","isPartOf":{"@id":"https:\/\/www.rochester.edu\/communications\/#website"},"datePublished":"2024-11-08T18:39:18+00:00","dateModified":"2026-09-29T16:19:42+00:00","breadcrumb":{"@id":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/image-gallery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/image-gallery\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/image-gallery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.rochester.edu\/communications\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/www.rochester.edu\/communications\/resources\/"},{"@type":"ListItem","position":3,"name":"Digital resources","item":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/"},{"@type":"ListItem","position":4,"name":"Rochester Core resources","item":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/"},{"@type":"ListItem","position":5,"name":"Image gallery"}]},{"@type":"WebSite","@id":"https:\/\/www.rochester.edu\/communications\/#website","url":"https:\/\/www.rochester.edu\/communications\/","name":"University Marketing and Communications","description":"University of Rochester","publisher":{"@id":"https:\/\/www.rochester.edu\/communications\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.rochester.edu\/communications\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.rochester.edu\/communications\/#organization","name":"University Marketing and Communications","url":"https:\/\/www.rochester.edu\/communications\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rochester.edu\/communications\/#\/schema\/logo\/image\/","url":"https:\/\/www.rochester.edu\/communications\/wp-content\/uploads\/2023\/03\/university-communications.jpg","contentUrl":"https:\/\/www.rochester.edu\/communications\/wp-content\/uploads\/2023\/03\/university-communications.jpg","width":1200,"height":630,"caption":"University Marketing and Communications"},"image":{"@id":"https:\/\/www.rochester.edu\/communications\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.rochester.edu\/communications\/wp-json\/wp\/v2\/pages\/25412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rochester.edu\/communications\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rochester.edu\/communications\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rochester.edu\/communications\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rochester.edu\/communications\/wp-json\/wp\/v2\/comments?post=25412"}],"version-history":[{"count":16,"href":"https:\/\/www.rochester.edu\/communications\/wp-json\/wp\/v2\/pages\/25412\/revisions"}],"predecessor-version":[{"id":36302,"href":"https:\/\/www.rochester.edu\/communications\/wp-json\/wp\/v2\/pages\/25412\/revisions\/36302"}],"up":[{"embeddable":true,"href":"https:\/\/www.rochester.edu\/communications\/wp-json\/wp\/v2\/pages\/14392"}],"wp:attachment":[{"href":"https:\/\/www.rochester.edu\/communications\/wp-json\/wp\/v2\/media?parent=25412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}