{"id":1209,"date":"2020-09-24T15:33:56","date_gmt":"2020-09-24T19:33:56","guid":{"rendered":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/?p=1209"},"modified":"2020-10-28T10:22:32","modified_gmt":"2020-10-28T14:22:32","slug":"the-new-digital-magazine-platform","status":"publish","type":"post","link":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/2020\/09\/24\/the-new-digital-magazine-platform\/","title":{"rendered":"A Look at the Innovative New Digital Magazine Platform"},"content":{"rendered":"\n<p>UCOMM&#8217;s newest digital media offering, available through our Enhanced News add-on, is the dynamic Digital Magazine platform. This platform affords creator&#8217;s the ability to arrange content in one easy to access space while providing a unique visual flair. Curating related content into a digital magazine can be a great way to create a multi-faceted narrative surrounding a central theme or time period. Pulling from stories that have already been published, or creating new ones from scratch, adding your stories into a Digital Magazine only takes a few clicks of the mouse. In our most recent collaboration with the Poole College of Management, you can take a look at just what is possible by perusing their most recent edition of <a rel=\"noreferrer noopener\" href=\"https:\/\/poole.ncsu.edu\/magazine\/issues\/fall-2020\/\" data-type=\"URL\" data-id=\"https:\/\/poole.ncsu.edu\/magazine\/issues\/fall-2020\/\" target=\"_blank\"><em>Poole Business<\/em><\/a>. Read further to take a look at some of the available features.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Features<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">New Covers and Story Headers<\/h3>\n\n\n\n<p>The cover of the magazine represents one of many entry points to your magazine\u2019s content. Much like the cover of a print publication, this page displays the key elements of a curated collection of content: The magazine\u2019s title, issue indicator (e.g. Spring 2021), pronounced display of a cover story, and a set of teasers to other stories within the issue.<\/p>\n\n\n\n<p>All magazine covers are automatically generated based on the content contained within the cover story of the issue. This makes it extremely easy to publish new digital magazines simply by configuring which stories go within an issue and setting a small set of per-issue fields (cover story selection, story ordering, magazine teaser, etc\u2026).<\/p>\n\n\n\n<p>With assigning a cover, there are now three new cover header options available to be used. Check those out below:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Default Immersive Post Header<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"359\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/default-immersive-post-cover-comparison-1024x359.png\" alt=\"\" class=\"wp-image-1107\" srcset=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/default-immersive-post-cover-comparison-1024x359.png 1024w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/default-immersive-post-cover-comparison-300x105.png 300w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/default-immersive-post-cover-comparison-768x269.png 768w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/default-immersive-post-cover-comparison-1536x538.png 1536w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/default-immersive-post-cover-comparison.png 2033w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption><strong>Left:<\/strong> Cover story post with the Default Immersive Post header selected, <strong>Right<\/strong>: The corresponding magazine cover.<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Media Banner Header<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"359\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/media-banner-cover-comparison-1024x359.png\" alt=\"\" class=\"wp-image-1109\" srcset=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/media-banner-cover-comparison-1024x359.png 1024w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/media-banner-cover-comparison-300x105.png 300w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/media-banner-cover-comparison-768x269.png 768w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/media-banner-cover-comparison-1536x538.png 1536w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/media-banner-cover-comparison.png 2033w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption><strong>Left:<\/strong> Cover story post with the Media Banner header selected, <strong>Right<\/strong>: The corresponding magazine cover.<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Side-by-side Header<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"359\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/side-by-side-cover-comparison-1024x359.png\" alt=\"\" class=\"wp-image-1108\" srcset=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/side-by-side-cover-comparison-1024x359.png 1024w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/side-by-side-cover-comparison-300x105.png 300w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/side-by-side-cover-comparison-768x269.png 768w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/side-by-side-cover-comparison-1536x538.png 1536w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/side-by-side-cover-comparison.png 2033w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption><strong>Left:<\/strong> Cover story post with the Side by Side Post header selected, <strong>Right<\/strong>: The corresponding magazine cover.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">New Blocks<\/h3>\n\n\n\n<p>In addition to the new cover options, publishers also have two new blocks available to them when building out their stories in posts. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Sandwich Narrative Block<\/h4>\n\n\n\n<p>While the main post content sets the stage and gives full details on a particular topic, the Sandwich Narrative block allows users to present a secondary, short-but-relevant story embedded directly within the original narrative that can add additional context, emphasize a point, or simply add more interest to the current story.<\/p>\n\n\n\n<p>Longer content may be hidden behind a collapsible area so that users can choose to continue reading more if they want, but can also continue reading the main story without needing to scroll past a larger distraction.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1790\" height=\"1438\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/sandwich-narrative-collapse-example.gif\" alt=\"animated image of the sandwich narrative block\" class=\"wp-image-1126\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Magazine Preview Block<\/h4>\n\n\n\n<p>The Magazine Preview block allow you to easily integrate a footprint for magazine issues within post content, as well as drive readers to other stories within the issue. Specially created for showcasing other content within a selected Magazine issue, this block is intended to facilitate greater reader retention. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"782\" height=\"1024\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/magazine-preview-block-example-782x1024.png\" alt=\"Example screenshot of the magazine preview block\" class=\"wp-image-1081\" srcset=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/magazine-preview-block-example-782x1024.png 782w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/magazine-preview-block-example-229x300.png 229w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/magazine-preview-block-example-768x1005.png 768w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/magazine-preview-block-example-1173x1536.png 1173w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/09\/magazine-preview-block-example.png 1314w\" sizes=\"(max-width: 782px) 100vw, 782px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Want to Learn More?<\/h2>\n\n\n\n<p>Interested in using our Digital Magazine platform? <a href=\"https:\/\/university-communications.ncsu.edu\/contact-us\/\" data-type=\"URL\" data-id=\"https:\/\/university-communications.ncsu.edu\/contact-us\/\" target=\"_blank\" rel=\"noreferrer noopener\">Contact UCOMM<\/a> for more information on getting started with using our newest tool. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>UCOMM&#8217;s newest digital media offering, available through our Enhanced News add-on, is the dynamic Digital Magazine platform. This platform affords creator&#8217;s the ability to arrange content in one easy to&hellip;<\/p>\n","protected":false},"author":1,"featured_media":1225,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ncst_dynamicHeaderBlockName":"ncst\/default-post-header","ncst_dynamicHeaderData":"{\"showAuthor\":true,\"showDate\":true,\"showFeaturedVideo\":false,\"caption\":\"\",\"displayCategoryID\":12}","ncst_content_audit_freq":"","ncst_content_audit_date":"","footnotes":"","_links_to":"","_links_to_target":""},"categories":[12,1],"tags":[],"displayCategory":{"term_id":12,"name":"Announcements","slug":"announcements","term_group":0,"term_taxonomy_id":12,"taxonomy":"category","description":"Announcements about feature updates to NC State web platforms.","parent":0,"count":16,"filter":"raw"},"acf":[],"_links":{"self":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/posts\/1209"}],"collection":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/comments?post=1209"}],"version-history":[{"count":12,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/posts\/1209\/revisions"}],"predecessor-version":[{"id":1466,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/posts\/1209\/revisions\/1466"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media\/1225"}],"wp:attachment":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=1209"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/categories?post=1209"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/tags?post=1209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}