{"id":16512,"date":"2023-11-14T11:14:58","date_gmt":"2023-11-14T16:14:58","guid":{"rendered":"https:\/\/www.rochester.edu\/communications\/?page_id=16512"},"modified":"2026-07-13T10:09:46","modified_gmt":"2026-07-13T14:09:46","slug":"interstitial","status":"publish","type":"page","link":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/interstitial\/","title":{"rendered":"Interstitial"},"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-16512","page","type-page","status-publish","hentry"],"acf":{"lead_in":"Rochester Core","display_title":"Interstitial component","subtitle":"Explore documentation around Rochester Core's Interstitial 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":"mt-0 pt-0","title":"<h2>Overview<\/h2>","content":"The Interstitial component creates a horizontal stripe across the page, drawing the user\u2019s attention to the presented content. This is a great tool for calling out a timely piece of important information, creating opportunities for a call to action, or simply for breaking up multiple text components on a page with a high value action. Watch the video and read the guide to learn all about the interstitial component.\r\n\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\">Interstitial options<\/a><\/li>\r\n \t<li><a href=\"#example\">Example interstitials<\/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: Interstitial 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=\"13.) Interstitial\" src=\"https:\/\/player.vimeo.com\/video\/1208471318?h=c9ec5e7f79&amp;title=0&amp;byline=0&amp;portrait=0&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. Interstitial options<\/strong><\/h2>","description":"After selecting the Interstitial 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":"Layout","icon":"","row_content":"The first option for the interstitial is the \u201cLayout\u201d option which will determine the layout of the component.\r\n<ul>\r\n \t<li><strong>Stacked:<\/strong>\u00a0The stacked option presents the component information in a vertical layout, where all the information is stacked on top of each other.<\/li>\r\n \t<li><strong>Inline:<\/strong>\u00a0The inline alternative provides a horizontal arrangement of the information.<\/li>\r\n<\/ul>","accordion_anchor":""},{"acf_fc_layout":"accordion","accordion_title":"Lead-in","icon":"","row_content":"The lead-in is a useful addition to the component to add some context and intrigue to the copy. This highlights the text and helps lead the user into reading to the title of the interstitial.","accordion_anchor":""},{"acf_fc_layout":"accordion","accordion_title":"Title","icon":"","row_content":"The title field is where to add the title of the interstitial. Ideally, the title should be attention grabbing but not too long.","accordion_anchor":""},{"acf_fc_layout":"accordion","accordion_title":"Content","icon":"","row_content":"The copy for the interstitial can be added into the content field. With the copy, make sure to include enough context to give an idea of what the interstitial is about while not going overboard. In the end, the goal is get people to click for more information.","accordion_anchor":""},{"acf_fc_layout":"accordion","accordion_title":"Call to action","icon":"","row_content":"The call to action is the most important field for the interstitial. This is where to add a button which is the main point of the interstitial.\u00a0Choosing \u201cselect link\u201d will bring up the url\u00a0options. The important thing to note here is, in order for the link to be presented as a button, the text for button has to be added into the \u201clink text\u201d field.","accordion_anchor":""},{"acf_fc_layout":"accordion","accordion_title":"Background color","icon":"","row_content":"The last option is the background color for the component. The navy background pairs well with the stacked layout option and the yellow background works well with the in-line option. In the end, choose whatever will work best for the site.","accordion_anchor":""},{"acf_fc_layout":"accordion","accordion_title":"Closing notes","icon":"","row_content":"One final note for the Interstitial component. To ensure consistency across the site, the best practice is to keep the use of interstitials consistent. For example, if one page has a yellow stacked interstitial mid-page and blue interstitial at the page footer, continue to follow that page structure across other similar pages where possible.","accordion_anchor":""}]},{"acf_fc_layout":"interstitial","anchor_id":"example","classes":"","layout":"layout_stacked","lead-in":"check out this","title":"<h2>3. Example Interstitial<\/h2>","content":"This is an example of a stacked interstitial with a yellow background.","call_to_action":{"title":"Learn more","url":"#","target":""},"bg_color":"#ffc70a"},{"acf_fc_layout":"interstitial","anchor_id":"","classes":"","layout":"layout_inline","lead-in":"Inline","title":"<h3>Interstitial Example<\/h3>","content":"This is an example of an inline interstitial with a navy background.","call_to_action":{"title":"Learn more","url":"#","target":""},"bg_color":"#00205b"},{"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":"Logging in","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":""}]}]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Interstitial - 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\/interstitial\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Interstitial - University Marketing and Communications\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/interstitial\/\" \/>\n<meta property=\"og:site_name\" content=\"University Marketing and Communications\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-13T14:09:46+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\\\/interstitial\\\/\",\"url\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/resources\\\/web-seo\\\/wordpress-theme\\\/interstitial\\\/\",\"name\":\"Interstitial - University Marketing and Communications\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/#website\"},\"datePublished\":\"2023-11-14T16:14:58+00:00\",\"dateModified\":\"2026-07-13T14:09:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/resources\\\/web-seo\\\/wordpress-theme\\\/interstitial\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/resources\\\/web-seo\\\/wordpress-theme\\\/interstitial\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/resources\\\/web-seo\\\/wordpress-theme\\\/interstitial\\\/#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\":\"Interstitial\"}]},{\"@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":"Interstitial - 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\/interstitial\/","og_locale":"en_US","og_type":"article","og_title":"Interstitial - University Marketing and Communications","og_url":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/interstitial\/","og_site_name":"University Marketing and Communications","article_modified_time":"2026-07-13T14:09:46+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\/interstitial\/","url":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/interstitial\/","name":"Interstitial - University Marketing and Communications","isPartOf":{"@id":"https:\/\/www.rochester.edu\/communications\/#website"},"datePublished":"2023-11-14T16:14:58+00:00","dateModified":"2026-07-13T14:09:46+00:00","breadcrumb":{"@id":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/interstitial\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/interstitial\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/interstitial\/#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":"Interstitial"}]},{"@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\/16512","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=16512"}],"version-history":[{"count":9,"href":"https:\/\/www.rochester.edu\/communications\/wp-json\/wp\/v2\/pages\/16512\/revisions"}],"predecessor-version":[{"id":34882,"href":"https:\/\/www.rochester.edu\/communications\/wp-json\/wp\/v2\/pages\/16512\/revisions\/34882"}],"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=16512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}