{"id":16572,"date":"2023-11-14T11:21:52","date_gmt":"2023-11-14T16:21:52","guid":{"rendered":"https:\/\/www.rochester.edu\/communications\/?page_id=16572"},"modified":"2026-07-13T10:10:47","modified_gmt":"2026-07-13T14:10:47","slug":"media-and-text","status":"publish","type":"page","link":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/media-and-text\/","title":{"rendered":"Media"},"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-16572","page","type-page","status-publish","hentry"],"acf":{"lead_in":"Rochester Core","display_title":"Media component","subtitle":"Explore documentation around Rochester Core's Media 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 media component is exactly what it sounds like in the name. This component will have a large image or video that takes up a significant portion of the stripe for high impact. Example use cases usually involve a large, featured item whose meaning is amplified by using imagery. Watch the video and read the guide to learn how to use the media 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\">Media component options<\/a><\/li>\r\n \t<li><a href=\"#example\">Example Media components<\/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: Media 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=\"14.) Media and Text\" src=\"https:\/\/player.vimeo.com\/video\/1208497607?h=6a07b1760d&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\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/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. Media options<\/strong><\/h2>","description":"After selecting the Media 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":"Overline","icon":"","row_content":"The overline 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 media component.<strong>\r\n<\/strong>","accordion_anchor":""},{"acf_fc_layout":"accordion","accordion_title":"Title","icon":"","row_content":"The title field is where to add the title of the component. Ideally, the title should be attention grabbing but not too long.","accordion_anchor":""},{"acf_fc_layout":"accordion","accordion_title":"Content","icon":"","row_content":"The content field is where to add the body copy. In most cases, this will probably either be talking about a subject that our image or video will reinforce, or will be directly addressing the image or video itself.","accordion_anchor":""},{"acf_fc_layout":"accordion","accordion_title":"Call to action","icon":"","row_content":"The call to action is where to add a link or button. Generally, this should direct to more information about the section. Choosing \u201cselect link\u201d will bring up the url options. 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":"There are five color options for the background of the media component which can be selected by clicking the desired color.","accordion_anchor":""},{"acf_fc_layout":"accordion","accordion_title":"Media type","icon":"","row_content":"The media type option is used to select which type of media will be used in the component. Choose between Image, Embed, Video or other to see applicable options.","accordion_anchor":""},{"acf_fc_layout":"accordion","accordion_title":"Featured image\/video","icon":"","row_content":"The featured image\/video is the hallmark feature of the media component. The designated settings will appear based on what media type is selected above. Simply add an image from the media library, embed a link from YouTube or Vimeo, or add in a video from the media library to be displayed. For images the recommended image size is 1440px by 1080px (4:2).","accordion_anchor":""},{"acf_fc_layout":"accordion","accordion_title":"Media placement","icon":"","row_content":"Select which side of the screen you would like the image or video to show with the media placement option. On a mobile device, the media will stack above the text content if left is selected, below if right is selected.","accordion_anchor":""},{"acf_fc_layout":"accordion","accordion_title":"Enable animation","icon":"","row_content":"The media component has the option to enable an entry animation as the user scrolls down the page. This can be toggled on and off as desired.","accordion_anchor":""}]},{"acf_fc_layout":"text","anchor":"example","css_class":"","title":"<h2 style=\"text-align: center;\">3. Examples of the Media component<\/h2>","content":"","background_color":"#ffffff","width":"width-medium"},{"acf_fc_layout":"media_text_new","anchor":"","class":"","overline":"","title":"<h3>Your education, your way<\/h3>","content":"With unparalleled flexibility, the Rochester Curriculum fits your personal needs, strengths, and preferences. But you can count on us to push you to think, imagine, and go beyond your academic comfort zone.","cta":{"title":"See our curriculum","url":"https:\/\/admissions.rochester.edu\/academics\/rochester-curriculum\/","target":""},"bg":"#ffc70a","type":"image","image":21882,"embed":"https:\/\/www.youtube.com\/watch?v=AEtDi8puQww","video":21892,"layout":"left","animation":"animation-true"},{"acf_fc_layout":"media_text_new","anchor":"","class":"","overline":"","title":"<h3>Top-tier research<\/h3>","content":"Research is a never-ending pursuit\u2014for the solution, the cure, the truth, the new. The difference between Rochester and other R1 institutions? Our undergraduate students partner with us as fellow researchers while building their academic portfolios.","cta":{"title":"Learn by doing","url":"https:\/\/admissions.rochester.edu\/academics\/student-research\/","target":""},"bg":"#00205b","type":"embed","image":"","embed":"https:\/\/www.youtube.com\/watch?v=5PMl5pLufHs&t=130s","video":21892,"layout":"right","animation":"animation-true"},{"acf_fc_layout":"media_text_new","anchor":"","class":"mt-15 pt-15","overline":"","title":"<h3>Celebrating the Class of 2025<\/h3>","content":"The 糖心传媒 is holding the weekend of May 16\u201318, 2025, for the University\u2019s one hundred and seventy-fifth Commencement activities.","cta":{"title":"Save the date","url":"https:\/\/www.rochester.edu\/commencement\/class-of-2025\/","target":""},"bg":"#f4f4f4","type":"video","image":"","embed":"","video":21892,"layout":"above","animation":"animation-true"},{"acf_fc_layout":"card_grid","anchor":"","css_class":"","title":"","description":"","background_color":"#FFFFFF","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":"#f4f4f4","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>Media - 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\/media-and-text\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Media - University Marketing and Communications\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/media-and-text\/\" \/>\n<meta property=\"og:site_name\" content=\"University Marketing and Communications\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-13T14:10:47+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\\\/media-and-text\\\/\",\"url\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/resources\\\/web-seo\\\/wordpress-theme\\\/media-and-text\\\/\",\"name\":\"Media - University Marketing and Communications\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/#website\"},\"datePublished\":\"2023-11-14T16:21:52+00:00\",\"dateModified\":\"2026-07-13T14:10:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/resources\\\/web-seo\\\/wordpress-theme\\\/media-and-text\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/resources\\\/web-seo\\\/wordpress-theme\\\/media-and-text\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/resources\\\/web-seo\\\/wordpress-theme\\\/media-and-text\\\/#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\":\"Media\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/#website\",\"url\":\"https:\\\/\\\/www.rochester.edu\\\/communications\\\/\",\"name\":\"University Marketing and Communications\",\"description\":\"糖心传媒\",\"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":"Media - 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\/media-and-text\/","og_locale":"en_US","og_type":"article","og_title":"Media - University Marketing and Communications","og_url":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/media-and-text\/","og_site_name":"University Marketing and Communications","article_modified_time":"2026-07-13T14:10:47+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\/media-and-text\/","url":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/media-and-text\/","name":"Media - University Marketing and Communications","isPartOf":{"@id":"https:\/\/www.rochester.edu\/communications\/#website"},"datePublished":"2023-11-14T16:21:52+00:00","dateModified":"2026-07-13T14:10:47+00:00","breadcrumb":{"@id":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/media-and-text\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/media-and-text\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.rochester.edu\/communications\/resources\/web-seo\/wordpress-theme\/media-and-text\/#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":"Media"}]},{"@type":"WebSite","@id":"https:\/\/www.rochester.edu\/communications\/#website","url":"https:\/\/www.rochester.edu\/communications\/","name":"University Marketing and Communications","description":"糖心传媒","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\/16572","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=16572"}],"version-history":[{"count":17,"href":"https:\/\/www.rochester.edu\/communications\/wp-json\/wp\/v2\/pages\/16572\/revisions"}],"predecessor-version":[{"id":34892,"href":"https:\/\/www.rochester.edu\/communications\/wp-json\/wp\/v2\/pages\/16572\/revisions\/34892"}],"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=16572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}