{"id":3265,"date":"2022-05-24T09:16:22","date_gmt":"2022-05-24T09:16:22","guid":{"rendered":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/?post_type=knowledge_base&#038;p=3265"},"modified":"2026-07-24T17:48:49","modified_gmt":"2026-07-24T17:48:49","slug":"step-info-layouts-singular-audio-video","status":"publish","type":"post","link":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/step-info-layouts-singular-audio-video\/","title":{"rendered":"Step Info Layouts: Singular Audio\/Video"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">To to swap from another Step Info layout to Singular AV Media, select the appropriate step. Navigate to the <em><strong>Info &amp; Scenario<\/strong><\/em> tab.  Click <strong><em>Choose Info Section Layout<\/em><\/strong>.  <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1177\" height=\"871\" src=\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av1.jpg\" alt=\"\" class=\"wp-image-3284\" srcset=\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av1.jpg 1177w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av1-300x222.jpg 300w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av1-768x568.jpg 768w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av1-1024x758.jpg 1024w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av1-710x525.jpg 710w\" sizes=\"auto, (max-width: 1177px) 100vw, 1177px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Select the <strong><em>Singular Media<\/em><\/strong> layout set from the Choose Layout Set menu.  Next, select the <strong><em>AV Media<\/em><\/strong> layout style, followed by the desired variant and theme options.  Click <strong><em>Apply<\/em><\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1177\" height=\"871\" src=\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av2.jpg\" alt=\"\" class=\"wp-image-3285\" srcset=\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av2.jpg 1177w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av2-300x222.jpg 300w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av2-768x568.jpg 768w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av2-1024x758.jpg 1024w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av2-710x525.jpg 710w\" sizes=\"auto, (max-width: 1177px) 100vw, 1177px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1177\" height=\"871\" src=\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av3.jpg\" alt=\"\" class=\"wp-image-3286\" srcset=\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av3.jpg 1177w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av3-300x222.jpg 300w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av3-768x568.jpg 768w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av3-1024x758.jpg 1024w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av3-710x525.jpg 710w\" sizes=\"auto, (max-width: 1177px) 100vw, 1177px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1177\" height=\"871\" src=\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av4.jpg\" alt=\"\" class=\"wp-image-3287\" srcset=\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av4.jpg 1177w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av4-300x222.jpg 300w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av4-768x568.jpg 768w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av4-1024x758.jpg 1024w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av4-710x525.jpg 710w\" sizes=\"auto, (max-width: 1177px) 100vw, 1177px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1177\" height=\"871\" src=\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av5.jpg\" alt=\"\" class=\"wp-image-3288\" srcset=\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av5.jpg 1177w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av5-300x222.jpg 300w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av5-768x568.jpg 768w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av5-1024x758.jpg 1024w, https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-content\/uploads\/2022\/05\/info-single-av5-710x525.jpg 710w\" sizes=\"auto, (max-width: 1177px) 100vw, 1177px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The AV Media layout type consists of the following elements:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Step title<\/li>\n\n\n\n<li>Step main text<\/li>\n\n\n\n<li>background image<\/li>\n\n\n\n<li>contextual launcher image for video<\/li>\n\n\n\n<li>video ID to indicate targeted video file on selected video hosting service<\/li>\n\n\n\n<li>(optional) accent image, if accent layout variant is selected<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\nThe context image editing area provides the following controls\/inputs: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>caption field<\/li>\n\n\n\n<li>screenreader-only assistive description<\/li>\n\n\n\n<li>width and framing options<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The AV Media layout places a launcher image alongside the main text content that opens a modal panel containing an embedded video with keyboard-assistive controls available. Currently available video platforms in StepStone are Vimeo and YouTube. Please review the knowledgebase article <a href=\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/editing-a-step-adding-media\/\" data-type=\"post\" data-id=\"2502\" target=\"_blank\" rel=\"noreferrer noopener\">Editing a Step: Adding Media<\/a> for more information about working with the StepStone Media Manager. Additionally, review the knowledgebase article <a href=\"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/editing-a-step-adding-a-video\/\" data-type=\"post\" data-id=\"2508\" target=\"_blank\" rel=\"noreferrer noopener\">Editing a Step: Adding a Video<\/a> for more information about adding videos using the StepStone Media Manager.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>To to swap from another Step Info layout to Singular AV Media, select the appropriate step. Navigate to the Info &amp; Scenario tab. Click Choose Info Section Layout. Select the Singular Media layout set from the Choose Layout Set menu. Next, select the AV Media layout style, followed by the desired variant and theme options. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[46],"tags":[],"class_list":["post-3265","post","type-post","status-publish","format-standard","hentry","category-editing-paths"],"_links":{"self":[{"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/posts\/3265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/comments?post=3265"}],"version-history":[{"count":6,"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/posts\/3265\/revisions"}],"predecessor-version":[{"id":3854,"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/posts\/3265\/revisions\/3854"}],"wp:attachment":[{"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/media?parent=3265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/categories?post=3265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tamucet.org\/stepstone\/knowledgebase\/wp-json\/wp\/v2\/tags?post=3265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}